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

zw2004

<style type="text/css">
" b# K, E6 u. K0 J: O' K& G#supertext {+ S6 V2 M( @* a& L" P
position:absolute;
. d) ~( X: U" E6 w* Pleft:0;. H: W8 g, x8 m7 t
top:0;
$ F$ }( P5 T# v# M- `. A% Yvisibility:hide;% k5 [" y/ ]' x. d
visibility:hidden;& r# h0 M* T3 I/ l# ]9 q  A
}2 f+ ~4 o' V/ m1 ]  R; Z, o8 g
</style>
; A7 o( |0 {3 ^' S9 Y6 F! J<script language="JavaScript1.2">/ [" V3 H0 U' E1 E
<!-- 改变下的字体的大小。颜色-->
  n; X0 b1 @* D& M1 Uvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. m  K- \$ }4 J1 u
var hidetimer='';
! u) s! [/ T" j( J& S<!-- 改变下的弹跳速度-->
5 e' U+ E4 q# Z8 h  ]1 l0 kvar BallSpeed = 20;
5 x( Z' B. P7 t  A; m- g, Lvar contentWidth;7 c" i+ F: r* Z
var contentHeight;+ T* _9 |! U. e( }' b" `
var maxBallSpeed = 50;; z  V& G7 ~8 \) X/ U- b2 P
  \+ L5 [& Y7 e

! C$ O5 V9 c  q# a, f0 u/ gvar xMax;* M& e; N1 t9 a& l' U
var yMax;1 U1 g) @2 D$ K  B' n2 X
var xPos = 0;
8 g2 ]/ R0 I' S1 x+ X( @) A9 o. ]: hvar yPos = 0;
2 B7 r( v" N3 ~% Q; ~. ]var xDir = 'right';" d  P( v! D2 q1 h
var yDir = 'down';, d# n; k% U, o- y3 H. p5 J
var superballRunning = true;
! V6 R3 y/ f# w) ?' v. }var tempBallSpeed;
9 r* ]0 d! g% v( s$ ^8 @6 Bvar currentBallSrc;% m: E' ]% K: V2 b5 x$ @0 r
var newXDir;
( k7 B! b( N: K) [( @) k) Ivar newYDir;8 c; v9 w. i7 A  u

' W$ W) ]" f% n2 x- K2 D+ Ffunction initializeBall() {
: p1 \4 P# c- k) q- m   if (document.all) {8 D) s5 d  Y" k9 Q
      xMax = document.body.clientWidth
6 e- |  L5 D( C: t      yMax = document.body.clientHeight
3 H. h; @& D2 V2 ^& A      document.all("supertext").style.visibility = "visible";
; s# l* Z- U+ I8 f8 T! O      contentWidth=supertext.offsetWidth
# u1 o4 ^. v  E+ J      contentHeight=supertext.offsetHeight( l  f) Q1 A4 H+ S" b! h5 G9 r5 D. X: h
      }
# P* x4 Z4 m; m+ H   else if (document.layers) {* L7 m/ f8 _8 f# Y% A
      xMax = window.innerWidth;+ i- R1 p" r2 F7 P" i4 `. ]
      yMax = window.innerHeight;
: F3 G- T) N+ d% t7 f      contentWidth=document.supertext.document.width6 b' y3 o, w2 |5 Y: P  G% G
      contentHeight=document.supertext.document.height
( q! ^% t3 k5 O      document.layers["supertext"].visibility = "show";
: j$ e0 f/ n0 e% E& R      }9 z" z  M8 q# `
   setTimeout('moveBall()',400);
0 E/ T- N" U7 f0 N   if (hidetimer!='')2 k# T7 E3 J8 l0 }7 S8 C
   setTimeout("hidetext()",hidetimer)
4 m5 S# r+ j* G! v   }- j2 o2 X0 z' s; M

' J3 f+ `. }6 J( C# s& S/ t& ffunction moveBall() {, c4 \0 c5 V6 q: k1 @9 Q/ t
   if (superballRunning == true) {
1 ^7 t  o' O$ K5 ~5 a      calculatePosition();
6 I5 f1 c9 U' R- m5 o& q( P9 S* r      if (document.all) {( _6 Y1 Q; N: W7 f; t; ?) |/ }* x
         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 K" p" g* C8 N+ Q+ {; @
         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ n, A1 U2 [8 @* Y! {3 A3 a. P         }  |* E. b. W# H$ z1 x
      else if (document.layers) {& @$ T4 C8 S. d9 K* Y4 Y) {
         document.layers["supertext"].left = xPos + pageXOffset;
7 ]4 \- i" w2 b/ q* S         document.layers["supertext"].top = yPos + pageYOffset;# c& Q$ G  D6 N8 V/ j
         }
$ ~2 E8 w& Q( u. f; H1 B7 x3 y      animatetext=setTimeout('moveBall()',20);+ ^, Q, D4 G, w5 A- ~( a: v
      }
! t  f+ Y9 D, P- i. T" Y, q7 B' W   }+ }' U0 H4 p9 L' j! d' M2 N+ m

" b* q8 @  {. b# cfunction calculatePosition() {
) V8 o8 r0 ~* M2 |% ]6 l. ~   if (xDir == "right") {
) F( w: _) U% t0 }+ S      if (xPos > (xMax - contentWidth - BallSpeed)) {2 y2 ?+ N: N5 Z) f: a
         xDir = "left";% ^' k, y# D* o( V6 R
         }
/ k  h3 t5 G/ r( m. B      }4 T6 {) x6 ~# N& {) l
   else if (xDir == "left") {3 t, [1 F6 ^8 ?& J4 H
      if (xPos < (0 + BallSpeed)) {
# M4 D0 D! F8 `- f0 V: I         xDir = "right";5 N" e: [: X4 d) c3 @. n4 O; U
         }
8 P# y. p; P6 z8 F% p      }
4 ^- J9 n8 A3 u" E$ a9 ?9 r   if (yDir == "down") {3 w4 A6 Y* z- q
      if (yPos > (yMax - contentHeight - BallSpeed)) {( e+ V7 \8 t( M/ a4 H
         yDir = "up";
, H' Q6 \" U* [& l- q: U         }
! k9 `2 ~4 a! F. P& \      }
; i+ X) a: Z2 A+ |' ^- O: T2 o   else if (yDir == "up") {0 H- B$ W8 \4 s
      if (yPos < (0 + BallSpeed)) {' W$ F* M( N3 Y
         yDir = "down";+ s) J% n3 z# M
         }: ]% I5 F# a6 M
      }! `- q; L" _0 ?3 a
   if (xDir == "right") {
) X# y  r  M" x: ?( j  L7 I0 `      xPos = xPos + BallSpeed;% B0 N$ K; r: O/ C6 p! ?6 \
      }
* [; j" m0 M, d" {, }   else if (xDir == "left") {
$ M- @: G0 l6 M; v9 _      xPos = xPos - BallSpeed;
" c, B0 }3 O5 C& y      }( |% V, b9 }; M1 b
   else {
* T: C, ^& x# S; S% N! t8 U3 X" j: ]      xPos = xPos;
: G' ?- {' }5 h# B, e6 Z      }- E2 B$ D) R( J. c$ T0 ?
   if (yDir == "down") {; y, A+ J* x1 }
      yPos = yPos + BallSpeed;0 Q0 f6 Y: c1 u) d8 K
      }
% t" u0 v; q8 k* W. A; Q   else if (yDir == "up") {. d1 ]# H; k+ c
      yPos = yPos - BallSpeed;
, B2 e0 [" f3 w6 ]      }
0 k; a9 b4 B' p' [   else {4 m  |1 D. c4 W: v
      yPos = yPos;
4 e9 ^/ p9 U0 U      }+ `' ?$ t- F  y* X8 g" ?& \
   }+ D- }+ c! ~: Q+ c+ F$ o

. g0 g% ?7 {, s7 h- Q9 |3 N6 wfunction hidetext(){
5 B! w% K9 K4 r9 wif (document.all)
7 a' C- u8 u: n  \* ]4 y" }9 @supertext.style.visibility="hidden"
+ t. ^! |% x, X2 z8 {+ welse if (document.layers)
; U/ h0 @& Q) E: w1 ydocument.supertext.visibility="hide"% ]/ j: e! F+ @+ A$ D6 h
clearTimeout(animatetext)
0 T- {9 m2 p0 ?* F" |. T' r}
2 \+ g5 U1 r# q0 J- V8 M( d6 s: h7 m: E- @+ Z/ b0 h0 w8 z, i
if (document.all||document.layers){0 r) R$ Z  y% K
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* Q+ ^5 p" Z  a0 y. Owindow.onload = initializeBall;
( B6 d3 i- `; ^4 b; B2 u9 xwindow.onresize = new Function("window.location.reload()");' d$ D7 |: u- O. \# U  B
}
7 F' V# ?( ^9 @
. y5 e/ f( S- _2 L) [- c2 D0 x</script>