捌玖网络工作室 » 网页编程 » 网页之不断弹射的文字-特效

zw2004 发表于 2008-1-21 20:55

网页之不断弹射的文字-特效

<style type="text/css">
O)\#Yj/a'P0DCq #supertext {
#E8y,@pKX position:absolute;
c+\G
bH MP!v-|)s6x left:0;B$d-?9W a)}1W1S.N
top:0;}7RX
P:m)g
visibility:hide;
Z(_/Oh.^+Y)yi^k visibility:hidden;
,S3KJx4k0@ },[HrK/G
</style>^Q H6EhCJ
<script language="JavaScript1.2">3M^'h9GW
n
<!-- 改变下的字体的大小。颜色-->A8W{5hb W
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
_(LAK}h Q0j var hidetimer='';Z+G!U)\3hC
<!-- 改变下的弹跳速度-->B;s-U)O#Q1f4Z%y
var BallSpeed = 20;,]-zUb4r'qGjD
var contentWidth; p1rp^Q
var contentHeight;
&@p.SV)Z7O
y var maxBallSpeed = 50;
G7`q[&` 2k o$r"k$w}L&i
o#LXc E3b
var xMax;
N]_POb var yMax;_ HXv6s6{ ?_'M'`
var xPos = 0;
8~A;Q@*D^HhB var yPos = 0;/Ej7HumK'Hi
var xDir = 'right';
P p
\ S4`{~] var yDir = 'down';+v N`;O/o Y}*i?)k
var superballRunning = true;y-F#binV
var tempBallSpeed;
u ~-Q7Llp var currentBallSrc;!cl V6znV`
var newXDir;
b&yzC{Ym+n var newYDir;
aM5G)e-Q\V m2pn*}/o|} Z'S
function initializeBall() {CX3EIU,J3_
   if (document.all) {
(n{Z0w-l_+xW%_6y       xMax = document.body.clientWidth
zuf8Cl1h       yMax = document.body.clientHeightn"G9@2CGX z0@3M&h*R4y
      document.all("supertext").style.visibility = "visible";z A^2{qn o3B\0G
      contentWidth=supertext.offsetWidthQ$b;i#\SQE|
      contentHeight=supertext.offsetHeight+ig c6HHTx j|
      }.uG H#CD3J\
   else if (document.layers) {1E`WZ
w
      xMax = window.innerWidth;/r.cF5b Ei8w
      yMax = window.innerHeight;hwck,J
      contentWidth=document.supertext.document.width
4} r4dU2k/g i M       contentHeight=document.supertext.document.height1V y%]A;^G
      document.layers["supertext"].visibility = "show";
8l.B8}a C1o eL       }![;yy]I,p!A#q)Z
   setTimeout('moveBall()',400);'Ss%pg%Oz%bh
   if (hidetimer!='')
,ue+AKi[8F    setTimeout("hidetext()",hidetimer)
'T)aU'f2Rw    }
ZXDL_0`)q B
&@t
}T(wkY6Y8p function moveBall() {d+X\*n*g$h
   if (superballRunning == true) {-jd s+W _B
      calculatePosition();
}H.f,n](lq6]       if (document.all) {GA3lIf"H
         document.all("supertext").style.left = xPos + document.body.scrollLeft;]#jr.K6yKs
         document.all("supertext").style.top = yPos + document.body.scrollTop;
e`u%f/@:q(?          }1? K vmac
      else if (document.layers) {
T9l{"}Y9SX          document.layers["supertext"].left = xPos + pageXOffset;#Dw%^HjqE
         document.layers["supertext"].top = yPos + pageYOffset;!t7c
?QOqhZ9K
         }
$j5t}(C|^4g;W       animatetext=setTimeout('moveBall()',20);l&m*[ri w(glx
      }
'w:?P'tvF"H    }CP[D:b(y8aB!J/~
"Z6PH#d2hk%W
C!po
function calculatePosition() {0y^)N8OBO
A(G C
   if (xDir == "right") {B-^;L H*jvQx}
      if (xPos > (xMax - contentWidth - BallSpeed)) {^[!u'J"v
xd:g(Y$s
         xDir = "left";
,}BXw%G1m*Bz,v']+pF          },v Q+hZR
t
A
      }
J+w lg M:V\    else if (xDir == "left") {
:iX!z2{vm$^6m8o       if (xPos < (0 + BallSpeed)) {5C vL JC'Y
         xDir = "right";
E/lP@:rV4r b}          }`RW"B;SNGpM
      }
Sw%e,e
@|-Y    if (yDir == "down") {
B9V/zOrfE2a#f0dN       if (yPos > (yMax - contentHeight - BallSpeed)) {N V0d6vez
c2T
         yDir = "up";
%e$b,a,z3d$^0P!t          }$X.J3xe [-Md'B,^
      }
6Ae%p
iY;D    else if (yDir == "up") {
7sXCf5}6NbT:^t&s#|&R       if (yPos < (0 + BallSpeed)) {
,p;}Ugl\U          yDir = "down";w_8?#^YK
         }5i!v1U)Z1UP7KN.IJ
      }
9T u\$L6B)\t$qaA    if (xDir == "right") {
%y1SxF:{_-|;q       xPos = xPos + BallSpeed;
;rQ;_2^&vO#i-G B0e       }~.Pdc e;y^#ek
   else if (xDir == "left") {_ZtHv/TrP o'h;k1D
      xPos = xPos - BallSpeed;
h6k6UDq@7krw       }6q0|8u.Q R?3Q0}0b9f
   else {+H*p3]3Vmq k
eJ~
      xPos = xPos;
_+[4f/vO}A!k T?4w       }4q:v#y5c$Os-D1{
   if (yDir == "down") {
6}0\3Zu#xNjK       yPos = yPos + BallSpeed;
"mnIX,N&o.[)E6n6L-o       }:KB0? oz.ed
   else if (yDir == "up") {+?/J&^7{@9Ko7|vh
      yPos = yPos - BallSpeed;(eFC B h,m'I
j
      }
fp4Uaj!K    else {
V.l E"b6~       yPos = yPos;
K@kX+bn       }
;Nnl1P9BS2L    }y!G5S$yNmT

&B4x v;|"xY.i3O$? function hidetext(){ Bze{ Nm)K&y
if (document.all)
or4UCK6E supertext.style.visibility="hidden"
0q\H
ZB@5l else if (document.layers)$M
m#x-WH9n MMI&^M
document.supertext.visibility="hide"
'K5eHzX T
m clearTimeout(animatetext)
o2p
y'T-U;V9~Y }
s?|R y~ $}s'P"IR1NC3v!F
if (document.all||document.layers){}/E-r}{9t"p-uD
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+jn!}4N#k H window.onload = initializeBall;
:Kz+s8Gv1AN\ window.onresize = new Function("window.location.reload()");
K|7}.G
Li5fu }
&eU:Fh/h{$z9e
&D"xtT'[P'BF~] </script>

查看完整版本: 网页之不断弹射的文字-特效