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

zw2004

<style type="text/css">
: N# o! U0 E# ^. b& D1 ]4 y. e#supertext {" ]2 {: }1 r- \! f+ o4 [3 m
position:absolute;5 ~- q  L& I- l4 [$ x7 b& U% r$ m% z
left:0;
7 U4 {" T# U. d; T5 n: dtop:0;
4 b0 H+ u+ X6 O9 ^+ w* D* x: jvisibility:hide;
& F3 C5 \# `5 Z0 d) Z' evisibility:hidden;
5 V5 j1 l" w/ U4 m0 {/ t: ]" d}3 d1 N5 v# X/ F% H+ ]
</style>
+ u6 S- J1 L9 a/ f+ @6 v2 x  p+ P1 U<script language="JavaScript1.2">
. _' H: e: A0 T% f7 k$ h: A0 q7 i! z<!-- 改变下的字体的大小。颜色-->
& g$ P' b2 r+ h2 @7 Pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 M6 S% c, t! `" n
var hidetimer='';
' i) r9 d6 G3 h: [6 h<!-- 改变下的弹跳速度-->& @- v! l- \- \* f+ ~
var BallSpeed = 20;
, M; N) J, Z* Z/ Tvar contentWidth;
1 y( O4 S* n/ n, F/ y  M* {  f9 @$ `* v5 ivar contentHeight;
: Q6 o0 v) i: M) x2 `/ f4 ~; dvar maxBallSpeed = 50;
) T8 A" P& s, x/ m7 i. ~" h! ?$ t3 M; W# ]

5 N: R. E. v! i4 `* tvar xMax;
0 T+ v- w/ U# f) _1 |3 y4 n: zvar yMax;
6 }$ H1 C- f& _3 U: N2 ]3 uvar xPos = 0;( s) s1 P3 e5 H8 }; d
var yPos = 0;
6 N7 X+ _" }5 l9 Hvar xDir = 'right';
( {* x' t0 i8 r) P! Y- \9 lvar yDir = 'down';( k8 r/ f& G9 P# y
var superballRunning = true;
: w5 \0 e4 s( U) `- evar tempBallSpeed;$ j; t: B' J, Y$ d  C( R- H: t
var currentBallSrc;
# y+ ~" d, P3 qvar newXDir;+ {0 @0 ?8 e7 [# y4 i7 V) b5 T
var newYDir;3 ^% F$ r: u# \1 m

, r' A2 B, t- H& p3 q! x6 M" zfunction initializeBall() {
8 a9 z8 k  L" b   if (document.all) {+ E: P$ J  i/ {3 T
      xMax = document.body.clientWidth
$ ?7 y8 n6 t  p- c9 |6 v      yMax = document.body.clientHeight) j. L% g0 v5 S3 i! D
      document.all("supertext").style.visibility = "visible";8 W9 e; B8 j1 @# ~7 A0 f
      contentWidth=supertext.offsetWidth7 c) H( |' P7 x; v
      contentHeight=supertext.offsetHeight1 L) y/ v3 w: E
      }9 e4 G) V' R( c/ J4 L: \- k
   else if (document.layers) {' u( N9 h1 h' z$ }" l) M! x/ h
      xMax = window.innerWidth;! @$ G2 _# T- `3 n, h- f$ P
      yMax = window.innerHeight;
1 A. `. u4 c; B      contentWidth=document.supertext.document.width3 q" @' G) U6 w5 h- Q
      contentHeight=document.supertext.document.height+ A, M. f/ b% r" a3 ?# F: u& _  K
      document.layers["supertext"].visibility = "show";% X3 O5 ^% O- F2 h9 b% z* Q3 k6 q
      }7 V# O4 ^! W: L& {- n! U! F8 }$ O
   setTimeout('moveBall()',400);
3 k5 b. b5 h* W9 R   if (hidetimer!='')
: v$ o: F* D/ V3 H7 l. k- [/ Q   setTimeout("hidetext()",hidetimer)) v( m& d: X, m: ~( N0 D
   }5 h" c. {0 J* `2 c, \0 b
: f9 l- R+ ~( E* Q  j2 {
function moveBall() {! L3 ?, a2 [) ?% F" @1 y
   if (superballRunning == true) {/ B! Q+ c0 |: r% k4 [
      calculatePosition();
/ {/ |3 ^% O: `) Q" R* S) N      if (document.all) {4 u: T7 f8 t* N/ t
         document.all("supertext").style.left = xPos + document.body.scrollLeft;  x, J& c( e0 X. d  j2 d
         document.all("supertext").style.top = yPos + document.body.scrollTop;
& }/ o" c" ~) ^: t         }
1 R* L4 k, t! K0 C( Z9 A( S2 g      else if (document.layers) {
# }) A/ ]3 b6 m& |& H# z         document.layers["supertext"].left = xPos + pageXOffset;
4 X% I) ]# c; n+ m2 R; P         document.layers["supertext"].top = yPos + pageYOffset;
; G  G0 i* y# g/ i" F( ?, N, W         }5 f, O+ `6 |3 {5 R8 e4 B3 `
      animatetext=setTimeout('moveBall()',20);
- O& o4 {( s' M$ Z4 g) @7 f2 O. _      }
1 L3 H# j& G) D" y) N5 `' Q   }, O  s6 I0 s  d0 v8 |1 B. {$ H! v
* X% Y. f; J/ L
function calculatePosition() {; o# y( u1 }' B* D3 x
   if (xDir == "right") {
3 w- m' c& O# ^/ y) l      if (xPos > (xMax - contentWidth - BallSpeed)) {
1 A5 E- S; S1 R$ a7 }         xDir = "left";
6 z, y% H2 U" W  c* B. f         }. l5 N/ c9 a$ {2 u5 A
      }
! V5 S4 e; L1 i1 G$ Y   else if (xDir == "left") {
: l* _- Q- I9 q6 j% x      if (xPos < (0 + BallSpeed)) {3 I( y; N! s$ c$ A  R& O
         xDir = "right";
1 x' J) }& e0 @) e; _: p         }
4 i/ V/ H+ i  P+ ]6 F      }
3 K+ e/ z+ m6 v% L$ b% g   if (yDir == "down") {. l' c! _0 n% T( f" F* N- _
      if (yPos > (yMax - contentHeight - BallSpeed)) {
$ X  r" ~4 l  S# K1 d         yDir = "up";
& v4 }+ _# y9 Y& ]         }
  y% v! D% Y8 d      }  @. x- Z  y  l
   else if (yDir == "up") {, _. L0 q# |4 w0 R4 \8 x
      if (yPos < (0 + BallSpeed)) {
* q& T+ t4 h) [1 }& T         yDir = "down";" s# j. i1 {& t! f2 J5 ]" A
         }1 X4 c! {! c7 r
      }# n2 \  x4 l# C' c* d
   if (xDir == "right") {8 Z3 C# Y0 c* V* o1 J1 i
      xPos = xPos + BallSpeed;
7 D. P$ w6 c3 X% U      }( |7 Y1 ?6 X8 m' v! q3 Z
   else if (xDir == "left") {6 @3 p  z8 |1 x) x# Z2 @1 S
      xPos = xPos - BallSpeed;
2 }% ?3 g1 A/ a; Y2 G      }
; ~' H; d/ [/ |) V# F+ k   else {8 B) {+ |# K- R6 q2 r
      xPos = xPos;( o: l* U1 N. Y) B  e
      }$ d0 m5 o1 Q& Y5 l9 e5 ?0 B: o2 M
   if (yDir == "down") {2 c! E/ o: ^$ N: [& s- A1 {- V
      yPos = yPos + BallSpeed;
9 k* Z0 M* F( q  |; V      }
3 N7 p& ~- h- Y1 j5 y5 v$ t8 @   else if (yDir == "up") {1 s) g) x- C5 C: v
      yPos = yPos - BallSpeed;
  E7 g! ^" J/ Y4 R' w      }
/ [9 ]+ b$ j. V' F# H   else {
: [  \" M0 Y/ O. f8 ~* F7 a. G% |* N, h      yPos = yPos;1 q- P' y* u9 K3 P4 f( x( ]$ o
      }+ ?% A# o1 ?9 ~* h. X9 ?. H
   }9 B( F6 h/ P) E7 e+ M" ~5 ^* a

# D' x$ [+ z% o5 O: z4 R( P9 ]function hidetext(){
4 B& j3 w6 m( m# Q& x+ @6 Sif (document.all)5 u" O2 v& y) E
supertext.style.visibility="hidden"
2 [/ D' L$ m0 G. V6 s: celse if (document.layers)! N/ E! N' ]+ Q6 t+ I: ~
document.supertext.visibility="hide"
# n4 {; d6 E9 @6 T5 I; ?clearTimeout(animatetext)
/ [5 p* _# y1 g' l* L9 x, f+ N}
" L$ h# d  |% T& i3 O/ g5 s3 |) L7 e0 O- E
if (document.all||document.layers){" J: C: O3 i0 h6 X( e% c
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; h5 g, D6 X: v4 l1 F) ^2 twindow.onload = initializeBall;' a2 Q7 L! f" @0 S' N; L
window.onresize = new Function("window.location.reload()");& g9 W. u1 E( H( b% j; @7 a7 _8 U# X
}, u) }( u% O8 t1 U& p  C% T( r
) I, y; K2 @. J* a! C7 |  T- U
</script>