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

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

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

<style type="text/css">
D2n9s}'o/L #supertext {
xkA[O1f position:absolute;
G[1ji-|c r4U L left:0;
,ezHG y?J top:0; e j(|,H?}+e.n
visibility:hide;
[7h;|$w@*H visibility:hidden;
U6H0DBiS8cu }
Af.Q I v&zq </style>1tMHxN
<script language="JavaScript1.2">ra3o z1A7`
<!-- 改变下的字体的大小。颜色-->%Q ^8UC*F^T
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
F g5YA%v#c var hidetimer='';
#Y,xa@j <!-- 改变下的弹跳速度-->4~s!b\"R2~
var BallSpeed = 20;^^
@%Y~6[6I,ZC
var contentWidth;*G&{0{\mD
var contentHeight;xsy#jw(vt/cdz!y
var maxBallSpeed = 50;9Fh;b%l6G.|*J ci

(tS czw2DnZ 2`q5d-k6w9u\.H
var xMax;
6x#Amd/lMg r var yMax;
s#H6tWx w$J var xPos = 0;
^A/m![:k#a var yPos = 0;Iru2D-CT
var xDir = 'right';r x-qB'F0zA1T
var yDir = 'down';1i7t?7s,{
var superballRunning = true;
`&~Pi ZQ r var tempBallSpeed;
lo'K#m&BWC2N9R$` var currentBallSrc;
?rQT$K(O L6wu var newXDir;'GhwsB
var newYDir;%z&]s^2[Cq

Zc oaENF$p function initializeBall() {
D'\ZI1JT    if (document.all) {.t"MP\#q
      xMax = document.body.clientWidth
?&Wxy*]K3|$C ~       yMax = document.body.clientHeight
0nSH N J|4I {B G       document.all("supertext").style.visibility = "visible";|)skJ7|2n
      contentWidth=supertext.offsetWidth
&L(J%xrj6gc       contentHeight=supertext.offsetHeight
1~]9Y!_:`8f/C
j/f(i^       }
*uG]g
k'x,mh#Z    else if (document.layers) {DzzVB9HaQ@x[r
      xMax = window.innerWidth;
%rc@F(](h       yMax = window.innerHeight;I!?$Lo!L}Z)\
      contentWidth=document.supertext.document.widthQZK;vGv-a ZMh pK6w
      contentHeight=document.supertext.document.height
w{L"vP![9HV"G       document.layers["supertext"].visibility = "show";
o1\]K4WN       }OHGlb5\[
   setTimeout('moveBall()',400);A7OC5\ [
   if (hidetimer!=''):ff#Z\%j+E
   setTimeout("hidetext()",hidetimer)
YD$K.nU    }
E@,VP |?;_3b9v
{B]5M{W function moveBall() {v)s*RA}uW.G]Jc
   if (superballRunning == true) {
I7x(CZ;ZD/Aae       calculatePosition();$j
p]D5k9ug0t#lO*J$p
      if (document.all) {*bm.x Q&c2jbqtT%H
         document.all("supertext").style.left = xPos + document.body.scrollLeft;M;i0wxr
         document.all("supertext").style.top = yPos + document.body.scrollTop;
G`H*i/S*G1N R          }
-CYF;S Q]!~S       else if (document.layers) {
k2U]h.|M-~ex          document.layers["supertext"].left = xPos + pageXOffset;K IOLL
         document.layers["supertext"].top = yPos + pageYOffset;:C;pE&l)MT
         }
9vF)c(l3c ]       animatetext=setTimeout('moveBall()',20);
"@1p
|g+R9M       }'[Bh@WB#i
   }'T7Eiw3{4A:QQ

0c:S` W0I
`@`;i function calculatePosition() {
zGUps;l    if (xDir == "right") {
g2^'D;WkcWW       if (xPos > (xMax - contentWidth - BallSpeed)) {
bDo$a7^%x4S!V&L          xDir = "left";
e(q&`(O_I*` ]9\6Er          }
G4i_0rZ&dE       }
n8A`T*G@l5w    else if (xDir == "left") {9n/Rd'v/M!R
Hl"];IU
      if (xPos < (0 + BallSpeed)) {qrUuQ1C(L
         xDir = "right";
.vC,]"\"y,J}          }+f~)Kt q j
      }Z;t ])E]5jH$S
   if (yDir == "down") {s.r
U8G!G]{H]
      if (yPos > (yMax - contentHeight - BallSpeed)) {
#jGw l%hm6k          yDir = "up";
o.dBN{9f          }
r?,pYJgqY       }
"A2u.z mc0Ia    else if (yDir == "up") {
&I1kZh*H2kh*w       if (yPos < (0 + BallSpeed)) {
*@of B*CY~I          yDir = "down";"R_.sp}(f/Z
         }\9Uq5[*m
      }]1G*` [{e1r#k'e
   if (xDir == "right") {
8YwW6o]+@b#XI       xPos = xPos + BallSpeed;
9sG[%_n~N_       }
e H0c1_\YR6[8\.F    else if (xDir == "left") {
U\ Q?H
      xPos = xPos - BallSpeed;
Bw/UV_]kMHf{       }
(x oi}8~/t`;U8n    else {Y8Gw/{me
      xPos = xPos;|8o |U0B NN-`,H
      }
6}'IqQv'Wh#]:t6m    if (yDir == "down") {
o)L6\LU.f       yPos = yPos + BallSpeed;&M~!v Mu[
      }&L4W!q cx|sD
   else if (yDir == "up") {
M4R2{8]&|*u:`'z       yPos = yPos - BallSpeed; I/@.D#{'r$oN
      }0K O&{J9y\~
   else {
th/R4Y+q/s1Gf       yPos = yPos;H%mTE,U0F
      }(s`c$N#zN5q,Px(V!y
   }
8hx"SJ K 4J4cAgII5JiV
function hidetext(){k4{:nm5cHz8js bu-z
if (document.all)
d^p$Fo'd:P'd-J supertext.style.visibility="hidden"q d2[;zC[]x
else if (document.layers)
YJn1DY,w T document.supertext.visibility="hide"o.~8VI@
e!X
clearTimeout(animatetext)
5M3wP2i m/n l{Y'_} } ^hH _h_ f

o1`i b2Vp+hH} if (document.all||document.layers){PG.De+Io|
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8[ng3G5Q(Z)[6[E window.onload = initializeBall;
$O-g)W!qv.] window.onresize = new Function("window.location.reload()");)BY9}Uu
}
,J
e1TccR (vp R'X$f:K
</script>

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