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

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

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

<style type="text/css">
*S3Gef*ie3z #supertext {']5go%U-Ib y6G
position:absolute;
!o
U0M!j;A*cH left:0;V Z
~X0KoJ
top:0;2\S c:y$N5P Gy
visibility:hide; K}w(^IBL
visibility:hidden;{V9V/aO/G'I\di
}
9d A Ha0cC Gv </style>Y4z]Lp-y
<script language="JavaScript1.2">
e?!f2D{;XR <!-- 改变下的字体的大小。颜色-->|5~ Y%w0~"Ovx
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'DT)~#[d!e
var hidetimer='';
E,c#D2U+y8C_@ <!-- 改变下的弹跳速度-->
SIaeh&@^4i var BallSpeed = 20; Y)vB"?;N'w$aBg#d5O
var contentWidth;6f{}N`U
var contentHeight; k2_.e%G/M2K$J;w_
var maxBallSpeed = 50;
"G2d FAg W-_N
|.FI X/@X1r0g
+Tn
~5E$u)O9B var xMax;
u3RD;tp var yMax;Ob4u"~:gx1Y#Z+B
var xPos = 0;
i?)ZGF%Y var yPos = 0;
cDm,fV8o{ var xDir = 'right';#S/yh+J(Y W
var yDir = 'down';
9s V EPe pt]5O"E.m var superballRunning = true;
6L];dO2J9})y var tempBallSpeed;)|f-{f1`
var currentBallSrc;
X*f PIy"D*\:q var newXDir;
$J*gEEe var newYDir;
$^Q YM%riX
)zr9YiZ*po#y&Q function initializeBall() {U:@y3V.SR[6OVb
   if (document.all) {
4D%d-gL `lJ!X       xMax = document.body.clientWidth
mY T)FhjU#L:~       yMax = document.body.clientHeight+zRk'R;PVh6?L
      document.all("supertext").style.visibility = "visible";
}%a0A,e'`T|oku       contentWidth=supertext.offsetWidth-M(B8aD7FA_ U9H
      contentHeight=supertext.offsetHeight
7e9Il A_$k P4dL       }
eh8q5Z#E6?hFJ    else if (document.layers) {I]Xts+I C6fzl7I
      xMax = window.innerWidth;ok}Z$U.V*qp}2{w^
      yMax = window.innerHeight;#kf$lT}I~4~
      contentWidth=document.supertext.document.widthKXe.PqZ ?RC
      contentHeight=document.supertext.document.height5BK'X3B!|W5i
      document.layers["supertext"].visibility = "show"; s+b"`)R2`nM/c&K
      }9O,z _%WD&a2QN
   setTimeout('moveBall()',400);
EG3}ay(Q    if (hidetimer!='')s$}J3F2X&r]
   setTimeout("hidetext()",hidetimer)
mO| U&{ pLwM    }b*`%H pPo

Qk7PT3b:{w~
function moveBall() {
"}r:kW|;|    if (superballRunning == true) {

ok1~3jElq/_       calculatePosition();
GN K5Z\lM       if (document.all) {
R`yPgx.d          document.all("supertext").style.left = xPos + document.body.scrollLeft;%w2C`(w,}0n,H o|
         document.all("supertext").style.top = yPos + document.body.scrollTop;
Y'LZ$]U8LqU          },bT;_$s5[%I
      else if (document.layers) { m{&?,x] cR!T6j}v
         document.layers["supertext"].left = xPos + pageXOffset;ck!{W&Ic&u]
         document.layers["supertext"].top = yPos + pageYOffset;W%T+xr,t6CYq
         }
,D:A+i0]!~i       animatetext=setTimeout('moveBall()',20);\EiT$R
      }P gs[0kV
   }b7\E\%O

e7w#Y1xz0c&hB}3u1u#|[ function calculatePosition() {*Z%k4p#z WK
   if (xDir == "right") {Je3Am3Fk,Y
      if (xPos > (xMax - contentWidth - BallSpeed)) {p:Nmw!N4G
         xDir = "left";
Y`'g"L*lx          }'k5|-oz.s
      }
+Yi ooi]    else if (xDir == "left") {
f(iA5O*F3|       if (xPos < (0 + BallSpeed)) {
/N-Vt oD-B:Dw          xDir = "right";vZp^Zi
         }h7_tUT7J-O
      }
/F
]+vTE    if (yDir == "down") {AW+\7x,u4`#s
      if (yPos > (yMax - contentHeight - BallSpeed)) {Mty0n)z)D)}/b3^5U
         yDir = "up";
*GT6F'GH.i1R          }
a\^Cgl       }
taa7REv    else if (yDir == "up") {
@2B2`PI       if (yPos < (0 + BallSpeed)) {
? QS}L*I%O+X4y6H3E          yDir = "down";pw{,L TH
         }
Q{!^JG:x b TxfU       }
8L }uANM    if (xDir == "right") {
f*P%l|KE'l2^y       xPos = xPos + BallSpeed;
5pH3lA%DIY       }
5u~5Vm sAj    else if (xDir == "left") {$Lw3Aw-q1I"b:C Y/j
      xPos = xPos - BallSpeed;
#S+xH&O/P D1FD       }
$N+}w^U/Y    else { J.C$z^K?O
      xPos = xPos;
QG+N,d&E       }_6][!W Ui
   if (yDir == "down") {U-uA:Q%ef%y
      yPos = yPos + BallSpeed;
%Z%V~{.pM'??4_7`       }lk#^Hs)VVC
   else if (yDir == "up") {w qF%P1{2tX(M(u A
      yPos = yPos - BallSpeed;
7S!iX$~w       }
:RM-}:{7Py    else {/sCD3[:C9@e(i S)i
      yPos = yPos;
$X`c&y4}"Q/HvOq       }
'\#Q^[P
Fi    }
5m8`#b+J o k4^_q0w O,h
mU;FE
function hidetext(){
u.^3M\e'o if (document.all)N8L kZ2gy*p2TR|
supertext.style.visibility="hidden"
b^@!E)NI0vf0] else if (document.layers) @~*QI4j;|;k@"l
document.supertext.visibility="hide":qc9h:ca
clearTimeout(animatetext))s+yuP2_.bA{(JC
}oSEa"}.UY

)FuD5IXw\ if (document.all||document.layers){-O,\#kf.T5o2j
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
?c0R L{*a window.onload = initializeBall;Lh,~T*F+Y
window.onresize = new Function("window.location.reload()");T
zeh5wZ
}T&MxM:I

b%e%w }sdkV </script>

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