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

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

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

<style type="text/css">
&~Zm:P
|#m #supertext {
E kB)v:` dc position:absolute;8]y3G+t+L
left:0;
fQ8iv5R2Uu}l top:0;
[ZJ1Q~y5W2Q$] visibility:hide;
#Q&Qod#V h
YF visibility:hidden;
cz5q[-C;t6E%p }
&rhT3c"[ \ B </style>8J7`J"t Z+|N1Z
<script language="JavaScript1.2">
m.`p#yO1R})D <!-- 改变下的字体的大小。颜色-->JN*dfW/dr+T
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
fNJF6Lf+Ac var hidetimer='';
hd&X5H#Yg"U1~1@ <!-- 改变下的弹跳速度-->7A@g5xg/\x6c/Y
var BallSpeed = 20;
H0g?c`.}0S var contentWidth;
9d6lR5yI0m i*D var contentHeight;N(G
?)[-_!gu}
var maxBallSpeed = 50;
^5^$e4L"t m ;LG1j @-A-N]7Rs3H-]_W
;UJ1Xj_"J WO MM
var xMax;uv5s5k/KjM P
var yMax;
5hYAb^%i3e var xPos = 0;$IslEe/z
var yPos = 0;$E|NPJ3_
var xDir = 'right';@:f;mE4k;_ H0Txb4E1^@
var yDir = 'down';
V7c$l5\Lz1^,f var superballRunning = true;
h3m5D!?k5|(c}5cg var tempBallSpeed;W|)VFq9A!p A
var currentBallSrc;#NfI#\o)G `+p
var newXDir;
}[ u0`6rz:@ var newYDir;
0o~XtN8N$ac
Z?Jiz-RY3W,Ua function initializeBall() {y.c&G'vC$`R
   if (document.all) {
1AVU9k4j       xMax = document.body.clientWidth
s:Saq0T2W!sq)b       yMax = document.body.clientHeight-~6v8B"_8en:P
      document.all("supertext").style.visibility = "visible";^(\6r0y*eheN
      contentWidth=supertext.offsetWidthD^s7a Q,@9n[k
      contentHeight=supertext.offsetHeight
E x q#Z#?1Ym9X])k       }
"]e x RAy7j.h#sy    else if (document.layers) {
#M__y PRzhg       xMax = window.innerWidth;

D^JTkB0}-_S'T2Lj       yMax = window.innerHeight;
R)A;kf
IG"T       contentWidth=document.supertext.document.widthF.K_z(i%sw$K
      contentHeight=document.supertext.document.height
8eP2[z {(Q@+|9B       document.layers["supertext"].visibility = "show";

]I%H%p*N;Q}`       }
,SMs(NjO#u6Y,r%b    setTimeout('moveBall()',400);Sah(A4i
   if (hidetimer!='')7Vw$?9D D
p|
   setTimeout("hidetext()",hidetimer).l&ISa9I9[a'Y\ h
   }
%Su5lk)u'P$N(w
@ (v?OJVd _(L
function moveBall() {
'Jo*@\:fF
[,V    if (superballRunning == true) {

S
~(@$gjlf4H7P       calculatePosition();
6o#s(zkNT6]*}       if (document.all) {
1[? ZhZ d]D5j          document.all("supertext").style.left = xPos + document.body.scrollLeft;SO1pa.Dz)\ q
         document.all("supertext").style.top = yPos + document.body.scrollTop; sH Y1Hu
         }
p2O5e3e*X2^       else if (document.layers) {4T3M5C WU SG
         document.layers["supertext"].left = xPos + pageXOffset;
9CQy(}8wXG3p9_,x          document.layers["supertext"].top = yPos + pageYOffset;
0T~+Z$Ko2PrI          }(DKN$?
a/_s
      animatetext=setTimeout('moveBall()',20);:N~n2wX$\ ]
      }
6}:o/C5B9Nvh0S    }
H\)A]#O@
5oot7N:y_ function calculatePosition() {q5\1S
]
SH
   if (xDir == "right") {C*Q+YR!eu B
      if (xPos > (xMax - contentWidth - BallSpeed)) {~(V(c"X$n%N:c
         xDir = "left"; Tr
N+Ar qt9hG E
         },D9J1G(z/oZ
      }
t F
UfMwq
   else if (xDir == "left") {
(H[,L*g#nw       if (xPos < (0 + BallSpeed)) {#tjP
q1I!V5K
         xDir = "right";
p+^2vwr{          }s gdkmCFZ7u
      }uY'GWY Lig
   if (yDir == "down") {X)^?"Yf9|
      if (yPos > (yMax - contentHeight - BallSpeed)) {
-C-Y3az}f%Z          yDir = "up";8p C["n-YD
M7H%a
         }
mr'kN ~@
      }
)];L5_?pq~ G3x    else if (yDir == "up") {
8mVR+YvJ5I       if (yPos < (0 + BallSpeed)) {
_
vf k
M/U|F          yDir = "down";
I-[w
Fv4X-U SJ          }
/gw*w:gk]l Yv2TN       }U*oo(xs"d,v)y
   if (xDir == "right") {/d&r[["C;vy
      xPos = xPos + BallSpeed;
0@nO$n'oG w w       }]6nY&Y!|
b-J4h3R_
   else if (xDir == "left") {ZXX.Ao"?.y(A5o3j
      xPos = xPos - BallSpeed;
-e[ ~Sq8i       }
7xQ/R A/A#|V`    else {1uHKp1[YG \
      xPos = xPos;0GKY2Q/FEZQD
      }6v d2RT@t
   if (yDir == "down") {
EK(Ew0q
^U} ]       yPos = yPos + BallSpeed; u@ p
\:t4U+YrI
      }
o!G3i7[iZ4B@D    else if (yDir == "up") {!Fjn/D.@
      yPos = yPos - BallSpeed;E!g)?2_k[lRUKB
      }
+G]+d3Z'NUS-c'nC    else {5Dw"Rs0D/j\%p
      yPos = yPos;
y5T ]b2f7kYw.J6\\D       }
qpEC3[*O#Ic    }
(n+_} sY
W/jss{-`,j?
Xo O-X#RQN;bc6ZG function hidetext(){
'S%x.ja+v if (document.all)
u6w tS*B1` supertext.style.visibility="hidden"

LmR8A/i+o)@m else if (document.layers)
(eZ%qWR7b iGlX
Rd document.supertext.visibility="hide"l-kt.|g__L!K
clearTimeout(animatetext)O)e*d9e*`3GM!b
}
:c8E+nWB m)\Ao5lm
if (document.all||document.layers){{ Xc Bu@A
@
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
G A&aS'gbF#?4y window.onload = initializeBall;(fOv({cmg
window.onresize = new Function("window.location.reload()");
1_n-a3O.@\3u9El,d }
G#B7G:\tbo ;i-GN^p%k0Ey
</script>

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