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

zw2004

<style type="text/css">
; C( g* R$ f2 \+ f% v" a#supertext {% C4 r  U% @; \5 [- R$ z( E! @
position:absolute;
* {7 t& l, K: w1 M7 R- o, wleft:0;, d8 m+ L5 v. {. j2 \5 T. X# Q
top:0;! D" g- [1 |  k
visibility:hide;
0 q  S: I% U  W# N$ Vvisibility:hidden;
2 G6 l* P7 t9 y3 r6 |}
& g0 A: O3 ^9 z, ?; U9 f, G</style>2 N2 [& d5 }! a  A' e1 A, z3 S
<script language="JavaScript1.2">. {. e0 Z) q2 i  t/ x
<!-- 改变下的字体的大小。颜色-->
! d; O, t! G! u2 T/ yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ D- [% @& H) d9 Ivar hidetimer='';
# T$ U. r2 R7 H! K, D/ E<!-- 改变下的弹跳速度-->
& c5 s3 A' f9 i( W' r! {var BallSpeed = 20;2 W* A4 X# y2 A
var contentWidth;
# l. c/ V) r" d! _6 Z. Avar contentHeight;
& M6 d( f! }6 d" Fvar maxBallSpeed = 50;
$ O4 c7 g. F$ {. K8 f4 K: g) Y; [3 L* e* Y4 l' u7 j0 t# r

: P+ M7 M; n7 Z* o, tvar xMax;& z4 F8 q4 t' a( {3 {) ?% Q* |* L
var yMax;$ z$ ]5 J- p5 a, K
var xPos = 0;
) \, X9 H3 [# }( b; ?# [4 G4 R2 uvar yPos = 0;
5 U4 Y7 R; q9 q. e, X' Jvar xDir = 'right';7 Q4 q/ i8 T3 o+ W5 ^( m
var yDir = 'down';
; W6 B2 U3 v: d& N* ]var superballRunning = true;
8 _. d$ t/ c9 k; f) h9 Y1 V7 Wvar tempBallSpeed;$ \0 e4 Q9 a# e( h8 f
var currentBallSrc;
+ o+ }% c' }; W  G) n0 Cvar newXDir;  ^1 n, w, ~5 V
var newYDir;" n" F5 O4 j  r! H" z

7 w# j3 \" D/ ~  q6 Y7 f: U! ^function initializeBall() {4 q! O( R+ U8 `) ^( z( j, _4 Y, b
   if (document.all) {' E3 c8 Q# N6 r' B5 ~8 C
      xMax = document.body.clientWidth/ f4 N  j, z! R
      yMax = document.body.clientHeight! M3 F  o% D  G2 }6 Z4 K* [: N- ]. u
      document.all("supertext").style.visibility = "visible";5 Z2 V9 ^5 c2 `: t
      contentWidth=supertext.offsetWidth% S3 i. [8 s' q( v% M
      contentHeight=supertext.offsetHeight
" v6 `4 O. ]9 j* r: T1 }, n      }5 Y" x* P* F1 }" g& D* m
   else if (document.layers) {0 p1 L4 w$ Q/ J
      xMax = window.innerWidth;, u3 o, R# U1 c1 X2 U
      yMax = window.innerHeight;8 E8 ?, D, e6 g
      contentWidth=document.supertext.document.width
' t- L3 n; L+ t/ K      contentHeight=document.supertext.document.height
! P( G0 i/ {. T, |# \( R+ N  X7 A4 r& Y      document.layers["supertext"].visibility = "show";
" d/ X1 D  x; Y: P- j/ o" d$ ~4 `      }
# u2 L, H% k5 `% _& \" {   setTimeout('moveBall()',400);
6 t. Z7 y4 m" K5 i# q2 |8 m   if (hidetimer!='')+ ~6 F4 m; ?8 O
   setTimeout("hidetext()",hidetimer)6 v5 J1 z) }1 R. j9 D) O
   }
) ?4 X6 ?2 Y' j* k. `0 @, q; \
function moveBall() {
) b. W( R/ E) T3 T* {0 S9 h   if (superballRunning == true) {
% a0 Z& Y( {0 h- W      calculatePosition();0 R  Y7 r* B/ @; r
      if (document.all) {% w2 M! k; o- M: Y- X
         document.all("supertext").style.left = xPos + document.body.scrollLeft;; h. U0 j6 L& T. G4 `6 n4 X, e: N4 a
         document.all("supertext").style.top = yPos + document.body.scrollTop;1 k/ l0 c/ l  ]' n6 e- r7 T; B; h
         }
( K7 y7 d; D4 q      else if (document.layers) {2 M0 `: E0 f* ^* ?3 f5 w
         document.layers["supertext"].left = xPos + pageXOffset;$ k7 d1 e% g( {7 h8 n4 n4 t1 }
         document.layers["supertext"].top = yPos + pageYOffset;( ^4 S0 A! v. q
         }$ C/ e( i: f4 j( K6 I% {
      animatetext=setTimeout('moveBall()',20);6 p1 A( T% ]6 x. f0 w4 T
      }& L! E% X/ D% y  j% P
   }
0 I; C- m: n1 g4 K& B0 R) M, M
function calculatePosition() {" o  u- z  G, M- C. M0 e! O
   if (xDir == "right") {
- N2 {5 v" M3 |" |, h      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 y. r1 J5 n; F7 h/ x         xDir = "left";" ~, ^" c+ B. n$ Y1 M" B6 s% P
         }
: X* M' [# H% f2 W5 q      }# u! e: y( `2 x2 P% }( r& H$ O1 ]
   else if (xDir == "left") {; U1 w: y" z% _  w" H, k. E- R
      if (xPos < (0 + BallSpeed)) {
" c* o7 K: P/ s         xDir = "right";
  G; ?  o! E, P5 J         }
- G! W7 }0 _3 J5 Q% h5 `      }
5 B: U' j0 V  X7 o- E   if (yDir == "down") {2 V/ W& n1 V+ ]4 `# \2 e3 C
      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 G1 J, ~0 @$ C& {( t; Y         yDir = "up";
! M, I) T! z& }$ s8 H4 S7 [( x         }0 i- k% }; @) [# K' v3 X/ G% T  ]
      }' H  g1 o* r7 }6 t$ y% c
   else if (yDir == "up") {, G; }$ e6 @3 @/ f) c# B* U: X4 N
      if (yPos < (0 + BallSpeed)) {
, x5 e/ y2 N- R8 j% A  q+ [' I1 m         yDir = "down";0 }0 }* o1 |. Y
         }
, o2 x# C/ L' f# O* b      }  B, `+ E+ h) U. E/ W, O
   if (xDir == "right") {; f! v. U2 `+ L3 O/ {$ S! ?% R
      xPos = xPos + BallSpeed;
4 [+ q7 P8 M& n1 J      }" K7 _: N3 h; f: ~7 O) x  c3 C7 i
   else if (xDir == "left") {) z/ V8 g0 L* Q" R+ ~" Q' |: @
      xPos = xPos - BallSpeed;( ]. D2 P9 c7 s% U# g# J
      }& K. k5 n( R5 M6 w3 L* d
   else {- |: r. S, Z+ h4 l0 V; w1 T
      xPos = xPos;
( Q) I& A  G& p4 b% N. N0 M4 W/ W      }
& j6 j, X1 B( G8 r$ o$ S4 S   if (yDir == "down") {
& o% G+ v( j# c& l      yPos = yPos + BallSpeed;' \- F. s' S' e% ]; d, i
      }9 _$ D9 ~$ p2 F2 ]
   else if (yDir == "up") {
' j$ a8 ^+ x6 K/ b0 w      yPos = yPos - BallSpeed;" f9 c+ s4 l5 j2 L& p  c5 w! Z
      }. z$ W4 o8 q8 L0 u
   else {
) p3 V0 [" Z* u4 j9 }$ I      yPos = yPos;( u8 N2 f3 c/ R
      }
/ f5 }1 O& \6 X4 B7 Q& L! a* N   }7 X0 z4 z6 \" g" Q) n) p

% M% g* N; A4 q2 P1 W8 R, mfunction hidetext(){
- j. f2 l# z9 rif (document.all)
; c/ ^  s7 T0 v2 F- o3 gsupertext.style.visibility="hidden"
  j4 ~3 W  B8 pelse if (document.layers)  _# s- |9 J' z: W0 _7 @- D
document.supertext.visibility="hide"
7 t9 y7 I& }# l  ?! lclearTimeout(animatetext)
( F  V+ [" n" q( E$ s0 o}
8 G3 z2 S3 ~% k1 L
% w: i2 j  m) _# S- s0 W0 xif (document.all||document.layers){2 V' s$ b& N4 ~3 P1 v
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& N! R( p# A, F+ Pwindow.onload = initializeBall;. s7 h, e6 P: V, M, H# {2 S& Z
window.onresize = new Function("window.location.reload()");& I* x* F* D0 I9 b8 Z
}4 Y. C. W; y+ b

" V9 r% U. G* P& H</script>