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

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

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

<style type="text/css">|v%Y
}zE2~q*Fl/l
#supertext {Z{8~'EH~HM
position:absolute;0QhQ%b~-nx)@ ~
left:0;
U,jC Y
\ s HG4^ top:0;)koffx6H
visibility:hide;
'fG*CD \#s visibility:hidden;:Y1{$T2F$w*it8h3d
}
|#|p9u3Ax&@}b:t { </style> L5npk%X;O0y7t
<script language="JavaScript1.2">
6_$d9c+W:|)?^w"J <!-- 改变下的字体的大小。颜色-->
i
D2u/I.l var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
k!ING1y1U var hidetimer='';9fI:q,p{'E
<!-- 改变下的弹跳速度-->l@*RM7n!t_&Q&s
var BallSpeed = 20;
uNQ,ef0U
d&h9Y var contentWidth;D6_MH0T0L+C2r'r2\ s
var contentHeight;V Q0If:l8X,y4\
var maxBallSpeed = 50;
QJ;n(r+j'ly%O@
Y0wjaT;{:V}
E\Iv/M*[.f|9i8J var xMax;
(z-{-c/LS0LuC var yMax;pFDC{1`r2xx
var xPos = 0;
-eI*Ri`S)u var yPos = 0;^4V/x{"[9U:rC
var xDir = 'right';Kth(msC
var yDir = 'down';[g{A9xA6Bz6?
var superballRunning = true;
&|Q0{ Z[)T-? var tempBallSpeed;$T`6d0un8n8r
var currentBallSrc;#u"P!S$V2WE
var newXDir;
7zE.bjh0dr8J6e
~ var newYDir;Aeg l!cK
0E/J.Y!p%_5z:k(F z
function initializeBall() {
&g-fF1~
\&QF2x    if (document.all) {*V ]u$zl9U
      xMax = document.body.clientWidth
)K[;l9w:IK,s{       yMax = document.body.clientHeight%_rk2p iE8N$m
      document.all("supertext").style.visibility = "visible";G\G(zZ!w XJ
      contentWidth=supertext.offsetWidth
o A1q3? |$gy       contentHeight=supertext.offsetHeight
Y#@j h.I(_:A0V/B       }
4RoF?J _:MKg    else if (document.layers) {
V1naopG5RZ       xMax = window.innerWidth;:OG+G |#o2RW
      yMax = window.innerHeight;)I'l)`VRJK
      contentWidth=document.supertext.document.width
(A3ouJ,ye       contentHeight=document.supertext.document.height
.b:|hs:l(w c       document.layers["supertext"].visibility = "show";~Pj4N$M(f,sZ4v
      }%s~PK_B-L
   setTimeout('moveBall()',400);WnrT^Jb:F1U)e
   if (hidetimer!='')w%}D#A:M[.tke
   setTimeout("hidetext()",hidetimer)PfE7KW:SB
   }
^Tn)c8pJf Cz)\Y1M rcb3a:x.^
function moveBall() {,A[+zQ9L-j$N5l}'Q ?
   if (superballRunning == true) {
3AEZ*u-G*b       calculatePosition();1q%DE*a,YB.d
      if (document.all) {
/l0coW~1vj          document.all("supertext").style.left = xPos + document.body.scrollLeft;
#Bc^m a          document.all("supertext").style.top = yPos + document.body.scrollTop;2lFD"[C fl }U3n7rN*d
         }
_Qxgi a       else if (document.layers) {
;FP8X-Y#Aq5|          document.layers["supertext"].left = xPos + pageXOffset;
g6@l"DB |5K9?          document.layers["supertext"].top = yPos + pageYOffset;
fw2kN7P          }R-[OO"p"`Mf"v
      animatetext=setTimeout('moveBall()',20);
u4B _{ jC)`!V9h       }
Dr I4X|:c5R"X%mE.T    }orx b\6e
8L5h-m)rQv
function calculatePosition() {;bf|0@qQ:MV%a7ab
   if (xDir == "right") {
1J,P.DsZ|[       if (xPos > (xMax - contentWidth - BallSpeed)) {OEU@
b
         xDir = "left";
|i
k!|Y8ka          }
J0cq
tl0eh       }
VH*q(u9Z1fT8LR}    else if (xDir == "left") {
j2xt]Js!O"F       if (xPos < (0 + BallSpeed)) {O6_*Qw'X2z }/lw
         xDir = "right";'m cERw;@ F^
         }
}!D3nO8FD]       }
fT'e'Wn2E;R \ d
h    if (yDir == "down") {[K5quM
O$s
      if (yPos > (yMax - contentHeight - BallSpeed)) {)A$uHL0t|t?6B?
         yDir = "up";#LA3X]V])cs[6b
         }
$p bAdE`^%i       }
"Jh_^E1o    else if (yDir == "up") {
]ya5P2a5FC Z:s@9F       if (yPos < (0 + BallSpeed)) {&z)ro3a,~K{9gy
         yDir = "down";yuD'dU"k@B:\'d
         }
b'u5W6tyK7o2A`       }
*t U-JcHm&y_E    if (xDir == "right") {;`m{)@v0H M h
      xPos = xPos + BallSpeed;
{CE!XN%M%E[       }
}x9C#AE    else if (xDir == "left") {zk'R~%?m{
      xPos = xPos - BallSpeed;w"gp2N5vP^9|,u_
      }
W,V3hAMZOd    else {1jV7Q:H#c3b7Y
      xPos = xPos;
Z}IFnC%r*@zP       }
Rk7@1Swn&Fu    if (yDir == "down") {-d~:@)Hx0^D8H
      yPos = yPos + BallSpeed;%{;v/F(V,R4}{U|7{'|
      }ac%OU`:E"e
   else if (yDir == "up") {
pLM+AF%O.|x W0`n       yPos = yPos - BallSpeed;
4OP5\ E+g3?pzF%s       },s i!~GD3\
   else {
kh Cq].e-ll       yPos = yPos;
,@I&ph
YvDjm|T       }kv9RKv1T{9x UaX
   }$c}-|+sJee0V

&eQ4Dm"Tc B.S$C function hidetext(){*kjcZ;},Oj
if (document.all)
J"Y _)d aw%J supertext.style.visibility="hidden"
S \
C:}ci(]b{8t else if (document.layers)
D&g]~V'f-X1p document.supertext.visibility="hide"
:GW/]
i:ZOz clearTimeout(animatetext)%Pn,H~H/VC
}c3OIP4eN%}.?2e
:q5C6PD/fkSZ
if (document.all||document.layers){
t@U&Rr#B6o
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')f&u$iZ:Z5`Q
window.onload = initializeBall;0h| qoy,?;z;k
window.onresize = new Function("window.location.reload()");"Y B5p n9vPN
f
}pG|*R8BoJz#v2j

"nsd\A?Lw </script>

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