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

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

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

<style type="text/css">
4c3@F#H}Q,T #supertext {S0vj#ji0G'ny
position:absolute;
dbi"q(d LWS left:0;h4S@:I5_p$b(e0CU
top:0;
+g$Jk:?+rPd visibility:hide;V[^5?}
K!M9zw
visibility:hidden;h;`EQVy
}
L3z^UkFp </style>
V
] ?DF"YMq <script language="JavaScript1.2">2p@u
S*K(E
<!-- 改变下的字体的大小。颜色-->)`d#Y$u w
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
5a\wu1C"s var hidetimer='';NP0F`9ar6\ U
<!-- 改变下的弹跳速度-->r:~&n.u5mR+B
var BallSpeed = 20;
dm-`#q.C Yoj,Z var contentWidth;
}_I(?r%BHE }k var contentHeight;
#cy+G)BlUs var maxBallSpeed = 50;C/i.aFDZ9l
,h,Z[Mo Kj

F:W)Sqg5DY5P6H
var xMax;
{'C^b*oQ8Yu var yMax;7`"|,jM_
var xPos = 0;
^2n7X}1yN var yPos = 0;
rg4`W s var xDir = 'right';
S
S(hK2Cw var yDir = 'down';
|+vl6Yif var superballRunning = true;
m$n
v!R6s var tempBallSpeed;
\O;\"K pRy?i&SnJ var currentBallSrc;
r\SRFSCo var newXDir;
K(} p2y"^A var newYDir;
3^9`3pZO%o-G z!N9Oa h,_2d'XA:T
function initializeBall() {^O9k+pZ1h4X
   if (document.all) {;p+M"y7z5B!`
      xMax = document.body.clientWidth
hs5uU&HVH j4G%i       yMax = document.body.clientHeight'F:w$u*l"U8_)Q*i
      document.all("supertext").style.visibility = "visible";:d&a7OSo1N
      contentWidth=supertext.offsetWidth
B~/y-kx6S{ ^ l       contentHeight=supertext.offsetHeight
.j` q })_d\       }
5a"y&E3k){ g~Vb x    else if (document.layers) {
"P)t RbyyF(Y       xMax = window.innerWidth;4C9nX c)y8K/i&U8`
      yMax = window.innerHeight;
_OB*r y       contentWidth=document.supertext.document.widthR0_O1IH_)Q
      contentHeight=document.supertext.document.height
'CU#d9l5wE X;W0]3y       document.layers["supertext"].visibility = "show";K6soA{ jEf zE
      }Nl*|:q"hU+]*[ On\ i
   setTimeout('moveBall()',400);"X0^+N \z
   if (hidetimer!='')
zp?#F5hZ1q    setTimeout("hidetext()",hidetimer)WQN.h7O%tc
   }8D w X$T2W5v7Z^

:FvlZbm6v vD function moveBall() {2t(a'g(Z2n{p"s6M$P
   if (superballRunning == true) {AjhBt6es
      calculatePosition();/V8~EL l.r*EK
      if (document.all) {
Mp%SvvO B          document.all("supertext").style.left = xPos + document.body.scrollLeft;
;_\ e9xp          document.all("supertext").style.top = yPos + document.body.scrollTop;

^+g{~1r          }
XIMfpidL       else if (document.layers) {`H A6\ i l!`&I~
         document.layers["supertext"].left = xPos + pageXOffset;
_D
`4`k#N(C%t$Kom5Y          document.layers["supertext"].top = yPos + pageYOffset;m,\:Y J7D4w*@v.{
         }
)c$]#u4[ ?-l(?       animatetext=setTimeout('moveBall()',20);
dr@-c]F;m       }
v;ACR J    }
k-y5B+PB} `Xn n0t{.vO'_0[/B0\|
function calculatePosition() {
e.SOa5?O
`,CO    if (xDir == "right") {{GU2X8cr:U
      if (xPos > (xMax - contentWidth - BallSpeed)) {
GE(v*bT(s2Ay6}OP          xDir = "left";
4H!nI'p:A D&u*C2M1nx          }-l
K"g[ Do?0?
      }
5t~X;Sa    else if (xDir == "left") {%xra `6F K
      if (xPos < (0 + BallSpeed)) {
'L0sI1}2IuQI          xDir = "right";X$f oEL9sj;Uj
         };X`+aXflc#f3{
      }A6@+oE1uDO/T GZ
   if (yDir == "down") {
m5X8o&rq"_m6s`       if (yPos > (yMax - contentHeight - BallSpeed)) {
%F.Q&k0}5CPVDL#Y'hr          yDir = "up";
E@sdBQ          }le(P9Glre0C
      }U8xS'O%o
   else if (yDir == "up") {*Y(?3vY-G5t
      if (yPos < (0 + BallSpeed)) {I&MLZC
         yDir = "down";
F Na,\)s!B4xF"m          }
@ ay A\2MXo       }
|O*Q
Pp4e5@    if (xDir == "right") {g
fRB+Si
      xPos = xPos + BallSpeed;m[w o,V ]XAy
      }
U6I/W3W Ku    else if (xDir == "left") {
vA4Sxu
      xPos = xPos - BallSpeed;Lv*w*_'O
      },d5Z l~7o@
A
   else {
r/@Q b@       xPos = xPos;
n.A*ctg       }
*jI-B:Xfcd@#r    if (yDir == "down") {X M5y&QN A5k
      yPos = yPos + BallSpeed;nW1U-o;j
      }
B,q,OFUE.Q.z    else if (yDir == "up") {bt1I|.oQa
      yPos = yPos - BallSpeed;b'Gwy?(q&D
      }
5`V:|\OX?    else {
:l!CH6_ \a(Zw       yPos = yPos;VRR `wl*`
      }
l:X*o/VP,ti    }
B Q"Kr |
bd\ S bR Pi5w
@Ln
function hidetext(){*\7Bf5O2T J$ir
if (document.all)
9_%@)p,e;d;\UF;n'U supertext.style.visibility="hidden"*fOd$BkK
else if (document.layers)"T8b)xD)qZdA
document.supertext.visibility="hide"%lvS#U.l;H7]I
clearTimeout(animatetext)l ZUv7a.k sh
}

g8V;jj`/Cd_ K9yp/pDk?
if (document.all||document.layers){
Z*X~j;`9O,I
P document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
.yl#{'llbxt window.onload = initializeBall;
].[Z*ae-f window.onresize = new Function("window.location.reload()");K"w9]-p9p'x]
}|Jt}l)I

v`8f`.R&V)f </script>

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