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

zw2004

<style type="text/css">1 N" H6 Z8 `" U) Q1 Q
#supertext {
2 z7 U; T9 s0 `0 j% k7 }position:absolute;* F* T+ a. ?' ?4 [) S
left:0;
( ?4 Z; o7 l: L0 Mtop:0;
  l8 B3 p: ]3 U2 bvisibility:hide;) y5 U& B- h' e" A' j
visibility:hidden;/ n  j/ P1 L2 F; X2 o
}8 E8 ]6 F  x0 C  c- H4 r/ [
</style>
; B% J1 ~5 Q. O1 X<script language="JavaScript1.2">3 Z2 a/ b) b/ g5 ?
<!-- 改变下的字体的大小。颜色-->; I# h- J: p* O/ A8 Y4 K
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 @* A" `0 s8 k, b; j& Y% P5 _var hidetimer='';2 Z3 o6 ?1 p6 M3 R
<!-- 改变下的弹跳速度-->
5 j! G8 @5 X" dvar BallSpeed = 20;5 r$ e* s  j* s
var contentWidth;
" G8 I# B+ [0 gvar contentHeight;$ M! L. f; }7 w% t- a. q  q
var maxBallSpeed = 50;) @6 i9 i% B7 P

+ R$ R- ]: Q1 d' `) z" a0 ^( s% F/ O( ?2 I7 S% ?, C
var xMax;
" j* d6 E" o7 ~- |var yMax;
6 y5 j/ s3 p/ q& O# rvar xPos = 0;5 u  O/ F8 A. G7 `6 G3 O
var yPos = 0;# p2 L" P6 |/ J' p0 D4 ?& d
var xDir = 'right';0 ^( }5 t( f" G* y) r  Z" z
var yDir = 'down';1 Q& c/ T6 t; r
var superballRunning = true;
2 S+ E' W- C' V7 u. Tvar tempBallSpeed;0 U" A( b) U! l
var currentBallSrc;3 j9 ^. |. L$ k! q' T3 l& E% }1 d
var newXDir;
) B9 t' W  l( K% Fvar newYDir;+ @9 R. `/ x* ^

9 H! e5 p7 G' w& Pfunction initializeBall() {
" p+ I& W4 B' P# F9 d   if (document.all) {
: R5 F' S+ x: J( T) W/ `      xMax = document.body.clientWidth# ?1 J0 j2 [: k7 j6 c+ P# y
      yMax = document.body.clientHeight
0 D4 V3 r6 K. `8 O. d+ ?      document.all("supertext").style.visibility = "visible";
7 \% g/ e* A/ d* M- W& ?      contentWidth=supertext.offsetWidth6 N2 i6 \) u1 s/ h
      contentHeight=supertext.offsetHeight' E4 K( W; h0 k8 ~* P. a  d
      }
( q5 t4 I0 O' c& q  j9 E6 w   else if (document.layers) {& {8 d2 R# Q6 s9 S/ t
      xMax = window.innerWidth;9 ?% d' O0 |1 A9 X
      yMax = window.innerHeight;7 h: w! B4 J5 L  h
      contentWidth=document.supertext.document.width
, d1 c  l1 v* u, R  O$ N      contentHeight=document.supertext.document.height
/ H) Q* x/ K0 o. z& n+ i/ c      document.layers["supertext"].visibility = "show";4 ?' o2 E( i' o. n
      }+ s. L* G2 a; i. k3 n0 e
   setTimeout('moveBall()',400);- C6 w6 x, d! n: l
   if (hidetimer!='')
3 g( \! N- ~. A0 F! P0 Z& e7 \  F   setTimeout("hidetext()",hidetimer)
' R- r- h5 i( o: I% O' w; k   }
" m1 p. Z/ @. B' K. E% m
6 G5 C1 V) E, A: M$ g0 m% Mfunction moveBall() {
( e4 O( N/ h; |" n: X; X! x* P   if (superballRunning == true) {
! U6 q- S6 Q$ C4 B3 }      calculatePosition();- G' v% F% }4 [5 p1 I
      if (document.all) {
- x$ m5 k- m0 r4 r! h3 t* }$ P         document.all("supertext").style.left = xPos + document.body.scrollLeft;
$ |  W  W& J! ]! g8 t         document.all("supertext").style.top = yPos + document.body.scrollTop;
* Q7 |! |/ c- v& y; @         }! G7 Z0 s$ d( v
      else if (document.layers) {
7 z# F  q7 _4 Q& e% @7 w         document.layers["supertext"].left = xPos + pageXOffset;
6 Z' I7 Z! u  _) l# R. m         document.layers["supertext"].top = yPos + pageYOffset;  z( |  I; K! N+ K7 |. U& K
         }0 U- `( [( T, D7 D: n+ {) o
      animatetext=setTimeout('moveBall()',20);7 t4 F$ E1 f5 g  d1 R+ B. C; y
      }
9 h9 A5 s; s, I   }) |+ t! R, U' l6 D9 ]3 G3 Z4 i7 p

2 S  ]6 V$ n: Cfunction calculatePosition() {+ T4 ]& T1 O. z4 T6 @5 U
   if (xDir == "right") {
9 W- G0 g( ]1 n  g! n7 z) ^      if (xPos > (xMax - contentWidth - BallSpeed)) {, T4 P# R1 r( w9 ?+ i. O% c
         xDir = "left";
. T9 D$ f; G( N6 L         }
5 U. o, K4 n8 m: u0 ^. _; f      }  s7 _: \# I2 U% m( q) t- z
   else if (xDir == "left") {" l. X+ m( F9 w- i8 n; {' g0 a; k
      if (xPos < (0 + BallSpeed)) {
, c1 a+ I8 q8 W. F         xDir = "right";" X' O. J& L$ J" v0 z
         }- |8 I* L) W8 ?1 X1 i# {; a& l6 X
      }
" n' b; X1 Y4 l   if (yDir == "down") {
9 K0 s4 h  c% F) Y/ a! R0 c1 y: e4 \: c      if (yPos > (yMax - contentHeight - BallSpeed)) {3 b7 e* {+ e' d+ Q
         yDir = "up";
+ A3 P( l2 X$ C' j         }' X4 m3 o% q7 y
      }0 Y" v1 k. a% K: Q6 G7 @+ f
   else if (yDir == "up") {
9 l) B! p8 }; _1 y, _- m9 C  q4 U' t      if (yPos < (0 + BallSpeed)) {0 a; P; J' _4 f# D
         yDir = "down";
( \# q. J- p* T" u/ q         }
+ n; I% V9 L* P  c2 w      }
0 h' e6 \+ b0 c   if (xDir == "right") {3 l6 v* {) u9 o. P
      xPos = xPos + BallSpeed;
& B5 z1 b6 @% j8 C1 X      }8 ?/ W2 N' Y' E
   else if (xDir == "left") {
7 R0 w7 p. J7 B      xPos = xPos - BallSpeed;, E% K  p) `# H# z. z# n
      }
! Y1 F6 S  Q7 y5 ?   else {3 f$ [: V9 ^4 l0 @
      xPos = xPos;
- Z! H: k% n- x1 e      }  a9 S$ @* y4 }: M$ t( O2 p  c
   if (yDir == "down") {
; R+ W1 N8 x; g9 s+ i      yPos = yPos + BallSpeed;
4 d' w/ ], B& @) Y: q7 x9 S5 J      }- K) W4 b0 l- H6 m
   else if (yDir == "up") {
! F$ _; C3 B# [- c      yPos = yPos - BallSpeed;
3 u0 W: \4 t) K% c3 q. p7 y6 |& b      }
7 R  S+ h- y: M0 _7 F8 z   else {
( W( K% F3 I. t" Q0 X- }2 b- H      yPos = yPos;( k; L. s# d; I6 s6 V, h! c
      }: _0 X. a3 l- r. z' H
   }
0 u8 Z& a& B6 A$ j
' u$ c2 I) {) U% n+ Y7 Gfunction hidetext(){
" {4 _! @+ \0 y# E+ Vif (document.all)" d, f5 U/ N2 K' F
supertext.style.visibility="hidden"
9 M- y1 g/ C  melse if (document.layers)
) |; V7 ]0 `4 m: ^document.supertext.visibility="hide"6 F, j# i8 Y& _- y7 t" A. D7 `' _
clearTimeout(animatetext)# b) H. L; t3 x0 \& j7 t9 @' P; k
}
2 d, ^8 D. P5 A6 A& N- ]* I) U' C5 B5 u3 f* G8 M
if (document.all||document.layers){
1 S0 @( P& z& Pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 t" S6 b+ ?/ f2 L6 J: Bwindow.onload = initializeBall;7 l7 j* V8 i+ s1 l5 s- q8 x
window.onresize = new Function("window.location.reload()");
- w- X) e+ G4 `7 K}
* g- b0 x1 F) E1 R8 }9 z( i" Y
# L; |8 X8 c6 S</script>