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

zw2004

<style type="text/css">
9 U: n4 ]% P9 \4 n3 C2 {* L#supertext {& z# ^/ \+ r' V1 t% n# h: [
position:absolute;: T8 ?: u# f! k  Q4 z/ H: g" Y# ^
left:0;9 @  z+ |  v& t: K% q& S5 t* ?; j
top:0;
& S) ?' g% @1 \% N$ Y/ N& Lvisibility:hide;, v  v9 c7 _! n' w
visibility:hidden;1 o6 O) u7 V; Y, S6 M1 j
}
9 K. D: R# K6 h7 g- {* Z1 U3 Q; X</style>
6 ~* H/ [6 e1 B<script language="JavaScript1.2">
7 R2 X" @1 q2 e  a+ }* F7 H1 f<!-- 改变下的字体的大小。颜色-->
& ~8 I; M/ C. O- a6 T! v* cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8 h8 r8 G& I# B/ X5 F( Mvar hidetimer='';$ Y2 R* |: p$ C. f9 V+ V" B; N. M, R# A
<!-- 改变下的弹跳速度-->0 S3 B; y; g$ E2 m9 Q( Z" Z+ ?
var BallSpeed = 20;" }+ |! x2 U2 ^
var contentWidth;
( `+ r, I( R  A$ f3 evar contentHeight;* c3 k  C( u  q  N9 R1 }3 z9 ]
var maxBallSpeed = 50;: s# Y3 P; \6 C

0 L: C4 V/ B! n; q
* M; l( w3 _% W0 v& Nvar xMax;
: d/ @1 Q+ F" _9 g# |+ ~* k2 {9 d# B) lvar yMax;6 I6 V) W/ H- R6 a5 a2 d. c2 F
var xPos = 0;
" A2 d5 ~: g  @% ], c" j3 h# Bvar yPos = 0;
5 t3 w+ Z- h- d" n0 [2 fvar xDir = 'right';
. X5 t1 ]9 i  j4 ~- yvar yDir = 'down';( A3 D/ r1 e% n: j0 m
var superballRunning = true;3 I; d8 d4 t! L3 T0 E
var tempBallSpeed;+ I6 L( |8 o- G. T$ V
var currentBallSrc;
$ ?4 {9 \' h' }var newXDir;
/ L$ C1 w7 }8 K- d; G7 mvar newYDir;
# ~5 q- R/ Z+ @  w+ s" T) h+ u- D$ l% P# j
function initializeBall() {- b2 [( z# C0 J, {6 m
   if (document.all) {
( O0 O3 M: w6 z9 G, Q! o      xMax = document.body.clientWidth
$ P9 e  q% |; _. n      yMax = document.body.clientHeight% J" [/ r1 }: G8 j4 q0 w
      document.all("supertext").style.visibility = "visible";
# }; D9 a& r" h      contentWidth=supertext.offsetWidth. b0 F! v* S( w/ y* j
      contentHeight=supertext.offsetHeight7 N* j& H( [7 f+ y: Q' Z# y
      }5 A  B8 K1 f" k. W, ]2 A+ s, y+ f
   else if (document.layers) {
- [6 u6 t$ N3 Y  K$ E# m: {5 D      xMax = window.innerWidth;4 D- P$ ~! D% }; ]7 C! ]
      yMax = window.innerHeight;6 \) I" w- P" H4 \8 F
      contentWidth=document.supertext.document.width& x- B: Y2 ^2 o: n( i
      contentHeight=document.supertext.document.height
) w1 O- z( D2 s      document.layers["supertext"].visibility = "show";
+ c) D' j! Y% {0 J: |. c6 J      }
" d. F# [8 t" C% _& s   setTimeout('moveBall()',400);  d7 k/ C0 q, R# ~: b
   if (hidetimer!='')  M1 A# u8 `  O" J) i, K0 B0 x
   setTimeout("hidetext()",hidetimer)
& b9 v& \7 \) A/ K" y( c4 {   }
7 |  P- V, A; L' X1 r- B  d! u2 U* J+ N7 Y/ ^
function moveBall() {
$ h# s3 G6 y5 A- c/ K( ]8 s   if (superballRunning == true) {6 |- y* l! U! _4 X; X+ J
      calculatePosition();: t  B* @! q% m& N* O* k( s+ u% K+ _
      if (document.all) {4 ]& ~6 d% n5 D. O" r4 Z2 L! ~
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 ?, j6 L1 D5 @' {+ X         document.all("supertext").style.top = yPos + document.body.scrollTop;7 g) X7 A6 H7 T0 b# B; v2 @8 j) y
         }1 g6 g7 R: n0 \& M& F% R+ K' }+ i
      else if (document.layers) {5 G: I4 S) L6 ?, v/ l% v$ X
         document.layers["supertext"].left = xPos + pageXOffset;6 g' B, C1 m3 n- ?+ [8 W* p: O
         document.layers["supertext"].top = yPos + pageYOffset;+ o# J6 }$ R% G
         }' E" R+ t# K/ r5 r/ R  m
      animatetext=setTimeout('moveBall()',20);4 b8 a! o! w& O& d9 _: v9 _! C
      }
) u2 q" J  }$ p& {   }: O7 l- F! t  U; J( _

- F! l% K: Z: Nfunction calculatePosition() {
8 X: `; a- W1 w  g1 p6 f   if (xDir == "right") {: p, ]5 p4 i* p9 V2 X5 Y3 U0 P
      if (xPos > (xMax - contentWidth - BallSpeed)) {3 O" [0 M  V3 q& ?" |
         xDir = "left";
1 r1 d) b9 n* A' S         }$ s6 t) P: j& [4 ~/ U* }
      }
& }3 J9 X! f* G" I   else if (xDir == "left") {# ^' c7 I  c$ L8 Z. A0 |" g+ V3 Y
      if (xPos < (0 + BallSpeed)) {
* d! H2 `# a0 c7 P1 h7 ?         xDir = "right";1 Z6 j. C2 U* Z) O( N4 x3 v
         }2 u# ^3 v, y0 s$ I
      }
/ F! q. S) r( n: e& @! B$ Q& n3 P   if (yDir == "down") {
  V* y" W- i9 Z6 [& M      if (yPos > (yMax - contentHeight - BallSpeed)) {4 N1 C7 `/ N9 c, q( R1 g% r0 Z1 H
         yDir = "up";9 w! K3 ]3 |( Z) Y
         }
  q9 J0 I7 g* d7 k8 J2 N      }2 U% S3 T8 O$ t7 Y+ t
   else if (yDir == "up") {- E. v' _* ?1 }: W( x1 B# n
      if (yPos < (0 + BallSpeed)) {1 u# X1 t3 }! U) R+ w
         yDir = "down";9 ?6 R* _6 d  {4 j- \1 S
         }
/ s% s- ^2 z8 I% {, b& B      }
$ e- j9 c" F  P9 S8 A; Y   if (xDir == "right") {
- `5 Q6 l' ]; Q      xPos = xPos + BallSpeed;+ h9 \3 L0 p  X
      }
. F1 q1 B3 C" I+ A0 ?! P, D   else if (xDir == "left") {
' j: p- m. s( b      xPos = xPos - BallSpeed;
) l, q. R# H  P) u$ c5 F% t' S      }
9 ?( L9 a$ I$ p6 c- Y   else {
# j  o2 v. `) [# [! A6 V/ Z      xPos = xPos;
1 i+ M8 Y  S  G      }4 \2 f  z" A1 o5 y8 U* Q0 m
   if (yDir == "down") {$ y/ s0 p0 E$ g- L4 M
      yPos = yPos + BallSpeed;
: A  J! u! i, Y      }
1 e+ q) k. {, G* w% p9 n   else if (yDir == "up") {
) H3 K9 I5 H4 \( T9 P& O. y" h      yPos = yPos - BallSpeed;7 x8 v- y0 b8 \2 f
      }
* a( w/ c2 a: A2 D4 r   else {7 h( |( O: |. g; p! p) X
      yPos = yPos;, e$ V/ e2 z' n" t* R: o' Q
      }
/ O( h5 ^9 A/ K* m   }: @; \/ f! ]: @' i) h
: e- a" i$ G6 x7 V) W7 \/ V
function hidetext(){5 ~/ v$ E( [0 \  Q  m: i& n# h
if (document.all). ]+ G1 ~! \5 [: }3 S
supertext.style.visibility="hidden"& L8 m, E0 O0 x& g
else if (document.layers)
7 h  z+ O$ }3 P+ b7 q( Edocument.supertext.visibility="hide"* w5 q7 z& W$ l! M, Q2 Z) l3 A( j# q
clearTimeout(animatetext)
9 X& S5 m: u5 m5 }# w& j! s( l7 g}) z- j) T+ k- B8 i8 i) C
9 E! Q- v4 O" z* I) `9 [# I
if (document.all||document.layers){& k, c+ k! N* r' s" |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" Q; R  L4 o& Bwindow.onload = initializeBall;0 k/ e8 z4 J9 {: s# f4 H  ]/ j
window.onresize = new Function("window.location.reload()");1 J" b$ c: @2 N0 L$ @
}
, I" r# Y% Y4 [6 m
* E  E9 E8 M7 a& D+ j</script>