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

zw2004

<style type="text/css">+ n8 y# i) x4 g$ D2 m( I; k' I
#supertext {
8 [; I: w) ^  ?position:absolute;
- Z. r2 Y. R0 [: ~& Eleft:0;
2 ]2 w3 g1 W) V! b1 ctop:0;  e  n) H5 r) i. V3 y
visibility:hide;
: O) {6 Q, M' m, p8 Vvisibility:hidden;, L( v! U9 K, V. k
}
$ E4 k2 E+ g% O' d- k' J</style>1 i: k, B: V4 k' M0 c5 ]9 E
<script language="JavaScript1.2">* s" p  K1 a0 Z5 D0 x& K
<!-- 改变下的字体的大小。颜色-->7 H0 c, G, W8 W, r+ M0 o5 V2 a
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ l. u: U7 T( ~5 f  l. S: H
var hidetimer='';% k# s5 ?; X( j3 i3 C7 j' O
<!-- 改变下的弹跳速度-->
; j' K% l4 q3 Q- O2 ]var BallSpeed = 20;) e5 G" j+ K) l1 [5 K
var contentWidth;
# h6 e. K( i( C. q) N9 F; qvar contentHeight;
" d( g7 W$ T& G# T. C9 evar maxBallSpeed = 50;; i; ^  w! q" X; p8 `0 }
0 t, s+ H  {4 e! M
& W" _# E. K" z2 @
var xMax;% K# ~% ~( n" T
var yMax;2 f4 X: a* A& S' U% g' t
var xPos = 0;
; P; M( Y. B, uvar yPos = 0;
/ K5 O3 X9 c# h/ R1 p, ?8 n' wvar xDir = 'right';
9 L, O# b! t- {var yDir = 'down';" v" q7 ^9 O2 f8 w  ], T$ Z
var superballRunning = true;* `" {) m/ d+ l" @
var tempBallSpeed;
3 G8 w/ t0 k5 o7 Svar currentBallSrc;& P# k) P# R' a
var newXDir;! B" C9 t* {4 A1 w" R( t5 g8 c
var newYDir;
4 T" c' w. B$ f4 r4 W# `: S* D+ C% X
* w# B- i* P1 V9 f% jfunction initializeBall() {
" r5 G7 K6 ]. r) z: I$ I$ ^; H   if (document.all) {! i' j1 ]' f" O4 ~" A
      xMax = document.body.clientWidth. H; I6 j: v( a! z/ z4 \0 Q
      yMax = document.body.clientHeight' k/ ^) N/ x3 `2 @, {; s
      document.all("supertext").style.visibility = "visible";" Q. P% p; u2 L" z
      contentWidth=supertext.offsetWidth$ n3 b/ \' O! j7 }8 c+ ]6 _
      contentHeight=supertext.offsetHeight
# R9 w( D, ~3 y8 t  N* g& {; s3 P      }& X# v& w6 q0 N% y' W
   else if (document.layers) {" C  H# f6 w; n
      xMax = window.innerWidth;, x7 {) N8 P8 T! B% L& k3 b
      yMax = window.innerHeight;" W, W0 ?2 l0 t; }* p5 G, ]3 ]
      contentWidth=document.supertext.document.width
. S6 F8 S2 g6 M3 @# }      contentHeight=document.supertext.document.height
6 Y1 s( A- h7 r) w( c& Y6 W7 \      document.layers["supertext"].visibility = "show";3 o# w5 D3 r2 z3 P
      }( f' C; K% e& q. F
   setTimeout('moveBall()',400);
9 C3 O7 k) L8 Q7 S, ^   if (hidetimer!='')
2 p9 D& H- S7 d) p   setTimeout("hidetext()",hidetimer)
* N# i% r0 b' Y# h; J   }: V! W" f+ s6 k) z9 V0 b3 E

* o$ ~5 @' n2 vfunction moveBall() {6 g! Z9 `7 h; p: P0 u6 E6 L9 U
   if (superballRunning == true) {
0 A: Y, ^, R% U2 q. ?      calculatePosition();5 a7 O4 Q! g5 [4 Z$ N! i
      if (document.all) {
1 O2 T8 u/ Y: e% x" N( |3 c$ G5 l         document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 p0 X: ^# H( c) [$ Y* w& ?6 _( @8 v% }         document.all("supertext").style.top = yPos + document.body.scrollTop;2 G9 @2 @* @; C  x% F3 f  V$ k
         }3 E+ J: l# B( ~- p$ X( H( g$ @
      else if (document.layers) {
' c, p7 k1 @' B! U  J( T6 M* Y         document.layers["supertext"].left = xPos + pageXOffset;( a$ I5 j; K. [$ ^7 t3 V
         document.layers["supertext"].top = yPos + pageYOffset;9 D1 L. R" I& [4 W; x8 X# d! T0 n
         }! |# d- _9 t$ D) e
      animatetext=setTimeout('moveBall()',20);4 L6 ?2 `1 Z4 q/ N; Y
      }
5 b0 g1 k! r0 s8 c   }
' [/ Z8 `. ~9 l) ?- g# B+ u9 J, @; w/ J) l; F3 S9 ^* j
function calculatePosition() {
, X% D' o& h; x/ E  ?' b4 g   if (xDir == "right") {- G3 A# A: q4 B7 _" h
      if (xPos > (xMax - contentWidth - BallSpeed)) {# M( f0 x' E+ E
         xDir = "left";; Z1 T, u6 h* \: I) i" x+ Q2 Q
         }$ G7 e; W2 C- y& M! a
      }
+ r" f) s3 n4 i/ c( j3 ?   else if (xDir == "left") {
8 }& Q/ d! I# A" U8 Q      if (xPos < (0 + BallSpeed)) {
% |9 Y: J3 L: z; R6 `, ?         xDir = "right";
4 J6 o6 Q4 s( R7 ^; P' d, X1 j& {. m         }2 Z6 P9 w# ~4 y3 X
      }( I" B: p; f% [8 P% Y
   if (yDir == "down") {
+ `/ x$ b) V# M/ Y      if (yPos > (yMax - contentHeight - BallSpeed)) {
  A0 i* r( i- R4 n4 Q2 j         yDir = "up";7 f- k5 H% J- e3 U& Y: B4 |
         }, ~5 V7 y6 d5 @% m8 |
      }
! u+ K( b& p* G7 O. x/ I9 M   else if (yDir == "up") {
: j! L( A+ q  d7 u4 a      if (yPos < (0 + BallSpeed)) {9 z% g5 J- A+ x. Z- ]: A2 ]
         yDir = "down";
, S" m( S6 c. {3 ^  T+ x         }
- X/ d" f2 |' T( o: Q      }
/ E- V" m: V3 }2 Q. I& Y   if (xDir == "right") {7 y: _' |& h  S1 I4 l, A, g1 N
      xPos = xPos + BallSpeed;
- ^) T3 ^' n4 w      }
' k+ b1 ?% \$ A+ T- x3 p5 `7 D   else if (xDir == "left") {' I/ F3 s+ Y( i! ]) B6 [
      xPos = xPos - BallSpeed;0 g; I$ ]+ k  C7 D( B% s* G' W* G+ B
      }
6 {4 S7 B9 |2 ~' j6 `+ D$ z   else {3 f" b# t7 O* W$ g1 o
      xPos = xPos;
8 `; d( E! B' x      }7 j( n8 }3 W* W% x" _/ i
   if (yDir == "down") {
& @  C) [5 `% X4 y8 ^( d      yPos = yPos + BallSpeed;  I4 u$ m/ x3 E9 a1 p) b
      }
1 b; s" ~3 B8 f+ K. z& H   else if (yDir == "up") {+ {% \3 C! Q( n1 Q1 e
      yPos = yPos - BallSpeed;1 t  r& g- G" F5 u# Q5 z0 ^. S& W
      }
- H( T! ?2 W: o8 F0 k' k0 x   else {# s# S2 y% h7 j) K" n/ I
      yPos = yPos;
5 R5 y, K( v3 W* z! Z! H      }
8 x6 K: |% l8 F   }
9 B$ e+ }" n4 }9 s& k4 \6 H
6 P! a9 [  ]/ ?9 v7 t6 T8 nfunction hidetext(){& S' r/ E4 N4 j' u0 \
if (document.all)
7 F1 C' k, z. Dsupertext.style.visibility="hidden", Q3 K* H4 r! B. a: Z2 J
else if (document.layers)
) t+ X) X+ s0 A1 _% e( ]) ?document.supertext.visibility="hide"  A+ ?. X/ v8 Z
clearTimeout(animatetext)8 I% @4 `6 J1 h, H
}- [% N" c/ j& w
5 L, V& t. B$ b: P1 q% v
if (document.all||document.layers){
" }+ G5 K; t7 W" d4 d3 ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). J' J7 ~* s- U! ~
window.onload = initializeBall;0 p5 H  m" ^7 @
window.onresize = new Function("window.location.reload()");; a! d: [; V" @! x
}
; o% W8 N8 W: G8 o0 n2 U; @% W/ k2 g# f  {# @1 D6 d! x
</script>