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

zw2004

<style type="text/css">3 o2 w3 h0 a+ A5 o
#supertext {
: v6 M3 P& w0 v) I. [position:absolute;
; W; K3 H3 M2 L" v. ~left:0;1 G; j5 }* Q/ Z, o* k2 n  h
top:0;
7 _- q; h: B3 n3 U1 lvisibility:hide;4 x6 s* I" P" N1 j5 u, c. j( M
visibility:hidden;3 B) V4 V8 n- Z' L
}" I1 U7 y$ ?5 f) N( g
</style>
. g+ _) {7 P, A3 r/ L" z<script language="JavaScript1.2">
& x- X. E* S$ Z1 c; ]: i<!-- 改变下的字体的大小。颜色-->7 g6 e( o0 w( M2 ]3 M
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'' [+ k% {. k3 r- B6 d
var hidetimer='';
# @$ W0 J' K5 a# ?4 |) w3 J<!-- 改变下的弹跳速度-->9 ^) U4 c$ M) z8 R* j) C
var BallSpeed = 20;" S5 v. {, M& n- G/ u2 i: S
var contentWidth;
$ V) S" |# h1 H7 R% y5 Nvar contentHeight;9 f, _) F1 w# t0 ?* p
var maxBallSpeed = 50;
9 W# H. K- w# r8 _9 s9 ?: ^. k+ s1 z
' M  f/ N/ M+ D, {" Z8 |( j" f& J# L; X! t8 L
var xMax;
, q8 O8 m% E: ?( n; ]! Gvar yMax;4 G+ p/ |+ s6 j( v' `, e, N
var xPos = 0;. R9 H  j$ f0 B# n8 u0 o& e) q/ O5 `
var yPos = 0;* y* p) [. B. h( g
var xDir = 'right';
6 d& d0 j: s) c) t0 Gvar yDir = 'down';' q+ P! |2 M. K! C! q  O1 m7 i" O! I
var superballRunning = true;4 ?  K; f; G0 v0 z6 O( {
var tempBallSpeed;
1 B, d! l$ e8 I7 K: O+ O+ u) j2 mvar currentBallSrc;" T' E9 J# h8 k. A
var newXDir;2 ]  V" p" [2 H
var newYDir;
6 S- B0 f" D1 _
- c, G, O7 \# E* h& L# h- `function initializeBall() {4 u, {1 ?- L/ G
   if (document.all) {
# a8 L7 D4 g8 d      xMax = document.body.clientWidth5 d" g5 m) |4 \  N# I% j
      yMax = document.body.clientHeight% m4 e. B. a5 Y; N9 Y: ]; {
      document.all("supertext").style.visibility = "visible";5 q1 x5 R( `- g- H
      contentWidth=supertext.offsetWidth
$ V, l' D  E. b      contentHeight=supertext.offsetHeight" {& e, r8 b6 }" a
      }
4 R1 J' P! c& D( B" }6 B+ q( }   else if (document.layers) {% U  o% D) a7 r: R0 o) H" s
      xMax = window.innerWidth;
' a) T: h: P8 s      yMax = window.innerHeight;2 ?( f+ v$ T$ W; T3 e6 N
      contentWidth=document.supertext.document.width
1 n+ l8 N0 P% O      contentHeight=document.supertext.document.height: X0 W1 o+ m* u( S0 P, N
      document.layers["supertext"].visibility = "show";
$ K3 \1 K' y+ V. }      }
% {$ g* k. B8 e   setTimeout('moveBall()',400);
4 C* L6 s" \! Z$ j   if (hidetimer!='')9 I) s5 `) y' Z' D
   setTimeout("hidetext()",hidetimer)
1 M* I; N% d! t: }1 I   }
! _/ Y6 I+ j! p) B6 n; b
7 ?* ?) x0 F1 y: j* _function moveBall() {4 k3 D. \8 X0 u; I
   if (superballRunning == true) {& e/ _4 r1 c+ i9 Y# r+ U4 J) f4 a
      calculatePosition();+ L0 Q/ W" [* s0 A# Z  Y6 A! p
      if (document.all) {
; r6 l1 o( E2 |! t* b7 v! C# w& N         document.all("supertext").style.left = xPos + document.body.scrollLeft;
' J; v* F# N8 y; O2 C7 P1 e         document.all("supertext").style.top = yPos + document.body.scrollTop;; Y- T$ A3 v4 m6 ~( _# w5 k
         }
- g1 I( Q) O% L7 y9 k$ s2 K      else if (document.layers) {- A8 |0 @; O$ s) m; s6 H; V) ^
         document.layers["supertext"].left = xPos + pageXOffset;
! r& _) ^/ U8 X+ c# y         document.layers["supertext"].top = yPos + pageYOffset;
, Z6 d+ ]+ v; ^4 ?' |& \         }7 J6 M  A& T- p  r: _
      animatetext=setTimeout('moveBall()',20);/ K; N& R0 z( v3 r) w, R* A/ Z* ~
      }
7 U& a! [1 J  \& I8 w   }
3 \8 G  T& u8 F/ r5 S* n% R) d, d
; d& H2 t8 t& Z/ d3 g1 \function calculatePosition() {
% S. |& `7 V& @( w   if (xDir == "right") {
8 |5 k# @7 c5 ]/ ?      if (xPos > (xMax - contentWidth - BallSpeed)) {
) F& Z+ A  w' ~/ d, G! y         xDir = "left";4 H/ [- H3 ^  Q; K& T  P& J
         }
& S) i0 `# U9 b$ P& q      }
; u) k+ M: V1 ]" E3 j0 p% y   else if (xDir == "left") {7 p  R- ]9 d" d0 W
      if (xPos < (0 + BallSpeed)) {
5 U# c# o8 d" a" r         xDir = "right";5 y* a: ~; Z4 W4 A* N. l
         }
4 g2 ~+ f: a* R% y: J3 {% j5 o      }1 {2 M/ }1 X7 a, d! |
   if (yDir == "down") {
! ?: o% n" J. ?      if (yPos > (yMax - contentHeight - BallSpeed)) {
- o* T/ }$ U8 E" I2 @4 N, n         yDir = "up";: H' ~2 l& u) l# g* a& d
         }) X* d8 }4 E8 i; M
      }
2 w7 D! C# Y7 a, X: ~8 k   else if (yDir == "up") {* ?( e2 }! v, t. v2 ?- B
      if (yPos < (0 + BallSpeed)) {7 l! s8 s( b% J! @+ d3 |9 }
         yDir = "down";
6 q6 m" U4 B" |8 @         }
$ v- d8 A/ y7 [4 a/ y1 {+ i% i      }
0 g( T. N# B( U% m9 J) J2 m   if (xDir == "right") {% E. j( @5 j( F) |, l3 X) b
      xPos = xPos + BallSpeed;
% @& u8 I+ ^# V* f% M7 y7 Y6 x      }! j; E2 B- R% R# y
   else if (xDir == "left") {
- e9 B9 E# v& O7 W/ u2 Z      xPos = xPos - BallSpeed;
- w& m# D: R1 w# s1 H      }' B( b, a0 ?* F7 K! ]4 W$ i
   else {
6 ]/ l1 |4 C: ~5 j) g6 Q2 s0 X0 s      xPos = xPos;
6 L7 D' B" T$ g  _2 Q      }7 k' \- a: K) b0 A" f4 J& p
   if (yDir == "down") {% a' m0 ]- I0 w/ V. ?9 E- y
      yPos = yPos + BallSpeed;' k2 R" o: [. b  }0 M4 g! P% R
      }$ H6 [8 P# l. [6 G
   else if (yDir == "up") {
. r6 B4 p& p1 h0 p! @. }: V& O      yPos = yPos - BallSpeed;! e- C' g5 U! I2 a5 ?# @4 j
      }
! D- _8 {% e5 k# `, y/ w: I   else {% `- T3 |% U$ K* z
      yPos = yPos;% o8 B  J' [' G/ w+ N5 A9 ^6 f! }+ S
      }
6 w- `. L! E; x   }
4 o4 n* g7 U3 m  B0 C
/ R" {2 g/ Y$ N3 I, g# I3 U+ nfunction hidetext(){
% `  m; d! _7 J) ^) }. Zif (document.all)2 ^5 c8 c* G2 G/ p& ~$ Q$ {
supertext.style.visibility="hidden"
" k" k% A6 r) _7 [else if (document.layers)
( n4 b1 R0 G) p2 S+ E( E  `0 sdocument.supertext.visibility="hide"
( G" k" k" P; n" {clearTimeout(animatetext)
: N6 C/ Z- J# @+ v- i}
3 R/ r$ d9 M: M+ I+ A9 H2 b! G* J
1 B( Y$ i) c" x  _7 Qif (document.all||document.layers){
8 ^9 a' N0 q# m% A& x0 Xdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' g6 T! L  h4 H; j7 b1 j1 mwindow.onload = initializeBall;
- O9 w3 v5 S# D1 r, {$ G) \* Y4 Swindow.onresize = new Function("window.location.reload()");* A! r8 P0 p% U2 K7 U% X3 F6 }
}
9 j% j! z( P: R( S6 l% ?! t- Y- N+ f' P4 @$ v) p
</script>