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

zw2004

<style type="text/css">
3 N! U, M1 R( a3 T1 {#supertext {
7 G" n, t+ P5 [7 F! u4 l- p$ D7 ^position:absolute;
6 R0 M; r5 q: R  `5 ]# Yleft:0;
' V  I8 f9 p3 Itop:0;
4 ~9 l) g( ]: R2 pvisibility:hide;! c9 |! d! u- g: C
visibility:hidden;
. B! m9 \6 d, ^3 S7 V& ^; B}
0 r9 J! p& b- ]5 ?+ a</style>8 @* g7 t" v2 X, G" ?  ]
<script language="JavaScript1.2">, U6 J8 q4 O! u" [
<!-- 改变下的字体的大小。颜色-->
$ ~. s( A, a9 d! N- Wvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 r; G1 b% U/ Q& x; Y
var hidetimer='';
/ T/ L' H+ f- W1 D<!-- 改变下的弹跳速度-->) I# U2 r( ~; |5 i/ ^
var BallSpeed = 20;
- A- U. m; X% O# f4 k- ?1 Hvar contentWidth;
; Q$ P- r% n5 R. z# ?' hvar contentHeight;
6 y& T; P4 A" U4 l- ?/ C' dvar maxBallSpeed = 50;# `" i( ]+ a2 M4 {" J

" c4 `$ c* \2 p. g1 A, a- X3 p% `; m
var xMax;9 \* W3 j+ J  s
var yMax;6 W6 P$ W. Y" v; A5 z
var xPos = 0;
* `# T$ i; |/ l3 P9 Kvar yPos = 0;
! j$ a: P5 U* c! Q) L+ Q+ y' vvar xDir = 'right';0 B5 E1 j3 h; p0 [4 v5 N- c
var yDir = 'down';! R9 j- v9 U) Z9 W5 f$ s: k2 w
var superballRunning = true;+ V6 E- G; I1 C4 d8 d  T
var tempBallSpeed;
; r/ ?( U$ w- v! s$ j4 rvar currentBallSrc;
0 \4 @1 A2 a% M* w1 B/ z. b, Vvar newXDir;
, R. p$ z+ e! l1 Bvar newYDir;
$ b  e7 i. V9 m0 B' j- A( x; M6 ]/ r1 q; k9 A' b$ l
function initializeBall() {& a* a. C" L. v5 v
   if (document.all) {3 M/ }+ [( q9 B, h: d$ B
      xMax = document.body.clientWidth
0 s- A& b$ J! }( r      yMax = document.body.clientHeight* s; K/ T1 ^- k! U0 c1 e5 p
      document.all("supertext").style.visibility = "visible";8 }6 y( a+ a. S& {3 h
      contentWidth=supertext.offsetWidth8 q5 G# S5 z5 I) M1 ~  h/ V
      contentHeight=supertext.offsetHeight6 q8 F! q: H$ }4 F
      }
6 `: w" `. ]6 U6 f" i. T   else if (document.layers) {
8 N% i: O# Y6 w2 N" N7 q      xMax = window.innerWidth;2 r& a# ]7 [0 {  h$ g9 c; v8 P
      yMax = window.innerHeight;
& f1 b4 r3 Q& Z- X+ _- _      contentWidth=document.supertext.document.width
  Y/ d5 u8 O0 I      contentHeight=document.supertext.document.height" h# S- l* l4 T7 A+ }0 C6 `- {/ u" d! d
      document.layers["supertext"].visibility = "show";: J7 e; s1 h. s, ^
      }
" i: c7 l1 K9 b  k. f7 I   setTimeout('moveBall()',400);
4 N& x3 k0 U( @8 f7 x   if (hidetimer!='')
' f9 |9 C  R/ Y5 R   setTimeout("hidetext()",hidetimer)
( Z$ C* y# l. C4 e( N   }
" t7 x" d. U- y5 ]5 |& H( [) k8 Z
function moveBall() {0 [4 F5 X& f1 |$ V/ n4 D& O1 y" n
   if (superballRunning == true) {6 m' n4 J1 u' t' g
      calculatePosition();* ^6 Q& v' Z* Z! C7 f, T
      if (document.all) {
# S- t. D6 B' o3 u         document.all("supertext").style.left = xPos + document.body.scrollLeft;# o( k! r; h& d4 i+ L! |
         document.all("supertext").style.top = yPos + document.body.scrollTop;# `& [, u4 }2 [6 j
         }+ b! f) B& G9 [# h! s* W2 F& F% o
      else if (document.layers) {4 t, N$ h2 \0 a5 Z
         document.layers["supertext"].left = xPos + pageXOffset;
" U0 Z9 {* _  \" n8 E* x  n3 r         document.layers["supertext"].top = yPos + pageYOffset;# H* Q' W7 B; H, f$ K
         }9 c. p0 O: X  O0 U
      animatetext=setTimeout('moveBall()',20);
- u* Z5 T( V! x6 s  \      }
# \8 o, f4 J7 W- t% q; v   }
! T/ X0 e# s! N: g5 N
2 i4 m6 `; H. a6 @, a+ @. yfunction calculatePosition() {: O+ K- B- E9 L
   if (xDir == "right") {
& Y% _1 w3 I: V1 c* n" h0 g      if (xPos > (xMax - contentWidth - BallSpeed)) {
4 E9 @$ z$ i7 t1 T         xDir = "left";: a# J% l( Q4 E/ @1 V; W
         }
9 n3 v" h' h5 c& b( z      }
5 ^. }2 f+ C8 f1 K' z4 I   else if (xDir == "left") {$ V- x9 e- q8 r/ [5 d
      if (xPos < (0 + BallSpeed)) {+ L% D) X" U2 n5 \3 q6 D  g
         xDir = "right";
8 w* {* ?- d/ Y  J- }         }# E) V: a) a" p% V  l4 q2 [. S
      }
/ O9 A$ ~7 ^  g( H  {   if (yDir == "down") {. C% H5 @; ]9 Y  a, ?3 |) f
      if (yPos > (yMax - contentHeight - BallSpeed)) {; w0 I: x0 P( [2 {, ~7 L
         yDir = "up";: F$ }* n0 V' c6 y. \3 r. J7 w
         }
; l/ W7 O$ H5 L$ n- T      }
' I5 ]1 i1 @+ a. h3 h3 }   else if (yDir == "up") {
5 y1 ~, P" ?' h3 `" r0 B( Y7 t      if (yPos < (0 + BallSpeed)) {# Q6 o! x9 }5 Q8 S5 u
         yDir = "down";5 k1 N: \7 T, h% H9 \& O) f2 _
         }
1 H) R- h: T/ i7 Y5 J9 f. e      }
# `4 r; f' I" c! q0 F  Y   if (xDir == "right") {, V1 s/ _8 @3 K6 L5 g
      xPos = xPos + BallSpeed;
! R4 V0 m0 L, b% R7 ~5 ]4 D$ m% W      }
! t8 _2 X- Y" R) F' I/ e: R6 j: }' l0 f1 ?   else if (xDir == "left") {( k$ t# W4 a1 u# U5 k2 G9 y$ ~
      xPos = xPos - BallSpeed;. k9 g$ b7 N+ H" w
      }
) U1 u  Y: A+ o1 ~   else {
! I2 l: T$ q; G, l* _+ }  f/ o* r/ e      xPos = xPos;  W* [' m# D9 E1 E% w% s2 a
      }
' B( w1 w9 {2 E   if (yDir == "down") {; ^/ H  h4 v/ r& w% E' G# c* B
      yPos = yPos + BallSpeed;& @: y# s9 l3 p$ Y5 e- }
      }! k# m  X! k: N( B
   else if (yDir == "up") {
: \1 t% q) B" l- {. r) _/ E! }  T      yPos = yPos - BallSpeed;+ D3 y: U' w3 u) z) ]* o, Y: `& S
      }
2 _+ O8 F1 T6 P. F( Z   else {
" H, N. B) q) G6 b      yPos = yPos;
4 B' Q5 ]& f- E) I      }) G8 Q3 Q( ^5 s; E& H6 g1 }+ t
   }
4 g( Q' c! M$ F. |: {9 n' E
# d% ?% E, }( T: \" u+ r! F4 Z* q  ]function hidetext(){9 `  d; i/ K, _, R
if (document.all)
1 c- j4 S* Q; s( _1 _# rsupertext.style.visibility="hidden"$ t  [2 e6 K. i7 k( t; ^: t
else if (document.layers)* R) `0 s  y% E' h7 q6 Y
document.supertext.visibility="hide"
2 f) z# t" y5 y7 c" q# r; a. Z# vclearTimeout(animatetext)+ a6 \1 N) |3 w' C2 k
}
* Q; U# g5 |; a4 Z
& {) e5 L9 l+ G# U7 Uif (document.all||document.layers){& f, N' q! ?2 {% W) I0 a0 q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, v( f! ~/ r' ewindow.onload = initializeBall;
3 V* H) o- T$ u# w% Z, g, S5 owindow.onresize = new Function("window.location.reload()");
: [% M" z; Z8 N8 J" {}
3 C  P3 [( L% b- N6 W9 I+ A4 i- x! p! G5 V$ Q0 t' W- `7 C
</script>