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

zw2004

<style type="text/css">
- s" y/ U* s& e/ ~2 n0 _#supertext {3 J& h& i2 A8 r
position:absolute;
$ `/ W2 w" g5 m) r" @* qleft:0;8 ]7 U8 k# O6 h% K4 Q
top:0;
2 W8 x: D/ p$ u1 m9 Q! ?: u0 a( ovisibility:hide;
6 j0 ~% a% c8 c! {. E5 H$ O+ yvisibility:hidden;
3 ^4 X% e# Q4 }}  q4 L/ P$ g9 f6 a! S
</style>7 i: t" H$ H& Y$ h% ~3 j1 i) x
<script language="JavaScript1.2">+ d9 y9 H  e/ ?! I
<!-- 改变下的字体的大小。颜色-->
" E" U6 }' _! \; z* Ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 l- \; z; Q2 L( _3 A
var hidetimer='';
  d( p. M/ q/ B<!-- 改变下的弹跳速度-->
6 [9 w6 u% @3 b2 Rvar BallSpeed = 20;
3 K0 A9 M+ _' P) t. Ovar contentWidth;2 o+ X% C; P' D6 p& y+ G
var contentHeight;
& [7 d2 d0 s% y6 V; M1 hvar maxBallSpeed = 50;
1 H0 l4 Q4 H: m
  P: G+ Z9 j. e6 n. i6 [! ]1 f7 B0 f2 u0 W
var xMax;) W6 t4 j2 g" y3 W; o6 ?0 x+ F% h
var yMax;
# n- H# D+ K% n; o; h- ^1 \- C1 qvar xPos = 0;: F4 O6 o" e, h7 I( W) s+ X6 Z
var yPos = 0;7 e$ K' m" B4 v6 B# a1 K" r; K
var xDir = 'right';' Z2 J! S: s6 G# @
var yDir = 'down';+ a- P4 h$ S; K. r- u. K
var superballRunning = true;
! W6 J0 l1 }# y' O: F2 \; ivar tempBallSpeed;
* D$ ]% h1 e) c) ]" s5 Fvar currentBallSrc;% Q2 B2 Q: q9 {9 \2 p! M* w9 V/ |
var newXDir;
- K8 |7 h( C, p1 w0 m# G; J- n3 rvar newYDir;4 Y# a8 a/ i! B1 \+ m! R) y# I+ X
: y6 S7 P) d& A
function initializeBall() {
: f- I8 \: g" c   if (document.all) {3 x! R( v7 Y" Y7 Z
      xMax = document.body.clientWidth' ^; u- c( v& c  k* v3 R
      yMax = document.body.clientHeight
0 L" }1 Q+ \' j, e( f1 y1 \      document.all("supertext").style.visibility = "visible";" ]% m, |6 g# N, s8 A) U
      contentWidth=supertext.offsetWidth3 E4 A3 K4 ?  K7 a. B9 T8 r0 P) v
      contentHeight=supertext.offsetHeight# a/ @5 Y- c4 U+ m
      }
8 p  X" y% `! `1 \2 Q! W# |   else if (document.layers) {8 k8 L% q6 ^- _7 e
      xMax = window.innerWidth;) @0 h0 \6 N4 e8 R; h4 A
      yMax = window.innerHeight;
1 Z2 W/ f: p; s5 z' i      contentWidth=document.supertext.document.width. f& `1 I6 e8 w  z7 r7 Z, X7 R
      contentHeight=document.supertext.document.height% B' b) A) |6 a/ u
      document.layers["supertext"].visibility = "show";
, Q# `/ U! L$ _" T. d) a4 _      }1 s+ V' o# m5 A; B1 C
   setTimeout('moveBall()',400);
+ [" a: }1 d7 w, J/ T* q4 q   if (hidetimer!='')
& y+ p2 p5 Q) O, d) _   setTimeout("hidetext()",hidetimer)
4 j  j8 m9 G( z   }
+ @! T* _- y; n
7 }4 L) |! d$ z. D+ K4 ]function moveBall() {
! g. L; Y7 r; j# K   if (superballRunning == true) {( J! p, [1 Z6 Z' I/ U% o
      calculatePosition();, c/ y% P  l9 P, O; T, g1 ?
      if (document.all) {
6 s1 z6 H9 R/ p. l, P+ I! {  x         document.all("supertext").style.left = xPos + document.body.scrollLeft;5 L' _6 Z* G5 q
         document.all("supertext").style.top = yPos + document.body.scrollTop;2 E8 p- a, R6 _
         }
0 {; }$ r0 Z! e      else if (document.layers) {
# m# P- y5 D) a* p         document.layers["supertext"].left = xPos + pageXOffset;" X! y& B- A: E1 I! E
         document.layers["supertext"].top = yPos + pageYOffset;
5 F& Q/ L  Y9 i7 I- J" l2 }. e% k         }
8 t7 b3 ?. q- X. G8 c9 q/ n      animatetext=setTimeout('moveBall()',20);
$ {$ s+ [6 A' o4 J3 J5 c      }$ Q; f2 z0 Y9 O2 U, l) `
   }, c0 z+ d) k5 C7 k
9 L5 u2 H  V/ p. M1 M7 Y
function calculatePosition() {, I9 J5 ?/ z7 T7 y" {
   if (xDir == "right") {% ?! W" l$ N2 N, f3 g/ b
      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 ~4 S# \5 I8 H6 n. a% Y+ d         xDir = "left";3 R( D/ A3 m! X1 m: u  Z
         }, v/ w& c  K5 S+ k1 L( |- v
      }
; Q& g: f% B; i! {  ?8 P   else if (xDir == "left") {
$ R9 Q: U' u+ r$ S+ g- U9 U      if (xPos < (0 + BallSpeed)) {
+ ?9 r/ {7 x: B: |: o. ?! `7 w         xDir = "right";& ]5 n' N( U; M- t; S7 s) F1 y* I
         }( E* Y# q2 E" T# D
      }* k0 }' l6 y1 J8 K
   if (yDir == "down") {9 o* s1 r1 ~% ?+ g
      if (yPos > (yMax - contentHeight - BallSpeed)) {$ u. Q+ n; D$ u
         yDir = "up";
  T7 U+ H) u0 y% Z         }
7 ]# ]+ M+ i$ L' ~6 c      }
5 D% x+ U! j& O+ d6 c: m% C   else if (yDir == "up") {' u& x8 E/ Z9 ~- k3 z
      if (yPos < (0 + BallSpeed)) {
5 j, N" h& [1 @  D         yDir = "down";
- X/ }% d0 g: T0 u& G         }
7 F( v& [: z3 t      }
7 L1 m2 w3 d- C" z' \0 @8 G! q   if (xDir == "right") {) j  U. ]3 u+ ?' t9 N7 z' W  r
      xPos = xPos + BallSpeed;
8 f4 H4 f5 j+ w% R$ U      }
5 ?4 \' N! H. D) p. K0 Y  O5 A% H   else if (xDir == "left") {
! B  p; P( _5 Z% j9 H8 k# y      xPos = xPos - BallSpeed;2 N5 [$ w# m4 o0 v) O6 A  l% r
      }. C" b* R( A1 f1 _  w8 b7 }) y% ~( K
   else {6 t  m0 I: G6 |, v- T/ x9 M+ D" P
      xPos = xPos;
9 _- Q0 H7 a9 a$ Q  L      }! @) y6 V  u& b6 j1 @  c, ]& l
   if (yDir == "down") {4 [- w# H5 S/ e
      yPos = yPos + BallSpeed;7 R% {2 i6 ]$ W
      }6 F; T9 ]! f. M1 D7 S, o
   else if (yDir == "up") {" w) @2 V5 W( S9 w7 R" X) r; \5 T
      yPos = yPos - BallSpeed;
+ y3 }8 E4 N3 \' T      }* [9 Z9 ?1 O/ q! U/ A* s+ x
   else {
( O' T4 B2 p$ F# \0 O      yPos = yPos;/ F# e1 r' b% h: o% @) F& b
      }) t: A5 `) k4 p8 A% ^% L1 U1 O
   }
3 f1 w4 P' o7 e  ]5 B3 x
9 B7 D( g0 J; p$ j- M; x9 Wfunction hidetext(){1 ^- ~, }( l+ ~2 V
if (document.all)9 Q' e: q  l2 A
supertext.style.visibility="hidden"# W) ^( ^2 N% k
else if (document.layers)
+ n+ ]6 D7 V: K% ~document.supertext.visibility="hide"
% [  W3 [/ x9 [' F" I# b, F! o) B5 TclearTimeout(animatetext)$ F6 }4 q8 I+ b1 B. e3 e, b
}, n7 z% f* }  y. |
# q( T1 K( T" X; b
if (document.all||document.layers){! A* s7 z2 Q. m6 O8 U
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 T# h4 D/ Y& B  n& lwindow.onload = initializeBall;
2 V/ A3 z: W( `! I: Qwindow.onresize = new Function("window.location.reload()");
7 u2 [! u1 B: ]0 t1 a# S' x}
# n# B* ^7 I% _# B9 l2 r+ m( N) E8 s. i( i6 w' K
</script>