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

zw2004

<style type="text/css">
; [- m2 Q8 b: c" ^1 O$ S#supertext {2 \0 c6 p* c- n6 I2 A1 ^6 A/ ^
position:absolute;0 g* e" O- L6 c5 z
left:0;$ z, F, ~0 X" W6 Y3 X, Y
top:0;$ h  E. x% E3 W8 ?8 N) H" g
visibility:hide;
- Q9 A, O9 P8 F! E, }2 g, }visibility:hidden;  S! V+ m* q- n5 W# m% ^
}
! v5 S( y8 B+ |* _</style>+ V& D# U5 \7 Q
<script language="JavaScript1.2">* @4 l7 E( X7 Q( o8 F) k
<!-- 改变下的字体的大小。颜色-->
! z6 r) w- d9 l3 K) B/ D3 ], Rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" Z3 ^5 _9 }+ evar hidetimer='';* M9 r# ^% _6 ^4 Z
<!-- 改变下的弹跳速度-->
5 H4 M$ G& W" f: N; C. Gvar BallSpeed = 20;; Q3 W: N% |# P
var contentWidth;
2 @4 }# D3 P- B% r" y- N8 |var contentHeight;
9 O! i" [6 ^. Avar maxBallSpeed = 50;
8 B  H6 Y( f+ X3 X/ O
) E: N* J, z; j  O( o
. D1 }7 j8 y5 h" v& fvar xMax;& x9 U0 E) {( }+ O3 o# O' D7 s; v
var yMax;
  [7 }5 [* U; i- n' jvar xPos = 0;( k$ M' P% u4 G- p( b. C& L
var yPos = 0;4 y# r& q9 K1 N$ |0 @7 l
var xDir = 'right';; ^. E. ]* `. b; i8 l
var yDir = 'down';5 P8 z& S. f, n! W( u
var superballRunning = true;/ r6 F7 [, @) G/ t( ^: v
var tempBallSpeed;- d3 i" Y0 U0 _' H- P
var currentBallSrc;
/ u  ^6 I) r* r( c* W' f* `4 {var newXDir;( A) K* g  w& `4 N: }0 E% n
var newYDir;$ I& G) D: r5 i5 X

# r# Z/ s, @% [$ v& z7 n: |: \* gfunction initializeBall() {
1 N5 }" q( S6 r( }! z   if (document.all) {& F0 X$ K# f2 N+ w. M
      xMax = document.body.clientWidth
* q7 H$ ^  v; ^% \9 T      yMax = document.body.clientHeight
" L- T8 j% H+ [8 a" v. C      document.all("supertext").style.visibility = "visible";, |) l& ~; t7 G$ y
      contentWidth=supertext.offsetWidth
2 ]" Z! {! F3 e$ ?: c      contentHeight=supertext.offsetHeight) R$ ?9 D; _; J$ a  q1 q
      }; @3 C0 S4 o  S& {" z1 F* ~; G. y
   else if (document.layers) {5 t7 O# C+ Z3 L- U4 K" ~' j
      xMax = window.innerWidth;* q, P. E  ]+ Y0 w( X
      yMax = window.innerHeight;; D: z; Q' C% o6 T$ T: N* }
      contentWidth=document.supertext.document.width) Z+ z& Z: z9 O+ L
      contentHeight=document.supertext.document.height4 ~3 S5 n: D& Y6 T! S% V  w7 v
      document.layers["supertext"].visibility = "show";+ x) q. r# t, D4 }" {8 Q7 G
      }
6 Q9 C1 J" f8 n8 S- f' e   setTimeout('moveBall()',400);
/ `- \4 w& o, X$ B7 r+ k   if (hidetimer!='')* z' R: O$ K$ j; J! b+ q
   setTimeout("hidetext()",hidetimer)
# b+ v5 H; E: v   }' S) g* Z* [: L3 V5 M# R- v
% I9 p, s/ d+ B4 W
function moveBall() {4 D; v. P0 l, M4 o+ z) C
   if (superballRunning == true) {
# A1 i& V6 B& V, v      calculatePosition();$ b, ^- Q6 T) a& R' q" ]4 }7 `) Y/ Y6 u
      if (document.all) {
2 Y: p) M/ b- x+ n         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 P8 H( d1 o# c' ?         document.all("supertext").style.top = yPos + document.body.scrollTop;" v' S* \. c3 T, d4 x! U4 e
         }" m  z& k3 ]! M' m7 j" `
      else if (document.layers) {
# [+ G2 @. F7 ~$ ]4 f         document.layers["supertext"].left = xPos + pageXOffset;
2 G5 y9 R% [. U         document.layers["supertext"].top = yPos + pageYOffset;" r& g0 u, Z4 L. N0 L; W" R
         }7 @' a% w( _( K& y
      animatetext=setTimeout('moveBall()',20);
2 e7 m! T% B9 x2 [4 x" U3 }      }+ U0 P8 {) a" N; u5 Y# _. h/ u! r
   }
2 {; ~& W) B' {2 @
2 l+ a6 }* ~% h% l/ T1 x. C+ _, N( U3 kfunction calculatePosition() {+ u8 [3 {% V& ]% z
   if (xDir == "right") {* z/ ?& T- {4 Y; e, Q( ]/ O
      if (xPos > (xMax - contentWidth - BallSpeed)) {* z3 ~) k" P9 |2 i7 L% p
         xDir = "left";9 c4 J% d3 v9 D
         }% s4 `+ h# n1 v; J" o
      }+ K* y* g. _( s9 p" m! c& U
   else if (xDir == "left") {
3 H9 p" O/ Q9 ?      if (xPos < (0 + BallSpeed)) {- k) i& w$ f; {; i
         xDir = "right";
1 y& R' M2 M# j% Z         }' q# Z$ V6 Q. N1 g# Y$ L
      }
! S3 C$ k5 o, Y6 I   if (yDir == "down") {8 ~& Z7 {' b; m4 [1 X6 P5 q) ^
      if (yPos > (yMax - contentHeight - BallSpeed)) {: ]$ F9 v8 V0 c2 Y5 ~
         yDir = "up";. [7 c! L# Q  d5 r3 g2 B
         }! L' h7 O% h2 G1 ?1 ]. o# ^* f7 l
      }
3 B* t7 w" h6 N! M   else if (yDir == "up") {
; f, G5 X/ j6 c$ c) s      if (yPos < (0 + BallSpeed)) {  k* x. k0 S- I  e0 V$ D; _
         yDir = "down";
  E  l& Z% y( W( t, z         }
+ w. z8 O2 u9 o: v+ h) @( Z# [3 D' A      }; g8 x% C# q$ o6 l" `/ }& t5 G
   if (xDir == "right") {
% w0 e  B' F% g5 |2 K      xPos = xPos + BallSpeed;* }. R. p+ @9 W+ [
      }
& ~# D  i/ J; K' Q   else if (xDir == "left") {% N; d& r6 p. @& B' J  ~8 M
      xPos = xPos - BallSpeed;. j  I' @2 e# j2 p5 W
      }& S0 ?, Y: }/ `
   else {2 B+ l+ e: @1 J- A
      xPos = xPos;1 O4 R! k& C) X5 q% [* K0 Q
      }3 M7 q6 m9 v5 G+ A) z( E' s
   if (yDir == "down") {
$ B0 ]+ a" M% t: Q  ?- S  {      yPos = yPos + BallSpeed;
6 Y$ j  ~! a+ V2 s      }8 {0 U% U  }( m9 a9 L) B
   else if (yDir == "up") {
2 ]& L) X) g% |( N      yPos = yPos - BallSpeed;+ R, }+ W- ?8 V
      }
3 O! g5 S- y6 m, {- b   else {, Q8 k9 a* t$ u; N- y$ Y5 h0 W/ _; g- x1 ~
      yPos = yPos;
% ^2 p& ~6 W$ j) ^! \; ^      }
# M- V. N, o/ s8 R# f( p   }# y* L( b7 G3 _9 j5 f5 {1 J4 K% C

, ~# c: i( z) `! nfunction hidetext(){
9 b& X" ?1 \( H4 }& ?' vif (document.all)
( r+ K6 M2 z% lsupertext.style.visibility="hidden"
7 F% {, ]9 K/ q, x: f/ Y; jelse if (document.layers)
1 C3 x! Z8 K* |% x- m* S0 t6 F: Cdocument.supertext.visibility="hide"
! g  }3 q2 ]# t1 lclearTimeout(animatetext)0 n# K; A6 z9 v& g4 |7 q
}
3 \1 A2 u) M  K0 ]
( F- o' O  {; H, Z: B. Mif (document.all||document.layers){. F# N5 L1 {# `) t6 V8 s2 b+ j. ?6 V
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( H* P1 h  y" ~window.onload = initializeBall;
) x- y- }; X# R' m1 Xwindow.onresize = new Function("window.location.reload()");! P1 v& H5 W4 i* q# v  \/ b, v
}  f3 Y- c3 X; V2 p% }
' S% C7 j% i6 X' y7 r+ H# J
</script>