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

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

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

<style type="text/css">
${;af g|;J3g)I uI)c #supertext {
,^+D-F(v+l position:absolute;
[,a3v Wl left:0;"}~r^)b}%YUT
top:0;gg+S+BL'Bl)x
visibility:hide;
2ncv F[!? visibility:hidden;X[_{(W
}
i%Zs,i*r'IJ </style>.Qv7W6X#_6|/c#K
<script language="JavaScript1.2">G h7X [y
<!-- 改变下的字体的大小。颜色--> M6HsqQx C.@
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
? TX6C5wncw var hidetimer='';KXr?I7j
<!-- 改变下的弹跳速度-->E5}CU P [&x
var BallSpeed = 20;y'FJ cfS@
var contentWidth;]C!b x:V$GMY
var contentHeight;$h |$xS'p"v6I
var maxBallSpeed = 50;'o8X-e*Bc0Y f [6v8t`!S

N?{.AmC#z
4b$Cs n5s$Z*K var xMax;^r#zz3v$x{k
var yMax;
:Y9p?8N`Nu var xPos = 0;'kapC0c#B V9}
var yPos = 0;
U5@6A'g
[@
var xDir = 'right'; C
|/zyu}K l,b
var yDir = 'down';
LL?6r]-j var superballRunning = true;$B(YDk
ZJe2p
var tempBallSpeed;
Yx\
y(PZ var currentBallSrc;%_#r?6v3o:]PWx
var newXDir;xSE(~{/@P
var newYDir;
J3e4pN+A.n Go \3h zP+a
function initializeBall() {
2^0]8d
T iR;B    if (document.all) {}}4`8TIq+IK2w
lV
      xMax = document.body.clientWidthu+Q(I;No
      yMax = document.body.clientHeight-p%tC|,H
      document.all("supertext").style.visibility = "visible";8HhO*g m'u]
      contentWidth=supertext.offsetWidthh8\S&_?F3S
?
      contentHeight=supertext.offsetHeight
p9a'];e/eR       }db1R:Yb4^`i
   else if (document.layers) {2S+Ujm)T D nzVX
      xMax = window.innerWidth;
.sW7U,o&|OHYNUp       yMax = window.innerHeight;2c$XL{aW_ p
      contentWidth=document.supertext.document.width:e8\p1nS%].K:M!y
      contentHeight=document.supertext.document.height8D/euyc H#M
      document.layers["supertext"].visibility = "show";
zn7G9aO(k9Q%\       }
S8QX"Q sn_/t    setTimeout('moveBall()',400);w H3cC!m)_~
   if (hidetimer!='')
-c u1|vI4OW    setTimeout("hidetext()",hidetimer)
4H*m)niM"br!W(b    }
-GG+kUeq
*^D-C9Fdjn2qUb6f function moveBall() {8wk'f:\%y'K:l
   if (superballRunning == true) {/?'g8}G/{c8y]
      calculatePosition();#g5Lcb5~.R8|"a
      if (document.all) {
;jwx2CS SUfd          document.all("supertext").style.left = xPos + document.body.scrollLeft;
9vi Vjdn#k          document.all("supertext").style.top = yPos + document.body.scrollTop;(i!E9~ ~S9e}h?*u#^"a
         }#yh,D&~t;YY
      else if (document.layers) { w2A0AV['A
         document.layers["supertext"].left = xPos + pageXOffset; l%o@]]O)E*pt_H
         document.layers["supertext"].top = yPos + pageYOffset;
)j#i'L)_g5r          }.x6Y
gBF(F
      animatetext=setTimeout('moveBall()',20);+er;u8Yt
      },w7eK5]F
   }
7kS ?0tK,KX H]
7i`F fr[8F6@7l3| function calculatePosition() {
x1R}o$k Wc    if (xDir == "right") {d2to|%w#?/p1d
      if (xPos > (xMax - contentWidth - BallSpeed)) {+MQ8S#}J#l p
         xDir = "left";
uhfKH_T          }
/I-Sg'uIX       }
2z8EE |4\S~:o    else if (xDir == "left") {
D4J F M @#P$m       if (xPos < (0 + BallSpeed)) {c m$i/U:e}
         xDir = "right";] H+M `8d-q
         }
W5X
l l_n-f W]9_       }
5m)on1n!jt    if (yDir == "down") {
u} W_ bS,M(Z       if (yPos > (yMax - contentHeight - BallSpeed)) {
pLO#x&Un,p2u          yDir = "up";
8s U8Kn2II[          }n&K0z!Z%I8r|d B
      }
dwA$l _]I/b$D    else if (yDir == "up") {
6p,^eRlt9?#N
b       if (yPos < (0 + BallSpeed)) {3`8v/xq5D8S,tER
         yDir = "down";
@@y f8q [          }
l6K#k-zGi*p;uYu       }SZAG_J%`
   if (xDir == "right") {
G:D-iQ,x$TC       xPos = xPos + BallSpeed;
b9Y8Tj,Q|4]_       }
2r;q&g4@`ps3xv    else if (xDir == "left") {
8["H5QU oC#qORc2B       xPos = xPos - BallSpeed;
q1E&g[M_j2J+Y(I$U       }bE,@8h-_+?.H
   else {!S%D_9bWk8Sy
      xPos = xPos;e_6I B$o:P@1n
Sw.O;T
      }K.pL(C0XJ ]
   if (yDir == "down") {
2x#?V.N(j-e9G,huF       yPos = yPos + BallSpeed;@}FWWi5rA
      }
Oj4gR:G    else if (yDir == "up") {
i c'P\ zv       yPos = yPos - BallSpeed; W
g#mO4?j&t
      }
\KfZ[    else {
d-L_/{(] N       yPos = yPos;F yL)Uh~
      }

{yl4OwYA8T8X
r    }
1y%K3mgY4U
H!w
+p+{+Ro!?EK function hidetext(){
Gt,}4]3U if (document.all)DQ&L)vyR
supertext.style.visibility="hidden"
"o7RJ+Ft else if (document.layers)
~2nP"Wcz document.supertext.visibility="hide"$C.`"| vp
clearTimeout(animatetext)8i0U.S3^I4N
}&J0Cy X`/P5M%L

l9N9FJ't#I$] if (document.all||document.layers){y1G k_:a$P!XP
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')CIO1|ND1O[5q
window.onload = initializeBall;Jq-_u2eY*WS$@7R m
window.onresize = new Function("window.location.reload()");COi`c\
}
}l ncO8u y0@Q/SM)F:|
</script>

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