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

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

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

<style type="text/css">
nx,Do.D #supertext {V1eJr9Bk
position:absolute;-ON#g5~R
left:0;FYZV`#A0Wt
top:0;
/x6v4hye9S@'rdd visibility:hide;Yk4P3oWf
visibility:hidden;
'e `#[*w-Sx/_ }
P}-\2Z v^:S"V$D </style>nr6U?5S#p8X
p
<script language="JavaScript1.2">LwyAHTe U
<!-- 改变下的字体的大小。颜色-->
`%A`'J^ var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
cEeOE.s-x1o%\ var hidetimer='';_}O L K5H^
<!-- 改变下的弹跳速度-->ax4nxQ'W9G?2v
var BallSpeed = 20;
zQy(WeE^Cu var contentWidth;

fy+\xx b0{om var contentHeight;
!F4z {qbWZ.J var maxBallSpeed = 50;~3xlYWz5?
W g
YQ f|S*OJj
+H
RYHw6B&TE@)~:n0~j
var xMax;
XZn l1V Q,HA var yMax;
,}%k&|,Wja
H var xPos = 0;
2J(cKy.o-g.H.X_ var yPos = 0;8AfNKb
var xDir = 'right';(vU+S&@\)x
var yDir = 'down';|6u]:?s.j
var superballRunning = true;2~)~P;l+O)K
var tempBallSpeed;
3|5WK/n zxbH,K7}4W var currentBallSrc;

W)B:A l ~ var newXDir; CtEG-i6D#RZ
var newYDir;
:a|,y*O'\9W5ot%hK ^,Q"?mvtz#s,?lz
function initializeBall() {vA)bWZ#BDA7SnL
   if (document.all) {
y1r9y1b6](O9@'w       xMax = document.body.clientWidthk%SKk N8n2]|
      yMax = document.body.clientHeight3A\1v.j#`6L5S0U
      document.all("supertext").style.visibility = "visible";1u F.[6Y+C*BJ"f?
      contentWidth=supertext.offsetWidth

|XCjU       contentHeight=supertext.offsetHeight8KV-Jj]KJP.j
      }e1A F&| f)RL&\R
   else if (document.layers) {
^s]1A`ogzB(O&g       xMax = window.innerWidth;
sAS#z6v'?dY       yMax = window.innerHeight;-@v[`2Ur-jF;w_&Aiy8a
      contentWidth=document.supertext.document.width
gToJ6p4]       contentHeight=document.supertext.document.height
5wOjm8V2k/zW       document.layers["supertext"].visibility = "show";
NixY4GB lC       }uE$Wm6_#J
NT Vu
   setTimeout('moveBall()',400);k| PJ)sO9BF
   if (hidetimer!='')m#dH)H!Yo3N y'uN|
   setTimeout("hidetext()",hidetimer)7B9ly5Ue;E
   }
~p7KXA|!Q$QW S/Y[4^zz O{8}
function moveBall() {@o!]s1o#W
   if (superballRunning == true) {6x;NmT+hvj
ul
      calculatePosition();
*U!Z5iqL{ym.r5o       if (document.all) {&G O`MT|
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
W8@Y7GH}D
|          document.all("supertext").style.top = yPos + document.body.scrollTop;I1{!o:B:B%R'~0_
         }
}9aZ*o*r`4o(s       else if (document.layers) {H1@ @f3f}
         document.layers["supertext"].left = xPos + pageXOffset;6ho4LRu
         document.layers["supertext"].top = yPos + pageYOffset;
A~8u'o)G*R8FY Uj,M          }8f v,M"}d,c7scUM
      animatetext=setTimeout('moveBall()',20);F{4zcx^^
      }
-j2zV q.|"b7g\    }
i0{$_Yk r
~vw*ot(^-d4X;_ function calculatePosition() {3p8K2HH1Xg g8Vt~
   if (xDir == "right") {)TK?KI _v
      if (xPos > (xMax - contentWidth - BallSpeed)) {8G'W1NV\/m-wS
         xDir = "left";
PMmt-s-TW {G8[          }mG.aug
      })@(NkE.gO;O
   else if (xDir == "left") {
,{Zj\jN6S       if (xPos < (0 + BallSpeed)) {:Q$P |*e-Z.}HN`
         xDir = "right";'`;h1aK){l"x[*X m
         }O\U?fsg)W
      }C%l{"Rt#?*X
   if (yDir == "down") {
cQ*[lU#y       if (yPos > (yMax - contentHeight - BallSpeed)) {
!Sa'?Hb          yDir = "up";t I&yT*r-HD@&mY]
         }
4S7YY'Z/XM       }-eVgr D%h+h
   else if (yDir == "up") {
+|9bxw1X       if (yPos < (0 + BallSpeed)) {
M4M;]p-|0V'x,J/I A4?'h          yDir = "down";t&C1W$@
B-B^
         } A:cq/w'EI9@,I
      }"TDM},Q%K*K
   if (xDir == "right") {
8@5N4JW.U2\N       xPos = xPos + BallSpeed;
0c0q ^InS"L(K       }
r0s.cg{\    else if (xDir == "left") {tm.E*nC'h?y|(\
      xPos = xPos - BallSpeed;
;hi-n6Y,\;g$v:E       }
;Ss c%c"O-qE.e)V    else {#wLH9RrS"j
      xPos = xPos;]7z+iM*M
      }
smlk)q,C+|)k    if (yDir == "down") {3q*F}3G\ a J
      yPos = yPos + BallSpeed;N8^` bt3j+z
      }
~G%Bl)h'}Q%r    else if (yDir == "up") {8?!K(Q5H_!dx
      yPos = yPos - BallSpeed;
P!jVavi0V&J"gY       }
Oe2}ix    else {'T Z F3v0S"B
      yPos = yPos;7{8fL#H!t
      }
B9X K3mj:~5D    }
]7A"^)x$]1c
2p@Q'^t
Ox T.O function hidetext(){
$GMP7O yV if (document.all)5MudYWiA N
supertext.style.visibility="hidden"
r-VVt/e*R$L.qB1i
J else if (document.layers)
Dx!Igi&i-S document.supertext.visibility="hide"
a4ey]F7X,S clearTimeout(animatetext)%`,n Jbi
M/R
}!jq/bSG9k
h^xz1vKd)X!M
if (document.all||document.layers){
.W5R!Qsl.U2kIvQ document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')A5\0u5aG? G`d
window.onload = initializeBall;
9ODY.P{#^Ae window.onresize = new Function("window.location.reload()");
2fMg u5~Q+K }
)D r@'c u9A$o+N7b.m )qiW5CL3n
</script>

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