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

zw2004

<style type="text/css">+ b" f: j. y: P0 z& _
#supertext {
5 _3 T7 a4 Q; b. \: Dposition:absolute;8 v1 H, a5 [" ~2 ?; O1 q( y
left:0;
$ V. a, s3 X  e3 @top:0;/ P5 z, s* O+ A+ q- z0 }
visibility:hide;& [% e; v& B* b% ^
visibility:hidden;6 I: G4 B4 P* P8 A* x4 x/ z* p" ?
}
/ }6 a: k: b( K0 }5 R</style>7 u+ v" d9 C) B8 _2 f/ |% G
<script language="JavaScript1.2">9 [1 I" e* c" h# E. L) j
<!-- 改变下的字体的大小。颜色-->2 Y/ s! p6 e& U' i$ _
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% }* I2 k! o8 b, K
var hidetimer='';
* _. v9 n/ K  T- k5 e<!-- 改变下的弹跳速度-->; J0 N( N/ A! Z* V" G
var BallSpeed = 20;
/ w' @$ I" h9 k5 B) b+ Jvar contentWidth;& W/ Z, C9 ?9 E3 }, m" d- ]
var contentHeight;
: [* x7 ?2 I( v4 ]4 F, L8 i2 ovar maxBallSpeed = 50;+ x4 S/ K; d$ j% O
& ^# q, h- d! H  f9 `7 X" H1 p

9 E7 _2 |/ a7 {var xMax;
1 S, m8 W9 r1 `  p5 k. _var yMax;
) A, Y- s& h! t  Z2 Tvar xPos = 0;
; h' u/ E$ ?; e3 e  s) j- \var yPos = 0;8 A! a7 i! f8 Z1 g9 n! X2 A
var xDir = 'right';
4 B. {( f& C; J3 L- j) X. [$ _var yDir = 'down';
  B: C9 _" l. a  b1 r3 t9 a; a  D5 rvar superballRunning = true;) Q7 j0 t  o" N& [
var tempBallSpeed;7 _  }" F) @9 x8 ^7 J) d- f
var currentBallSrc;/ N+ b7 q6 W# a) z4 ?8 D
var newXDir;* W) F+ V5 f4 P
var newYDir;
1 L/ s: {  Q8 ^, Z1 t' l; }6 k; t- U7 X
function initializeBall() {
* r4 `- A& H/ U) I   if (document.all) {' O) s( ]- r* V- X2 _
      xMax = document.body.clientWidth
2 L' u0 Q, Q) P3 j) O      yMax = document.body.clientHeight( x& k1 N7 C1 c, @3 e2 L3 ]* }2 J
      document.all("supertext").style.visibility = "visible";
* U3 m: w( t* v" B$ Z. o0 w      contentWidth=supertext.offsetWidth9 k! t6 A  _! E% B. k! w$ E
      contentHeight=supertext.offsetHeight; [$ X. @# r% A* Z4 A6 K
      }
2 |3 O0 t8 O+ ^+ t   else if (document.layers) {
. b. Z  b. a0 t) j9 G2 d      xMax = window.innerWidth;: y  b% k5 \3 }! w3 Y  U9 {! R
      yMax = window.innerHeight;
- [" e- ~% T* ~1 k2 L4 r      contentWidth=document.supertext.document.width
, [3 E; s$ W% _/ ^/ h      contentHeight=document.supertext.document.height6 x: c9 l3 [) B  o% e
      document.layers["supertext"].visibility = "show";
3 S7 a; B  {  I" f: J      }
( ]; @* Y' S/ f/ O   setTimeout('moveBall()',400);
  w3 Q& v5 v- _" H; v+ ?   if (hidetimer!='')
0 S% H# h+ k. X9 E   setTimeout("hidetext()",hidetimer)
. \: h! e# F4 S9 L9 x% d   }
( Y. @# _$ C; m+ y$ u4 }4 n
6 y4 q( _1 U' c! N3 R0 g6 a% L" xfunction moveBall() {$ d  ~# D, s* T
   if (superballRunning == true) {
4 N/ O9 i# \  L3 j) d      calculatePosition();
6 k  n% M$ F' Q7 Q  {/ W( G' E      if (document.all) {' t3 {# f) u% j3 w8 R8 j
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 q5 G0 ~8 e2 d% H$ a0 z         document.all("supertext").style.top = yPos + document.body.scrollTop;% S0 [5 r2 B* U4 k
         }+ ]3 f7 s" @7 b5 Q
      else if (document.layers) {( [% n3 @" w& r- P/ N7 m
         document.layers["supertext"].left = xPos + pageXOffset;  G& M2 a$ [0 d2 f
         document.layers["supertext"].top = yPos + pageYOffset;. K5 t: [# E4 y/ W( r- z8 ~% s1 B
         }0 h: {0 E/ g" }# n' q: Q
      animatetext=setTimeout('moveBall()',20);$ v/ Y# V  y; e) [! N7 a
      }4 u' |+ t5 ?0 M3 H5 _0 n: S9 y
   }" L2 P+ _7 x4 T6 r

" X% ~  u5 _8 ?0 Mfunction calculatePosition() {% M+ o8 f9 M  u; O
   if (xDir == "right") {; L' |. V  k3 R  U. P! {, p/ c2 P5 e
      if (xPos > (xMax - contentWidth - BallSpeed)) {7 X. q4 i* G: I* q
         xDir = "left";
7 T3 h8 k* H" P         }8 T. f9 k2 M* r9 c
      }. u  J2 @  o9 F, k. R, D
   else if (xDir == "left") {
2 n; T' g: F: `5 F5 {      if (xPos < (0 + BallSpeed)) {
3 o4 D( p* A* F         xDir = "right";" s" a7 B3 [# q3 F- [% A
         }2 J7 `+ d" s  o( Z8 |6 v- {
      }  @. a: N: B0 E
   if (yDir == "down") {
0 r+ |+ |* \1 S1 ?; ]* q3 w      if (yPos > (yMax - contentHeight - BallSpeed)) {: i* _# L6 S9 u: P' A6 x3 E( Z2 x
         yDir = "up";* C' F" v0 U0 v( s3 a  H) X7 j" {0 Z
         }+ \" ~  R8 F0 q
      }9 y$ w3 y$ r' l4 ~
   else if (yDir == "up") {+ W+ e# o# d& a" ]
      if (yPos < (0 + BallSpeed)) {
/ R. f2 |) I7 J0 c; g5 ]" @$ y         yDir = "down";
% V0 ~+ H  L" E2 J  u7 o6 L. K         }$ `, J4 o1 z# h
      }
( \0 n, e& U% j: |4 n% W8 p   if (xDir == "right") {
- j( c0 \) a* G4 t' \$ L7 r      xPos = xPos + BallSpeed;5 M% C6 x2 w7 S2 _' x3 H& H: a/ c5 K
      }) V/ D7 P1 ]: C; I+ {' U* V
   else if (xDir == "left") {& _9 |4 w# n* w* @8 Y* z- I3 W
      xPos = xPos - BallSpeed;* y3 e6 [' `5 v6 C8 s
      }
$ r( r5 Y- X2 ?1 x4 [5 M   else {9 T4 E8 x9 W' h9 O0 i
      xPos = xPos;$ W3 N1 l5 q8 k1 @& j+ ^  X
      }) p( D0 q# ~8 C
   if (yDir == "down") {; K* r! v( u* i* F2 N. Z
      yPos = yPos + BallSpeed;
) V: E7 ~( T2 T2 W% v3 b0 i) p* J      }
. \5 O: m9 E+ p   else if (yDir == "up") {: [' ?+ v1 j$ D  z! o: n: D
      yPos = yPos - BallSpeed;! g; A: F5 v7 b
      }
9 [4 a) r; C% X* f- A   else {( ]1 O$ W& R" B9 b
      yPos = yPos;5 \# D: p/ U0 U8 e2 y
      }
# o2 P2 W  Z6 f6 R* n& U6 I   }2 m+ U' z# j8 S. U( L

, p% J, O8 w& k1 c  w! Z/ E0 yfunction hidetext(){
  L: r9 k, C; K: Hif (document.all); O9 g$ [' o: T+ o+ y/ ~/ w. l
supertext.style.visibility="hidden"/ k) S2 a! r$ k) ?  b
else if (document.layers)# @: N3 D0 s/ o9 D
document.supertext.visibility="hide"
9 z9 m; w; b% Q2 P: sclearTimeout(animatetext)
2 k, q$ K# T0 k; U# O}' z  S) c7 u2 l4 e

3 E. K8 k/ y# N+ c4 fif (document.all||document.layers){, n' {: \* V# X* v
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ W2 q1 ]. Q' p" }4 |2 z- Y, D
window.onload = initializeBall;
' r& k3 a) t0 T& V- s! r, owindow.onresize = new Function("window.location.reload()");9 @2 s6 ]8 r: F) _7 F2 D# w
}+ [6 |. ~( E# P0 V! ~, g3 Q4 S
( X9 ?! b2 N; ~  y
</script>