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

zw2004

<style type="text/css">
. g8 U6 Z4 b; E#supertext {
8 t. i( y: M: x1 n- T: [* Gposition:absolute;: M0 E& B5 S- G) _9 O1 i! l
left:0;/ x4 {. [, f: b: X# r. k6 G
top:0;
5 `1 D! i! |2 o' _visibility:hide;) p3 r! j* H9 r/ N8 c8 n' K
visibility:hidden;
; B$ W9 w) z2 t1 ~}& h! _# w. m* n% D& }  }; t7 U
</style>" w" `' n5 F0 {
<script language="JavaScript1.2">" `$ X: g* w# i* ^" e3 X! x
<!-- 改变下的字体的大小。颜色-->, w5 |0 p. S( i
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
, i  E% z7 P0 C7 _var hidetimer='';
$ }+ s& O# K2 c9 C<!-- 改变下的弹跳速度-->8 m; r& W! A; B
var BallSpeed = 20;/ k3 n% h$ X5 P
var contentWidth;
$ D5 q* y7 w5 u1 `/ S  V! f* cvar contentHeight;6 h2 g. J* O9 k  l* o* \7 l+ O
var maxBallSpeed = 50;, ~8 O# C4 o6 W, f: q! U, T- b

& M" h1 C9 ]# W: w7 p' F2 Q; z1 B2 f5 z. _' J* i; w9 z( S, U- }3 V
var xMax;
& f" H* e/ Y+ F5 N2 R% m0 O  fvar yMax;
8 C1 \5 G7 c; q0 z+ w' j( G# rvar xPos = 0;6 ^: \( Y. y* K8 [
var yPos = 0;
& {# G! Y; m9 k+ |. g9 J; ?var xDir = 'right';3 Z, Y' f/ f+ X/ p1 m
var yDir = 'down';
2 k) G2 T3 x' tvar superballRunning = true;
5 p! t# Q: I* X+ m1 `var tempBallSpeed;
' S4 t5 e( W; N' X7 F. ^& {3 Avar currentBallSrc;
9 Z( M: @8 K7 n+ p& L! Uvar newXDir;
0 z1 s$ E0 @6 J& v% r" G# ]8 hvar newYDir;  G% Y7 q6 Q3 z8 I+ s! b

- I; y6 O. G2 Hfunction initializeBall() {
7 f* x% N- m2 L   if (document.all) {
- I' t4 g% u5 _; ?. N      xMax = document.body.clientWidth7 [7 f0 l9 t" ^0 Q5 z4 F
      yMax = document.body.clientHeight) [  }8 s1 W6 m' @
      document.all("supertext").style.visibility = "visible";  U& |5 M4 _4 ^5 n# X, ~# |, Y8 q: E
      contentWidth=supertext.offsetWidth
) R. }4 r* p1 A9 I      contentHeight=supertext.offsetHeight5 E" p& M4 {) l) E; S
      }' S* B1 W, B& @6 o8 O. Y
   else if (document.layers) {: V: s( }/ j: e, x: W: m# T
      xMax = window.innerWidth;  R6 H: e# x" X4 A7 }# }
      yMax = window.innerHeight;8 [( }# \. K5 P
      contentWidth=document.supertext.document.width
- p* F9 Z; D0 ^      contentHeight=document.supertext.document.height8 f  m% K' i2 o) g+ d
      document.layers["supertext"].visibility = "show";; u" A8 y; `6 F2 y$ \
      }
* y1 Y. ?" y5 D# n5 z# r; o3 D   setTimeout('moveBall()',400);
+ I; b& L3 |7 a) E2 K* n   if (hidetimer!='')
& i! D( Z, Q( g) Z6 u( U   setTimeout("hidetext()",hidetimer)$ f3 x1 d$ S$ |8 D  J
   }. q2 A9 ]0 x2 Y5 `7 o

. l7 S% G5 t5 M5 w( n& U* Lfunction moveBall() {
% K0 J* N% \( `/ P! P   if (superballRunning == true) {
3 C/ U+ y& B( f- |" }. O      calculatePosition();
$ Q6 z: O0 g" h3 O7 O5 F+ L      if (document.all) {
9 H% T! m  C( c( J' u  H         document.all("supertext").style.left = xPos + document.body.scrollLeft;
1 N  w' r" s( y. o# Q0 p         document.all("supertext").style.top = yPos + document.body.scrollTop;: e" w5 z! {* `' T" Q
         }0 Q* u3 O; y0 E
      else if (document.layers) {
6 J* c# z" h. v: `( q9 K! ]& ^         document.layers["supertext"].left = xPos + pageXOffset;
; h& \4 X  o) X, g6 L% C3 m& z% z         document.layers["supertext"].top = yPos + pageYOffset;
/ Q  B' e" p6 A         }$ P* X( Z) E* P, q& ]( x1 P7 H
      animatetext=setTimeout('moveBall()',20);
2 S. g) R3 \, P" t$ w      }
, G8 l' E/ l8 r: K5 D" d# @  \   }+ Z9 Z6 p8 y( I9 ^

/ l: @' K3 I* a8 j: m& Sfunction calculatePosition() {
' y- h) f$ @/ \% c& j2 Y, h1 A   if (xDir == "right") {) e" V  |, N5 k( ?: \
      if (xPos > (xMax - contentWidth - BallSpeed)) {
& O, `4 @0 C% _- U; r# @         xDir = "left";
8 G! s' r# Y+ A1 g# q! Y+ f4 j         }
. M7 p9 {1 g  Y3 F5 h      }
& O  R( j4 S' y9 `, {   else if (xDir == "left") {
) G+ @, X7 @6 |      if (xPos < (0 + BallSpeed)) {
& L8 a8 n) d% F$ y2 g: |4 C2 }2 K         xDir = "right";) F8 T0 L3 N  _7 y2 l
         }. t# J! M# ^- f; |
      }. M! H  I8 q2 ^1 e0 {$ Q6 H+ D% D$ z8 q
   if (yDir == "down") {
5 b! ~! P* x. N5 B      if (yPos > (yMax - contentHeight - BallSpeed)) {4 t% J5 c4 X$ T0 J2 y
         yDir = "up";; |* v- C: m9 g9 E4 R3 o$ {+ O4 ^  I7 k
         }
. A2 E+ M  d6 z2 K& Q, h, M      }
4 e) A, y- S2 v1 D" Y; [* Q% e. Z   else if (yDir == "up") {
% \* h0 ~4 s" B4 x1 j, `5 v      if (yPos < (0 + BallSpeed)) {
/ G* p6 ?5 S( @2 e, e         yDir = "down";
( d: u0 y/ A) Y: I2 H         }+ F8 P# C% s: L1 S! c% g! M
      }( V1 d& D# {! c8 N/ O0 _& w) P
   if (xDir == "right") {
3 u4 [6 X( r8 s5 W5 ^      xPos = xPos + BallSpeed;# B$ Z- Y( a0 I/ z$ b
      }
" @; B( H) P/ g% T# `   else if (xDir == "left") {
5 G4 Y; L% ]" c! h/ y  C4 }) j) N      xPos = xPos - BallSpeed;
- n3 d' b2 Q; Y& q& g- T      }' V) L& m' r$ |- A
   else {* g; M5 ^  L! i4 m& X2 h) W" G7 t
      xPos = xPos;2 `7 s4 w* ^; N1 \- Y
      }, c$ D' I; h! w2 {5 H" E$ h
   if (yDir == "down") {# _1 C/ H( v0 j0 _# |
      yPos = yPos + BallSpeed;
/ Q& G* C8 `1 j/ u8 z  l. k' M      }
( Q: L% r+ {. L& m0 y; M9 I" v   else if (yDir == "up") {0 q& [" B2 X2 r, R* l
      yPos = yPos - BallSpeed;
6 h% G( L2 c" S9 b9 J9 d, m- V+ F      }
! j& z7 X) o4 X0 P* \   else {
; B9 [) M! L5 F2 z* u4 v      yPos = yPos;6 Y) l3 l4 Q5 f5 J
      }9 u# z+ j3 y7 e# l9 v
   }
% c, }3 ~! N" g% _! J3 Q5 |, p, Q) d2 T0 _& F
function hidetext(){
9 h% P" m  U3 ~9 [if (document.all)# R8 E5 s1 ]) z" e8 ]
supertext.style.visibility="hidden"! _7 J% U7 P% A* @
else if (document.layers)
0 s# ]& S) d! ^4 O5 o& @document.supertext.visibility="hide"
5 Q7 M9 G# E/ v+ d6 \  [& ZclearTimeout(animatetext)0 s$ c6 H0 ^3 ?' X+ J% Y
}
: A0 j6 D' E2 f3 s. ^1 N5 n  g1 u% E% b: i( H. w
if (document.all||document.layers){
: k% Q3 B6 l: H& {6 q. ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): j' A' x5 m* |7 p. t3 g
window.onload = initializeBall;
1 r, [3 ^1 F+ q1 N0 Zwindow.onresize = new Function("window.location.reload()");
3 h* P) L. M0 `}
7 U" T' f9 d+ n! v% k+ [( Y4 J9 z
( W" L# ?3 m! b</script>