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

zw2004

<style type="text/css">% f1 @" X0 y& Q, `, J. `/ o
#supertext {
5 }7 X% {6 q7 k+ Hposition:absolute;* a! h/ T- K+ B6 f6 R& R& O: {; b2 ~
left:0;
0 M  X  [8 Z" m+ stop:0;7 L0 k$ D: U1 o
visibility:hide;; n. h! y3 Z7 v+ \6 e
visibility:hidden;) A$ c6 m5 K' F( ?
}* n2 j$ d/ K" `3 N( {4 z
</style>/ b8 B) V7 F! x! F6 o8 y
<script language="JavaScript1.2">9 |  ^! n; C3 N% l: a3 B2 [4 w
<!-- 改变下的字体的大小。颜色-->( i( G4 j+ }0 p1 B3 u! Y
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 r! q" a' [, Qvar hidetimer='';% h$ a" U( g1 t  ~& f
<!-- 改变下的弹跳速度-->
6 Z4 }$ U+ Y  R- X9 evar BallSpeed = 20;. H1 z, x2 Y( P: M" j, _0 U
var contentWidth;
9 c. b# t- O2 i2 r# F& B- Uvar contentHeight;
  G& |6 ?2 y6 W* G0 |var maxBallSpeed = 50;9 k; ?+ P; \8 b

5 w2 W& ]' ]+ v! E8 F
; V- d. o  c: @7 `. k( W3 Q* ovar xMax;( I+ I) |: G+ z: [4 ~8 V
var yMax;& N& x8 G! t: r  k8 F+ X- T
var xPos = 0;7 ~7 t* f9 a/ Q6 P2 f9 O* a
var yPos = 0;
! z  e9 Z% h' H7 X* |var xDir = 'right';
8 W" }. u: T/ x" [5 r8 {- Fvar yDir = 'down';
6 T( X! [! Z$ Z( M0 {var superballRunning = true;
) Z2 `) ^* j5 B! evar tempBallSpeed;
) \4 E1 o3 H/ @/ E  c0 n% Y3 |var currentBallSrc;
( S8 E% e. X! i8 y1 i0 i( Yvar newXDir;1 f" P0 v9 J) ~: ?6 m
var newYDir;' U/ u9 i* \1 w. D) P8 `
- ]6 {3 b4 d! S
function initializeBall() {
/ y* W  u8 d3 _" R2 q7 C   if (document.all) {
9 i; h8 R  Y8 o2 m' V7 |      xMax = document.body.clientWidth  x2 _- V6 E; `3 \' r7 p
      yMax = document.body.clientHeight
2 Q0 K$ ?6 l3 x5 Z      document.all("supertext").style.visibility = "visible";7 m' z: l$ K" _, q* d! A
      contentWidth=supertext.offsetWidth
& h% H' c2 M7 D" [  i! @      contentHeight=supertext.offsetHeight% e7 Q8 G' N% U3 [8 k5 T7 e; [5 a& r- ^
      }& j% z! c/ y& m' o
   else if (document.layers) {  X9 I9 Q9 }6 O6 Q! v/ `" x
      xMax = window.innerWidth;
& u1 H7 A$ K1 O: l+ w      yMax = window.innerHeight;
6 `, z3 o3 ]* j7 G& X! J      contentWidth=document.supertext.document.width+ a. B9 U6 ~/ g4 Z% F! r. L
      contentHeight=document.supertext.document.height
7 e" A' ~3 O: ?) U4 J: Z      document.layers["supertext"].visibility = "show";( ~4 D2 j7 }- S& z& j, z* G% Q. R
      }
- Z1 ?8 ^, ~4 K3 j. w   setTimeout('moveBall()',400);
! n" ~" F1 K! M! R$ ?1 i   if (hidetimer!=''): B/ r7 V) ~; l8 U% g. x1 I
   setTimeout("hidetext()",hidetimer)
( v: w8 D1 @5 A6 U% ]   }
" E3 a+ Q1 J' C7 \7 k. [9 i. \: ?5 L8 B3 g3 |5 {! F
function moveBall() {+ [# y7 }2 }1 T+ X
   if (superballRunning == true) {
& T  u: X8 S! F& _4 Y      calculatePosition();# M# \5 t+ i: Q4 X/ B! m3 D/ }
      if (document.all) {
; `5 G8 S( D+ q' P         document.all("supertext").style.left = xPos + document.body.scrollLeft;9 K9 g  E% Y% j
         document.all("supertext").style.top = yPos + document.body.scrollTop;0 a$ B/ a6 T5 d) q; E5 t  M
         }" m( C9 ]3 F9 T6 v6 M& F
      else if (document.layers) {7 E# A% R* @2 Y
         document.layers["supertext"].left = xPos + pageXOffset;0 @9 A, Q/ }+ Y" n+ I
         document.layers["supertext"].top = yPos + pageYOffset;( P3 {, R/ p' Z
         }
' b! q& z: R& w. b! z0 [      animatetext=setTimeout('moveBall()',20);
. k4 f: E* k0 M      }
5 v0 j8 e- N# X. c$ u3 J   }+ T! c* ~) ^8 P% B
4 `3 w- W4 y4 v
function calculatePosition() {  n3 m1 J. R0 Q9 U0 A: E+ D. k
   if (xDir == "right") {
) K" f8 m- _* Q" S! O' u- ]3 Y7 J% {      if (xPos > (xMax - contentWidth - BallSpeed)) {" P0 x! g# q6 v- F+ f
         xDir = "left";
/ d5 w$ E6 {& g- }8 q         }
+ ]  ]7 N; G# E" k+ T( V2 a      }8 W* W2 f+ [; [2 I4 A4 v
   else if (xDir == "left") {7 s% E/ T/ y" z- D3 u3 x. e
      if (xPos < (0 + BallSpeed)) {
0 [  V( O1 y0 {2 h# e- Z         xDir = "right";+ q! k, }. S: p' Q  W8 T& A
         }
7 F, H6 O; t( ]0 A      }, u) }; R  B" Z$ r! K
   if (yDir == "down") {
4 b5 A4 n- ~* a; d      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 \) d' T2 G% d, U* Y- J         yDir = "up";; k8 t3 s( @& y+ H0 j
         }
& e+ E, G% J# h. @      }6 c) @& h( a: c5 r1 C+ e, m( }
   else if (yDir == "up") {: }! S3 K: ~+ R. c! ?- T2 ~
      if (yPos < (0 + BallSpeed)) {
. M+ G* _! ^. ~( `! k         yDir = "down";
5 D& ~' {/ A) D7 W+ F         }
8 |( n7 f) o6 o$ [      }
! ]/ v/ r8 u- |  r9 C& \   if (xDir == "right") {) S+ Z/ l; r; Q2 g3 e
      xPos = xPos + BallSpeed;1 ?9 T7 _1 p3 O# {8 Z
      }+ I1 Q$ ~+ v5 p' I7 Z, T  _
   else if (xDir == "left") {
- j$ L2 x! K" }2 u      xPos = xPos - BallSpeed;. ]' A( i5 O) ~, F# f
      }2 N% A& ?, m8 [6 ^
   else {
8 ?9 I4 U9 Z/ Z! F      xPos = xPos;' H6 P3 K6 o' N
      }1 m' y2 T. t  U( ^  U$ u8 i
   if (yDir == "down") {
8 J( z/ M9 {$ r      yPos = yPos + BallSpeed;
1 \6 S. ~8 @/ t      }- S$ v4 ^6 M& {
   else if (yDir == "up") {
! E6 u1 `; {) Q" y4 ]3 }: M      yPos = yPos - BallSpeed;4 y2 M: G: m( V0 l6 n. c' T
      }
; z  D# t+ ?$ n! P" d7 L$ w0 R   else {3 ?- N4 |2 L" N: Z, ^
      yPos = yPos;/ M! @% E6 h- {4 S/ p  w
      }
2 K1 |4 y( k  @, c. p, E$ C   }0 U: {" O: v) ?% K4 g) v6 E, a

' c+ ^) l/ B6 E7 A5 P$ W, efunction hidetext(){
( I. y, \: Q' I5 _( Z# d6 V3 ?. G7 uif (document.all)! i. |0 y* L; N9 W9 c, O
supertext.style.visibility="hidden"* f: u3 N; C  v; |
else if (document.layers)
" v+ j% K- O. o0 b6 Ndocument.supertext.visibility="hide"
: v4 X6 f& j8 E. f* ~7 QclearTimeout(animatetext)/ U. I5 y0 q- F- f" i
}
1 h$ W& t+ U' y5 i$ }) s5 }! x8 I3 {, m* Z' o
if (document.all||document.layers){
2 U" }: T# `: K) |! I) Y6 fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ f  Z8 x1 k2 e) l' u7 v+ m* Q
window.onload = initializeBall;
  B$ Z- k0 Y  }1 O. X/ S* swindow.onresize = new Function("window.location.reload()");
( T4 E1 o2 D- u$ N$ v}, }$ r3 k9 Y) ~" ]

- x) F5 Q$ h0 }& i6 l</script>