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

zw2004

<style type="text/css">
/ J9 p# J- X. Q. ^#supertext {
: F8 V8 }* x, }% k7 pposition:absolute;
1 A! H2 B# h1 p( k( l+ z! J9 Mleft:0;
1 M: w2 G# [# y5 g, V1 }' J* ?, T  btop:0;, v4 s) P! K  P+ J) v, g# O8 \* f
visibility:hide;
  B' g2 z" ^) L; P) H" S2 Ivisibility:hidden;
1 `4 J- A8 P' E0 H}. R, m4 a  n% ?: A
</style>- u% m! K2 Y; B
<script language="JavaScript1.2">
% P/ B- i; g" G6 ]  G$ F% [<!-- 改变下的字体的大小。颜色-->
; c, o: j/ Q2 y" P( a0 ]var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( I  X% [- x% J0 X0 K: Xvar hidetimer='';+ y- O/ x) G( S
<!-- 改变下的弹跳速度-->
& o5 K% \% a" Cvar BallSpeed = 20;9 ]3 h: M9 P4 C/ V1 u
var contentWidth;
1 i) f* A8 j7 G& r; p0 Dvar contentHeight;- k6 f6 S( a% |5 f  b# U
var maxBallSpeed = 50;
# w# Y1 T" T9 g) D. a% e) ]: C. T
; z7 r; M; f1 k6 s
2 S% d* ]: Z( Z$ y" A6 l$ evar xMax;- ]0 P7 d$ q7 i8 D; a
var yMax;/ p) T9 G4 f4 Q+ V% K* Z! n' I5 b
var xPos = 0;
# C6 C8 j2 _: n. L0 W/ b9 k( avar yPos = 0;, q$ x5 k7 |/ a! j+ F
var xDir = 'right';- T2 s1 E# r- v: Y. A0 ]& E
var yDir = 'down';
: n) U% [. f  C8 Fvar superballRunning = true;
9 W* T! }4 k: t6 V2 ?4 E2 {+ c9 Uvar tempBallSpeed;0 t; t+ ]1 k4 s3 U1 o& j  ]
var currentBallSrc;8 f" V) A# v, h7 ]/ U0 m- w
var newXDir;
; P; s7 a' ~! d" ]var newYDir;
) Q9 f/ [$ q4 w6 F* R+ I0 P) A. N7 e  C% _4 O7 S
function initializeBall() {+ P( S$ E5 }3 A7 c' y* E
   if (document.all) {
' E. @6 C( a) z' ^      xMax = document.body.clientWidth
6 V$ f) b* f- N      yMax = document.body.clientHeight# T  s' J5 B3 x) q
      document.all("supertext").style.visibility = "visible";
( ^: M; [& x3 `% Q0 b( a      contentWidth=supertext.offsetWidth" @9 h! _. T8 u1 u
      contentHeight=supertext.offsetHeight1 f5 T% W4 B9 i+ N3 |! n# h
      }
: _' S( y- Q2 u) `$ ~0 `/ v8 s   else if (document.layers) {; ]! {6 @7 p) M0 i. `/ [1 o
      xMax = window.innerWidth;
+ O1 w* f5 \  a      yMax = window.innerHeight;
% k9 Q2 V3 h( p" k; K" U7 K& }      contentWidth=document.supertext.document.width8 D# u' t, Z) ]9 r, z
      contentHeight=document.supertext.document.height3 y+ _6 u3 e6 N+ P3 ]) ~
      document.layers["supertext"].visibility = "show";
8 f0 G4 v' Y, A! [8 @      }$ B; ]5 Q, n) C( k) p
   setTimeout('moveBall()',400);
6 I: V6 ~* g. P3 H  q! |   if (hidetimer!='')
$ i" J, p, L8 T# e* o+ {" Z* U9 s   setTimeout("hidetext()",hidetimer)
" o# Y7 f( t/ ?$ H4 d   }
- e$ g- y) O0 ^4 q- F/ z: Y8 H& K: e, s" \% y  E  m; R0 i
function moveBall() {$ A: ?- n1 N7 `: J
   if (superballRunning == true) {+ z+ C, ]# Y7 A( g/ K6 i
      calculatePosition();2 q) \7 V0 O# `- z. {' g7 Y! W2 f7 [; f
      if (document.all) {" Y/ N+ G7 A. t/ u& o7 N9 q
         document.all("supertext").style.left = xPos + document.body.scrollLeft;8 f) u1 N5 B0 ?
         document.all("supertext").style.top = yPos + document.body.scrollTop;3 a- F( c3 b4 `1 t: d3 J3 F
         }  `0 B: H7 C: f( b/ m
      else if (document.layers) {  E6 n! U6 e* K2 v7 f- v9 V
         document.layers["supertext"].left = xPos + pageXOffset;
4 h" z' ?& l+ n9 N! q- A: d         document.layers["supertext"].top = yPos + pageYOffset;: h/ `. f: a- @
         }* Q( H. D- M/ O) Q
      animatetext=setTimeout('moveBall()',20);6 P( g! E/ b2 a+ R6 K; i( z) }; T' h
      }
! V2 I/ E- _0 M$ ~& s" T$ }   }
* e- h9 q- f% @* i2 L$ w8 z/ ~( n3 [' G- h$ \
function calculatePosition() {  _1 T' d/ h& W2 |9 u9 y; [9 B. v8 i0 J
   if (xDir == "right") {
2 m- p6 z1 O. o" ]/ @; D      if (xPos > (xMax - contentWidth - BallSpeed)) {
# L+ v) M5 \4 v8 X, Y. i0 R         xDir = "left";/ P, {  Y" j* I+ {( \
         }" x5 V) g( V- z5 i
      }; `0 U# q( I* T/ P* g
   else if (xDir == "left") {0 X1 y, T3 U# i* v
      if (xPos < (0 + BallSpeed)) {, f0 ?1 B( C8 T+ i( ]' `+ |( Z
         xDir = "right";7 k( f6 y9 @* G* p, C1 l  h
         }
1 B7 Y, \/ S: L8 I4 a' C' ]      }' H2 u$ [' B( I$ @; s2 z1 G% L: f, O
   if (yDir == "down") {
( f4 N* w3 t# z' w      if (yPos > (yMax - contentHeight - BallSpeed)) {6 m6 Z( `/ z2 w* n: n6 R% L2 \  H  i
         yDir = "up";
% w8 l9 H" b- }9 M         }
& K, h. |6 ?9 g/ i: v      }
) q; s- @7 ^7 j8 I" \   else if (yDir == "up") {
. x1 O5 s4 P/ B6 ]& D4 f      if (yPos < (0 + BallSpeed)) {
! J6 R# m& c+ p4 r         yDir = "down";
4 {- M' o; H4 w' \9 O) v7 E$ T         }1 e2 H: @- {' Z$ e/ b
      }6 n6 o/ }3 d$ o8 ]. b: N8 h
   if (xDir == "right") {0 x9 p' |( M' |7 J3 _9 x
      xPos = xPos + BallSpeed;
0 S% y: |! C% U) K" S, `      }
9 ^+ W1 G' Y% I( y  K( n   else if (xDir == "left") {+ U# N4 v8 K1 J: q2 [
      xPos = xPos - BallSpeed;9 h5 F, V, `: z+ I& s
      }6 G: h% C4 y- m' Z
   else {( Z' z9 a* Q, w6 ]) \# }3 R% k
      xPos = xPos;
& r( i0 q/ {- O/ L; ^, o5 }      }
2 C  l# e* H3 \+ ?: i; N* g7 Q   if (yDir == "down") {) u# N4 m$ K% y, G$ w
      yPos = yPos + BallSpeed;- u- k- q7 v$ H$ O
      }' D1 V& s0 G0 D
   else if (yDir == "up") {0 _: j: r' B- K7 X% a% t) q& b
      yPos = yPos - BallSpeed;% r8 Y+ R7 H  w2 h+ v6 V/ v
      }
% J7 h/ {# o/ J- w9 c! z+ v   else {
0 V, y& I. Y6 u9 D, l% X' _      yPos = yPos;* _5 O% _. r0 g$ |& L' n
      }
; v0 z% m( J3 a8 ~7 G7 s1 D" t* T* E   }- j  ?! x2 j; g! `

: j, O# i& c# @, O; ?function hidetext(){* c! L" t5 I8 n1 P( \
if (document.all)- s( e9 U8 i5 n& {
supertext.style.visibility="hidden"* |2 c- X* E  A: L; u8 Z) Q$ Z; ?
else if (document.layers)# b% ~1 {( M8 I6 z1 V# p
document.supertext.visibility="hide"1 Z5 r4 g# c7 s8 M0 o
clearTimeout(animatetext), o. @' C; B3 _& ]
}
; `: u0 @6 r: P7 C9 M" H/ Y) C2 h. Q" I
if (document.all||document.layers){
) T* k, l, X2 Q5 m7 V: p- Udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
/ R) t! h' [# e' F6 |$ Q* O( l# Swindow.onload = initializeBall;
3 r% u2 C$ p/ I, z  ?% }window.onresize = new Function("window.location.reload()");
/ N% O2 Q8 m1 ^$ e4 J9 ^}
' y( @& k1 m! l) x# b3 l5 s& f. S
: o" P% j6 c5 [  t</script>