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

zw2004

<style type="text/css"># _! l, [* C* s: m% p9 o/ S
#supertext {
4 Q! C2 e: f5 f4 Kposition:absolute;9 L4 Q3 X8 A5 ]' E$ b6 n2 j
left:0;: l  x0 m5 ?0 b
top:0;
8 K3 C( M3 Y2 k0 H# i7 o1 Zvisibility:hide;
4 b8 ]9 \; W, ^9 k3 q6 uvisibility:hidden;
2 M- D1 ?- L8 L. [6 ]  @( i}8 m( r, |" Y/ m/ y' K7 h! h+ y4 v
</style>2 M; A# x  M7 `8 a: g0 ?8 j
<script language="JavaScript1.2">' y9 b1 b3 j$ P. M' i
<!-- 改变下的字体的大小。颜色-->
8 {% [  i3 a2 {% [4 w( zvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
' c# g5 `/ y6 j1 W; ?var hidetimer='';. z' x% F3 B- ^5 u
<!-- 改变下的弹跳速度-->
! E8 |. a6 ]7 W$ x" s0 cvar BallSpeed = 20;# J; u% V5 z( N8 s0 S; `! U
var contentWidth;
) F; x' i9 @; x2 m3 Avar contentHeight;# E4 ~+ r! w: T) c0 c
var maxBallSpeed = 50;0 ~- k, ?- [4 b- `: O4 \; K9 B

) o* [" @0 u3 O: W- x% w  O8 m) S9 C3 Z# k! v
var xMax;9 c7 b5 `+ `' y, }9 r) ]
var yMax;
% ~7 j" J* b# a* Ovar xPos = 0;
" I- `* m% G+ c- J5 e/ O! x; d4 Tvar yPos = 0;7 }* c7 d) W: n  v- ?) L
var xDir = 'right';
6 Q- \+ _6 K9 ^# ]: svar yDir = 'down';
# Q3 _" \$ U1 x: Qvar superballRunning = true;2 p6 k. Q$ M; {, P8 n+ Y
var tempBallSpeed;3 H2 U9 o! h- v, d! Y9 v, t* A, U
var currentBallSrc;3 \9 Z. z4 a' B0 C
var newXDir;- s) t( T+ |, a8 k2 p
var newYDir;5 r/ }! D# i8 b1 {+ v. |' e

- p& l/ _" c' h2 n" Q3 Lfunction initializeBall() {, h, q* K) s+ X5 ~. j
   if (document.all) {* Z+ v' F0 J$ ~: |/ G, \3 c
      xMax = document.body.clientWidth
& s7 p- g, g6 Z      yMax = document.body.clientHeight
3 v6 f8 @/ k* G! o0 F) D1 _7 d      document.all("supertext").style.visibility = "visible";9 q* |  P5 q2 p. o- v% M5 C4 |
      contentWidth=supertext.offsetWidth9 P: p% T' }# Z1 J+ O9 C6 ]; F+ f
      contentHeight=supertext.offsetHeight
/ ^( s2 p4 W7 a: p, ?      }/ o' n5 b  q1 s8 [7 T3 X0 Y
   else if (document.layers) {
5 g6 T+ D, N4 Z$ Y6 ]* W      xMax = window.innerWidth;# b! p& N+ P) f0 w* b
      yMax = window.innerHeight;
  C- z& r* t5 p8 C% u      contentWidth=document.supertext.document.width3 i1 i( m0 c; D* s
      contentHeight=document.supertext.document.height. S. n, o5 v# ~, N# A: ]* e' V
      document.layers["supertext"].visibility = "show";8 g  J2 f! \0 {1 d
      }* c1 A0 l: K/ a" _1 ~+ Q
   setTimeout('moveBall()',400);6 p" ^( ^+ [% M7 s+ ^  k: L) ^
   if (hidetimer!='')
8 ]6 g0 O1 Y, ^" W! f" M# a9 O  a   setTimeout("hidetext()",hidetimer)
$ C6 ~" W* f3 m! `5 u   }
3 M$ h; b" f& f' r8 [7 N
& K1 \! `, y+ F* E1 l' I) @- Kfunction moveBall() {" H5 O* W2 ~% f8 f
   if (superballRunning == true) {& @/ |6 B3 q) q; e9 t
      calculatePosition();
  e; l* |. Y( |3 u      if (document.all) {
% u6 x# t& ~* w1 q         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 |4 A& y0 Y* B+ P" [" ^6 m         document.all("supertext").style.top = yPos + document.body.scrollTop;& I8 m$ y4 }! t- W1 s4 J1 q
         }: }, Z' J( G1 {# N8 U4 Y  u' F
      else if (document.layers) {0 F% G9 D& Q) f8 J5 m2 V
         document.layers["supertext"].left = xPos + pageXOffset;
0 U  O8 J; b) ]6 S# M( L         document.layers["supertext"].top = yPos + pageYOffset;
% |3 R% Z9 r- p  A/ F         }9 j7 ~! ^5 z# D. E
      animatetext=setTimeout('moveBall()',20);: [* @) H' ~+ ?$ g( t
      }
. z6 n$ f2 R# d0 Z/ T- M% U   }
9 n0 B' @5 G  a4 K8 D5 [
; b; o4 u  Y& G) \function calculatePosition() {' b, h  k' |! x( |' ~4 ]- S
   if (xDir == "right") {% L' A' Y7 Q3 B2 Q, ]3 b3 e3 d
      if (xPos > (xMax - contentWidth - BallSpeed)) {# `5 R( B' |8 e  ?
         xDir = "left";! O3 B. c- D- \/ ^( g2 ]
         }, ~" _$ y) w/ U0 l, ]  A0 O
      }- \- H( l8 d! g: J2 G
   else if (xDir == "left") {% x/ i2 `" G$ y1 r9 S# |
      if (xPos < (0 + BallSpeed)) {8 ?6 G! I2 V9 N! q
         xDir = "right";1 {1 [% O$ ^; `, _" r
         }
6 ]) j0 _/ k  U2 h* f      }' j; i! `. h$ F0 d. Z- o* D( o6 t
   if (yDir == "down") {3 t! N, Y$ D7 q! X  P
      if (yPos > (yMax - contentHeight - BallSpeed)) {
) L; ~- T* ^$ ^) I- S) L. n         yDir = "up";
+ s' X& {9 _6 f# k& ]2 k$ a         }: h+ h7 L. A1 |  M9 i( g1 D
      }
# p* D; W& }( P  f" H( n5 ]   else if (yDir == "up") {
1 @- U4 t7 ?9 ~6 k' b, S7 E      if (yPos < (0 + BallSpeed)) {
/ H/ d. j" n- i8 Q) O; |         yDir = "down";) W2 i: K2 v' |4 n3 k% j  N
         }9 \" A$ D& f+ X9 D5 D$ P% I
      }- f0 Q6 x' C" _& {9 c
   if (xDir == "right") {
/ R" r& ]# ]/ R% W2 M! D      xPos = xPos + BallSpeed;2 F- R5 O+ T8 t( I. G+ l
      }7 b) {7 S% V$ E' y0 }4 ^5 u
   else if (xDir == "left") {
; `$ }; `* ]3 G- u. y  z- q      xPos = xPos - BallSpeed;8 C0 `! U" C4 n6 W/ w, ]1 F/ f
      }8 C) {; S0 r1 v9 t( K) Y  A
   else {# t7 b0 L) @6 M4 c3 {
      xPos = xPos;, _& ^# r3 `0 h5 P$ X! {+ ?( D
      }# a6 l. y# X5 R  u  t; h6 U
   if (yDir == "down") {0 h2 v) o1 E6 f
      yPos = yPos + BallSpeed;  y3 R5 @" l' \. x! h; a7 {' ~2 @3 U
      }1 R3 @) ]# K2 O
   else if (yDir == "up") {  j1 u1 D. i7 i$ ?* M9 ^
      yPos = yPos - BallSpeed;
% l; s" Y9 S+ y; D9 m8 z      }' `7 c) I, [# k! @3 \' R
   else {
0 B2 m% Y8 n8 y2 [  m. X/ w# f1 q      yPos = yPos;' U2 M' R! U( y: m3 D! O6 i
      }
/ l# F% A/ c+ Z5 |   }4 [4 d: \8 g- w( }; i

* ?/ G9 Q/ o/ J/ F  @function hidetext(){4 a: K( x# _: C+ u; T, l( C
if (document.all)
6 Y( h; l5 D4 Osupertext.style.visibility="hidden"
$ f6 M6 b- K# O( k4 O7 ]% q* Uelse if (document.layers)1 c1 [0 s" {" ]: j
document.supertext.visibility="hide"
1 J6 @. @. D, G& D+ w6 V" IclearTimeout(animatetext)
5 O- ^: |4 V5 g, N: J}! V  |- e6 n- p% C: p2 V& Z* S$ l
, g# ^: H6 U0 |* j
if (document.all||document.layers){
# \: [; j6 x; [4 g8 a- `3 S1 `document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# D& R9 W5 w+ ?$ C! ~& G/ E3 z+ R+ T$ l
window.onload = initializeBall;
% R& m+ R( v$ Ewindow.onresize = new Function("window.location.reload()");- k. |8 y! q& ^0 m5 n9 C
}) Z6 w4 V" ~! Q; q. ~9 Q, \

3 B* Y) ?; R* T. |/ y6 s</script>