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

zw2004

<style type="text/css">) j/ x& K/ R( f" q1 n
#supertext {3 m) C, b: W  X6 m' f
position:absolute;2 o  G( j! B3 ^. M3 n1 k8 X6 g
left:0;0 C' G# y. U5 z3 [( C. H* L
top:0;' w# Q/ H4 O+ \
visibility:hide;
1 B7 n) ~# e9 e! m2 ]- i4 |visibility:hidden;6 |6 P1 _! W1 D
}5 C) e' N/ C7 c$ |$ B
</style># x: V  b$ a& ^8 ~& }
<script language="JavaScript1.2">
4 `2 u/ Q/ ?; @  ^) v<!-- 改变下的字体的大小。颜色-->' F7 M2 _, p, E" {4 q+ q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ o" ^- |+ G; svar hidetimer='';& X: s  G2 K* Z  F6 M0 J: h
<!-- 改变下的弹跳速度-->* t9 I. M6 R+ J- |3 u' T
var BallSpeed = 20;
; ~6 `. N! @+ f5 D0 ^2 u; bvar contentWidth;
# P0 t  i0 P0 S* [4 C7 k7 v. evar contentHeight;
# k5 A& ~% E& B; q) @6 E9 h- tvar maxBallSpeed = 50;$ O9 Q! j! E" z0 m+ I4 G: E$ v
3 j+ i/ n( U+ m5 w$ W# _5 L
; W4 q! h. @1 f% J- C
var xMax;' D# v& z& N8 b- T' u7 t- x0 Q1 l4 p
var yMax;
& S; z5 ]0 C+ P9 E) evar xPos = 0;+ K, ^2 S: T" M8 {/ Q, v- z! m
var yPos = 0;
4 l. a! _2 e# U+ s9 b) P; {, cvar xDir = 'right';" [7 X: ^0 \. P7 ~" _* x
var yDir = 'down';
- O- p5 r' k* Svar superballRunning = true;
! {) l- \  B' svar tempBallSpeed;
# j% ?1 X: r7 Y1 S5 o8 g  @var currentBallSrc;6 `( |2 T4 e* L7 B6 c
var newXDir;3 `7 n; o) I. v
var newYDir;! F! U$ n) `* C& X' ^0 [1 A9 ~

+ z2 a5 x+ E. N  H5 [2 l$ }$ K* ?* Gfunction initializeBall() {; u2 k/ J9 H! W+ ~' r
   if (document.all) {
6 u. N6 {# q' B* E' H      xMax = document.body.clientWidth- p( y, B8 K- _, U" N2 P6 y
      yMax = document.body.clientHeight
& I" y: |5 z+ e) w; m' w* L, w      document.all("supertext").style.visibility = "visible";
3 C) g7 ~/ @% C# e  T% h+ |2 f8 T( O; V4 }      contentWidth=supertext.offsetWidth
' D8 V/ e4 D& q      contentHeight=supertext.offsetHeight
( Z% d' }) B7 L' j8 B2 T) q! E      }
2 s/ M% {3 K; _. T( `! ~   else if (document.layers) {( ~2 i' |) i. m( ~+ t; j' G& z
      xMax = window.innerWidth;1 f, |2 O6 Q2 p4 A+ L* X
      yMax = window.innerHeight;
& `. H' Q. W0 S4 E8 d# D0 Q      contentWidth=document.supertext.document.width3 p( m9 e6 f' X
      contentHeight=document.supertext.document.height6 b2 r8 |; U2 J, L1 @  e( E
      document.layers["supertext"].visibility = "show";
7 N0 _" F0 `( |/ T  E      }
. z( S0 ]* A+ x% A   setTimeout('moveBall()',400);# `7 u: K" [" f2 g" C% E9 ?
   if (hidetimer!='')8 t8 w/ K5 r9 i) j, C) {
   setTimeout("hidetext()",hidetimer)
& A. N# V* I5 ]: U6 g, m   }: s8 \% k4 A+ ?3 {$ c. u% P
) d+ }6 i0 L3 }7 }2 O  [+ B0 @6 D
function moveBall() {8 W& S' H2 `* h+ H/ s& v! P& m
   if (superballRunning == true) {
9 W9 R  b2 P7 K) r5 S      calculatePosition();4 e& f) h/ J( F+ o' V; n( K
      if (document.all) {5 D& P' P! K% y; i& g
         document.all("supertext").style.left = xPos + document.body.scrollLeft;6 W  @; m) S7 v
         document.all("supertext").style.top = yPos + document.body.scrollTop;
! L+ P. S3 J# X, m1 G         }4 M4 v, q/ `; S1 r% B
      else if (document.layers) {7 a3 \. l, X0 [& A2 W
         document.layers["supertext"].left = xPos + pageXOffset;
) L# \. X% @- P2 ^* h5 _         document.layers["supertext"].top = yPos + pageYOffset;
0 l8 ]* M( K$ _( W         }4 U+ n- d$ E/ ~( f
      animatetext=setTimeout('moveBall()',20);' u7 ~) r8 g8 l4 M+ ?
      }) U1 }. A- L& x! s8 Y  L
   }
$ |+ A& Z: a7 l* x4 Y' Y: t8 |$ X8 t! @- _7 O( A- {
function calculatePosition() {
. }) u' }' L  N8 {; W6 e% D   if (xDir == "right") {  W" x% ]2 j4 l8 |) J, E+ ?
      if (xPos > (xMax - contentWidth - BallSpeed)) {
" x# i2 ]2 E, c- ~& h3 ]         xDir = "left";3 L% p7 p- U0 M, Q) n' t/ y1 T/ Q
         }
3 Y6 Q3 z4 J0 T% m6 y/ [      }
+ u) `# [1 [- i$ @5 I6 u; Z   else if (xDir == "left") {4 ^3 J+ m6 D3 s! a+ G; W0 I
      if (xPos < (0 + BallSpeed)) {
8 E9 ~, y& F% T" P         xDir = "right";
" ?  C, H# k0 M/ s         }
: ~9 v  j( z% E& D, ?8 ~' t      }
1 ?2 ?& O* P$ @) }: A' s6 S   if (yDir == "down") {
  v0 Z4 ^) F5 F" V" v1 _  ^- f5 a6 I      if (yPos > (yMax - contentHeight - BallSpeed)) {2 O! o$ g7 ]8 I% r  m
         yDir = "up";% l8 i- K' l( [2 T
         }
, k. c; z) p- d( F, t      }' L* i: u' E/ m$ L
   else if (yDir == "up") {
9 t0 v) Q' O1 t1 ]      if (yPos < (0 + BallSpeed)) {
1 g. U3 U! g# q6 C: |' A         yDir = "down";- }6 \4 z! P0 ?) n  I
         }
6 s+ b+ l' I& i& \  M, E      }6 o( b) k2 E( A" q
   if (xDir == "right") {6 k  A7 Y- }2 j) r7 K7 n
      xPos = xPos + BallSpeed;1 L% z9 X* B! t4 m9 P7 i/ e
      }* I; o0 m: e$ L1 i4 J/ q, t6 ]
   else if (xDir == "left") {
# o: l1 R& g: Y0 e# O2 |/ s" r      xPos = xPos - BallSpeed;" X! J$ ^% c; P8 f+ z6 U
      }
, s2 q9 K7 D, H( y* D   else {' E1 G  x  B* _; u6 ^/ ]& l
      xPos = xPos;
. z% d3 f7 O  {0 ?7 i* f      }6 B% @1 {( c1 v- b6 L
   if (yDir == "down") {/ p) g3 w$ z+ m3 {4 v2 I
      yPos = yPos + BallSpeed;
) |# x9 @7 z$ V9 g% I  h      }
/ e4 ~$ N/ l! _$ ^   else if (yDir == "up") {9 s6 h# }8 h+ M. y; c
      yPos = yPos - BallSpeed;
/ X9 |  _  {) l6 ]" N+ T9 E7 Q      }/ c1 Z/ P5 _/ C' ?: v! M4 `. g
   else {
( `: g- J9 V, `, h      yPos = yPos;
5 M$ F& N$ u, p1 i' M      }
. E/ d* {* G# G" R, l8 H/ Y+ h( [   }
- _. {% |9 b6 d8 n: B, f. G- y: ]( G3 }% T$ w3 c  T4 {
function hidetext(){
  `  N; T9 E5 w( n8 L: Dif (document.all). Z% R/ O$ E2 |3 u7 M$ B) b. E
supertext.style.visibility="hidden"( t2 _( c' _. ^# c( J! N+ y
else if (document.layers)7 A3 h& W* N. `# r6 m
document.supertext.visibility="hide"" x* }0 C- k7 z: ~/ L, W0 P0 S
clearTimeout(animatetext)
) K0 ?7 ^6 @  Z2 ~+ t" K}3 ~4 O8 M: @- s

( i, e% y- V5 |6 Z* E5 y% Aif (document.all||document.layers){
0 h! W4 y# A1 k( H# p' k% b% edocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 L- Z1 g1 {1 ]) v' Z5 z9 X* R
window.onload = initializeBall;
+ Z# k$ b  o: t- ]window.onresize = new Function("window.location.reload()");6 f3 o- f5 ~8 n; S
}7 x7 e) _# K1 a& [

/ M9 t. t3 c$ ]+ N; W. |/ b, S</script>