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

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

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

<style type="text/css">
yxc.} |8C
#supertext {$Z9Vl0g2Jv
position:absolute;
5Wp4?a"g7};BJ left:0;
&BpdLH[
Vv top:0;-~
F@GT&o
visibility:hide;
pRS9M*_#e.^MP visibility:hidden;&|#oCf3eHD
}
gdH2fG \^/} </style> uQ
p
h1EY
<script language="JavaScript1.2">)Yy0n
Pl9er,s
<!-- 改变下的字体的大小。颜色-->
0I{9p S'Zen var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'I:g"p
U Q
var hidetimer='';.y-F#g"@4Gqh
<!-- 改变下的弹跳速度-->D l{,C[
M+qNNS}
var BallSpeed = 20;!c;U#?z([_B6YM'g:P
var contentWidth;
[5} qmA var contentHeight;6H1[e%x"Gr3c{
var maxBallSpeed = 50;
f,bq2a-N3_|4@6R ||{0j
l3NQ
NMl$u1X @
var xMax;T\X
N5]?]bQ f
var yMax;'P9q$j1\fkl)H/X
var xPos = 0;2]~]Nh
var yPos = 0;
Ry}/X3_#q,Pq1N
pk var xDir = 'right';
Wh P4x"e"X)@7F var yDir = 'down';vXT/McZ`I3U
var superballRunning = true;
e8Alu7{ews var tempBallSpeed;
P2f&jYna IL var currentBallSrc;
\7cJF:@"[e var newXDir;:d*[q\!Su l
var newYDir;k8@C:W:_d z1\.kJ3Y

]#Y)DW!a(HPH function initializeBall() {'NWeZx&wO
   if (document.all) {!h8m+d`)C3K
      xMax = document.body.clientWidth
)BSV&B5V1o8F5|D       yMax = document.body.clientHeight.iou(s|5H
      document.all("supertext").style.visibility = "visible";
Mp-J3{'k_9W[       contentWidth=supertext.offsetWidthh1u$AI%@.}'FzB^
      contentHeight=supertext.offsetHeight
U Yz6A)`9H w'C       }7{&x4G7s Qi;\
   else if (document.layers) {6iNj0h\6m'h
      xMax = window.innerWidth;)|1@Dax[})c9~
      yMax = window.innerHeight;
&e|0Vb J(\G0q       contentWidth=document.supertext.document.width
ne]TN4x%J
      contentHeight=document.supertext.document.height
-N Q"UZ'_EUQr       document.layers["supertext"].visibility = "show";
7[;E5s{![pN       }
5H4o!QSY^d#J    setTimeout('moveBall()',400);
Ti2J-Q)L*G,x    if (hidetimer!='')
5}-^Q0W~w]5S    setTimeout("hidetext()",hidetimer)p
@YuTv
   }.\gV B#PS
%o!uh;]1F
function moveBall() {~hc'S5v.Fo)CoM
   if (superballRunning == true) {
B;o;Pu C8r8erDC       calculatePosition();K:Dt7rOY*L
      if (document.all) {
*E5UOIo$U          document.all("supertext").style.left = xPos + document.body.scrollLeft;2tm1F5u!?#s
         document.all("supertext").style.top = yPos + document.body.scrollTop;
[YMw7vf#w8\+k0t6_          }$hO&Rg!o[LV
      else if (document.layers) {
S;s L$?gkc          document.layers["supertext"].left = xPos + pageXOffset;
K Q0Fcu_.q%[`\          document.layers["supertext"].top = yPos + pageYOffset;(i7n/V3y@d-n9M
         }
vf,O pB
YO-o       animatetext=setTimeout('moveBall()',20);~U8Dp0R#q
      }
RH k3dn8e~
   }oU`D{#C)kr
E7L0zg3v n v;d(K
function calculatePosition() {
B~(H:zC0xBLk    if (xDir == "right") {
P2rw t PHhe4^z       if (xPos > (xMax - contentWidth - BallSpeed)) {
\9`oi7N1fz          xDir = "left";a:uX@~
         }
C.q%B&Qr$w7[\       }~p.xe2m+Wc;O,E
   else if (xDir == "left") { eqx*iR#_
      if (xPos < (0 + BallSpeed)) {
k? ?$VxyVZ5Z          xDir = "right";
"yDMh5d3EN
VA/e          }
-U q7a.x3v Yo8b       }
-K:g-~#[-hw7Or    if (yDir == "down") {
/Q W(MlZ_       if (yPos > (yMax - contentHeight - BallSpeed)) {
M?a k%fj$p          yDir = "up"; A;]g#gU]?9I
         },m
?4o2MEfI
      }
4hMp4aI/}7JS    else if (yDir == "up") {+A3F-`3Nv2m/T#m
      if (yPos < (0 + BallSpeed)) {
xue'k:_\g/E          yDir = "down";
:a [)cC@X^X |          }
/dQI+X0[`v       }#U q U8E)_pf
   if (xDir == "right") {
Zm]6_#jz^;Js V2W
      xPos = xPos + BallSpeed;Q iz#\L/e6c8y8U@$V;Y
      }S6mqVF7~ @#K
   else if (xDir == "left") {OyM"?1W"DyE
      xPos = xPos - BallSpeed;
c\ cy:gB       }Ad2i/Kr+E)T
   else {
2?a1n'[hBE       xPos = xPos;
rU:Z+Z1r-o"I       }
g*dqp
m,Fi    if (yDir == "down") {R+_l9u0j%V-Z6s
      yPos = yPos + BallSpeed;
qq"p6Hg-zj `       }
Q4h0ve ]'KK.c    else if (yDir == "up") {2rqL"i8A~1i,\
      yPos = yPos - BallSpeed;8I lJ@q&nz&Ig
      }|}%Jh
F/y
   else {
/`d5vU`;n)i2E
e%Y       yPos = yPos;
Y;q(l[A       }
M)l$T9b^#m#Bl    }*a(]i"y4i!PH1l
i_8y
!fGu5d0~2?
function hidetext(){
!MK ]7^0J"J z if (document.all)
!vP7HI\*R supertext.style.visibility="hidden":kh,Ce R$K)pPp.O
else if (document.layers)
-G)}[*s1?zZ.S,j#~ document.supertext.visibility="hide"od.M?^:M$I[h F
clearTimeout(animatetext)
)G!R5R
L8k^ }/|_A3_.e
D,sY T2kx%b2m5R
if (document.all||document.layers){F)L0]#MEnnn
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
7^,s.]9DG&oj window.onload = initializeBall;
:I#Fb(f"cW(m window.onresize = new Function("window.location.reload()");n0U+] Y&Q;v
}6w+Z~I&r
[:w/nC:x

M5_k6q9A.Y1t </script>

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