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

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

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

<style type="text/css">
X1Q`,NE #supertext {
'G__5{)K5eYw?&x2q position:absolute;[tjZ7wC ^"B&UF
left:0;*\1\_[ _hob8p'uM
top:0;
W^B6b]Zy]Mm visibility:hide;
+] S
q)i
TQj5w3t*{ visibility:hidden;
9w?,lmOH _ }
&W#s6\t#N)pk K </style>?/Zxuq8m{N
<script language="JavaScript1.2">_*j*f2U#C9c5c8X(e
<!-- 改变下的字体的大小。颜色-->y7MkBF5Ru
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'Q9IQKx3]w-q~
var hidetimer='';
rkH"O.O3\3IHK:k <!-- 改变下的弹跳速度--> q;PyB;v
var BallSpeed = 20;om%A1pHK$m,L}fM8e
var contentWidth;uz b2lP q1X-w
var contentHeight;
C.QM6jM D+CO&y var maxBallSpeed = 50;6Ru-~JF,@

5T2b;E h4i/?8m^,^+Pv LaBQ1W~:]jS!m
var xMax;
q3Q;W*P9|Mr:] var yMax;
8|*@8L^uG var xPos = 0;
zz SS2N7t8J:J3\ var yPos = 0;
:KL+LMB Qa var xDir = 'right';7hm1BB+?Gwa
var yDir = 'down';JZ0I1qI*R\7lnW
var superballRunning = true;
+O&Mq4`3_ROF var tempBallSpeed;
+U#T,?ID1Xhv var currentBallSrc;
A$h5?\ INt:s
var newXDir;
#^A'z${X.}iQ var newYDir;1@Wy"{'hXU~t7}K)j

0w4?!V(S6J~UVj function initializeBall() {[&P2}M
QA+Yn
   if (document.all) {
]|'P~(|+P(V{o       xMax = document.body.clientWidth
W.TWv2S%yfP\ U       yMax = document.body.clientHeight
H:`/uc,|/LR/BJ0p.^       document.all("supertext").style.visibility = "visible";bsCv$mwu
      contentWidth=supertext.offsetWidthM9V9P7XT(Z*{v$o
      contentHeight=supertext.offsetHeight7{*wTAF
      } _
x0?I)K?dR.^
   else if (document.layers) {
kH7T1s9V)V(P       xMax = window.innerWidth;
|K'Wm,@M       yMax = window.innerHeight;
-?^6HKzZ6z,~       contentWidth=document.supertext.document.width
P(Bma$_Xwq       contentHeight=document.supertext.document.height(~p"V8W+J:A%D
      document.layers["supertext"].visibility = "show"; u ] Q"]%{Z:d9w
      }
0ftC-b*yj    setTimeout('moveBall()',400);3PH1V^5J#^p
   if (hidetimer!='')O
sFL8L[%T,?/U
   setTimeout("hidetext()",hidetimer)P-?-P$AJr
   }b6_?k zU5lCa+t
7d5e,k4[B[9J
function moveBall() {
F/L1MU7D-v e_    if (superballRunning == true) {
/b h1t,_xr9O}-}       calculatePosition();
WdWe%X]}
Z?.m9Cp       if (document.all) {
a {7j5`(~N0V4Z`5mD          document.all("supertext").style.left = xPos + document.body.scrollLeft;Wi1tfK2fR
         document.all("supertext").style.top = yPos + document.body.scrollTop;0`N6u[L
         }
1i!M2~gYS       else if (document.layers) {
2i n(Vmm          document.layers["supertext"].left = xPos + pageXOffset;
F+s&Z8C(q?'Pf:T,a,i          document.layers["supertext"].top = yPos + pageYOffset;
%l3CvxP|jj-E          }9vwIw/uY
      animatetext=setTimeout('moveBall()',20);[ k"p5q0v([ \YFy
      } wPgRY2[M7vN
   }
q9w fJ*Q1^
-K5{n:p|'\j`2p function calculatePosition() {&FV%Qhwk$?g
   if (xDir == "right") {
'^a bkRq
q       if (xPos > (xMax - contentWidth - BallSpeed)) {
p M+L
XiX          xDir = "left";$PAS7RJ6t
         }
myzt#m9W9@4y1F       }U%|6PDF;D#Ph?6j
   else if (xDir == "left") { C:C HN#N S,d1O'`
      if (xPos < (0 + BallSpeed)) {
c5lP
B6Q W"y,ysp6]          xDir = "right";sM5P0zy
         }YLN|"Q)_N;Wv
      }
@v4QMIQ-L$pc7i    if (yDir == "down") {
^p"e&CW2^9G-Z       if (yPos > (yMax - contentHeight - BallSpeed)) {
'PN]"zI+R6G C4r          yDir = "up";
-BLUJQO          }
c S4r:z.I'[*o       }
Uhf#v#L
s7x'i    else if (yDir == "up") {
,y%k9](i7E3y       if (yPos < (0 + BallSpeed)) {
%~[y8jyK$g          yDir = "down";
?0~
hX\(L;xw+x.x          }*{ka ]-A*{p9A
      }
1wR D/[v    if (xDir == "right") {
R'G3B1l*\){;D6E&sp]       xPos = xPos + BallSpeed;
/V9RTz$AR5TT       }
q9wF5xy-z    else if (xDir == "left") {1hk;_w5V(I#A
      xPos = xPos - BallSpeed;
H+F!d1qSv$`x:YO       }
$s CT
ZCU D$TT8Z    else {
f$pi[0o+uc Y       xPos = xPos;&VUHb&n
      }6h:I6s%RZML+[9U
   if (yDir == "down") {8e;T]*e$t,@Bq
      yPos = yPos + BallSpeed;
\3kcmM y G`
      }7X+?zTta4Ct!k
   else if (yDir == "up") {I9JjHRA u(M
      yPos = yPos - BallSpeed;y~V*H#D1QX
      }
{!cwMv~BZ$t    else {^,q;h_B6j(_![
      yPos = yPos; `9u-s},p)M3s
      }
%{#EV-p3N$S(~    }9I:m}"S!`p)K)b!A\

T+_3sf,c function hidetext(){cw@7G/P+FL
if (document.all)
(mw3hy1IJj0e+xJ supertext.style.visibility="hidden"
'{4\+d?'pb6r} else if (document.layers)
0yp F|E \ n+N document.supertext.visibility="hide"\ y P5S8]\N%s&z
clearTimeout(animatetext)c_ A,LO
}
tJP+^(c
}w!aU'G1w;JT if (document.all||document.layers){!m?RF0a {*M d`
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9Rv t ~Ww
window.onload = initializeBall; C3g J ^-x6D
window.onresize = new Function("window.location.reload()");
+[4}5D1D5V%m*VgA0f }]:_'hfZ0j

t8r+B6uOe </script>

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