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

zw2004

<style type="text/css">
* Z1 G7 N! U! b0 M% V% W3 g6 `) A#supertext {& d$ |1 Y% a% u& m
position:absolute;
( Q+ p' L% Z* Y& w& U4 R8 Eleft:0;9 ?* ]7 d, H4 f; n- H$ g
top:0;
. M" u" z. ]5 R$ l/ e6 Dvisibility:hide;
% S! s* M6 @+ j% q. Wvisibility:hidden;
: {1 o+ q2 c1 m0 y) T; |. S}- J5 Z, v5 U7 i
</style>
3 Q, s7 F& G( T9 v<script language="JavaScript1.2">
/ r) ], v, v. @. V# j* G<!-- 改变下的字体的大小。颜色-->
, ?" Z% O4 U# e2 X- ^/ tvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 e+ K: x: I% Y
var hidetimer='';
* o+ w" r) w+ S  C<!-- 改变下的弹跳速度-->
3 Z3 N: ~- h/ Z3 Y5 q( _' s1 g5 jvar BallSpeed = 20;
; x6 h+ c% e/ V1 v$ f# C; U6 ~var contentWidth;
, `' n9 Q9 H& W' J0 I: A5 F* d0 Tvar contentHeight;
/ @, m, D) \( Y; ovar maxBallSpeed = 50;# i$ A0 X; P8 t) C/ m
5 }+ p/ _; P, G4 v' ^1 S% S9 L  F
/ @& s/ `* D( V+ C. H" e
var xMax;0 j$ Q2 O- Q0 |5 }0 s6 A, E7 X8 \9 {
var yMax;
  ~. l! N3 W1 x1 e# kvar xPos = 0;
1 \2 M8 T  F/ Vvar yPos = 0;4 t8 ~+ X( v# d3 d$ \
var xDir = 'right';
; K& V4 w% s! ?& G. ^; Y4 Wvar yDir = 'down';
3 `8 _' E: p2 h% o) @! vvar superballRunning = true;
! k& o8 s; r* h+ V+ k% k9 [3 @" ivar tempBallSpeed;
+ a# Q5 B, P3 ^& g3 W' p: Z5 mvar currentBallSrc;
: t4 h& B) Y" ~1 {/ ~var newXDir;
& K6 z$ b$ w2 ^, S4 zvar newYDir;
/ P0 l- t/ @& A' r2 N$ j6 Z- a+ f$ @4 h9 z% \' |' W( v8 r
function initializeBall() {
1 T* e6 X! U6 L+ S+ d7 T   if (document.all) {
0 `, ^$ t# F. C) j      xMax = document.body.clientWidth
8 f! |) m8 W8 X+ L      yMax = document.body.clientHeight0 A% d) X7 l0 v
      document.all("supertext").style.visibility = "visible";
( T+ }* f4 W0 m6 r. N      contentWidth=supertext.offsetWidth
- v# F8 w6 `; l) `% s. d" D      contentHeight=supertext.offsetHeight! j, C% o: T' j0 M7 p
      }( f( p: F$ P- X/ k
   else if (document.layers) {
5 @0 k' N5 j. ^* e$ T      xMax = window.innerWidth;2 ^7 p* W, h# p- s
      yMax = window.innerHeight;9 _5 p! k( X6 Y( L8 j1 |* j% g
      contentWidth=document.supertext.document.width/ R8 _- X) n& q3 ]  C
      contentHeight=document.supertext.document.height
6 S; e/ [3 Z/ n; A: N. M7 A      document.layers["supertext"].visibility = "show";
6 `/ I. d+ L# e" m      }: \; y- h! ^# @' d* E  A
   setTimeout('moveBall()',400);' ]# Z- g' v. X( C7 v
   if (hidetimer!='')+ T( Z' @; t' P/ k) T0 l
   setTimeout("hidetext()",hidetimer)8 ?) `3 _4 ]; y. ~
   }/ }' c0 T! Y& {0 M6 y# B0 L! e

: n7 \4 z# x9 M: ]function moveBall() {
( L9 e, F3 L4 Q* N8 b   if (superballRunning == true) {
# E5 ~# \  b' a9 o" q      calculatePosition();
, o1 j1 Q. h  |. q; w      if (document.all) {9 T; M% z3 B2 E, |6 E8 `9 d, X. E
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
! I/ a0 T& e* C, A         document.all("supertext").style.top = yPos + document.body.scrollTop;
1 \# L4 J8 c+ U7 j* Z) P" J$ |         }
! U3 U9 T3 b0 N* H% H4 T; @      else if (document.layers) {* \( u) z% R) [: r
         document.layers["supertext"].left = xPos + pageXOffset;1 h$ R+ {' E/ j3 [/ O: b; P
         document.layers["supertext"].top = yPos + pageYOffset;$ Z9 }2 F" M* k7 ?
         }
* j: O/ t2 s, G  N; m' I9 v      animatetext=setTimeout('moveBall()',20);. ~; B6 Q7 a; v+ L
      }
- V. x3 j9 w3 A6 `# D  i- [   }( k" _2 E0 m: [" ?
, y( T# ~( T7 r" q
function calculatePosition() {; F7 M6 y7 D: E4 B0 e
   if (xDir == "right") {9 Y6 q' P4 t7 Z$ ^
      if (xPos > (xMax - contentWidth - BallSpeed)) {9 f) j# {" X* j& y: Y1 \' u
         xDir = "left";
3 m6 }: d! b. D/ J. l4 H         }
3 Z( e$ I! \" B% T      }+ I5 l! M4 Q0 l% w' x4 Y) H/ i
   else if (xDir == "left") {
0 H' p  ~3 ~; l/ U      if (xPos < (0 + BallSpeed)) {9 r$ m, R+ X, w0 Z6 q
         xDir = "right";
5 ]6 w7 i2 c$ s/ R" @$ u         }
4 \, \! p1 ]( l0 c! N. R/ ?# D      }
2 M8 N0 X% s1 i9 @9 C% g   if (yDir == "down") {- `0 e) R' c; z; H
      if (yPos > (yMax - contentHeight - BallSpeed)) {8 T6 W( w$ S5 c1 o8 f2 S
         yDir = "up";6 A! V3 U4 G+ z  C
         }5 Q9 j9 K" F7 c+ j
      }
& U* _: h: @# z( R4 Y1 w. c   else if (yDir == "up") {. v: V* h9 Q' z
      if (yPos < (0 + BallSpeed)) {
7 X( t) l! b/ c% E         yDir = "down";6 x, }$ [3 o. d8 ~
         }
4 W; l. q; X1 B; S      }
& p. n# e8 `0 k   if (xDir == "right") {
, s9 u$ _9 `  Y: \" J1 ~( J      xPos = xPos + BallSpeed;. g+ e/ e+ @  u& _/ x3 i
      }% U- Q# x" U9 v4 i* `
   else if (xDir == "left") {+ m- z$ y/ j; z4 P6 r/ Q
      xPos = xPos - BallSpeed;
+ m. ?3 w  G  H8 @      }& p3 _2 b7 P9 B9 _. ^) L) v
   else {
) O& `( i5 w7 _6 w/ y1 ?; _      xPos = xPos;
4 Z. K# V! i/ T8 o' h# d: _+ o% \      }" {5 ?! A5 ?- P
   if (yDir == "down") {
; \( J& `$ z, @# A      yPos = yPos + BallSpeed;: o; v$ ]/ z2 [1 u
      }
0 J# c5 v3 b0 V( C/ v+ D5 k   else if (yDir == "up") {7 V/ {% J" `7 f6 |  |
      yPos = yPos - BallSpeed;
0 R6 ~3 a; ]8 h  C7 z. E7 o      }
2 g8 P+ U7 w- {/ u: D4 J   else {. \/ k2 u/ c. c, \! e( u3 G
      yPos = yPos;. r; k; w9 j1 o6 E7 _
      }
1 z7 `3 Q6 b. Z9 z( a   }1 Y" Q1 b# c2 n: Y$ Y: z  \. k8 W

8 _: F, `  F& n7 x; [/ h. w  Mfunction hidetext(){
+ a0 K& k7 ?1 y! m3 X) _if (document.all)& V8 e; H* b* [1 d
supertext.style.visibility="hidden"
" `8 O, H$ {; A7 u& ~9 felse if (document.layers); H6 ~+ h* v1 C% T
document.supertext.visibility="hide"& d' W, _* J4 g% V: c9 Y6 s+ N
clearTimeout(animatetext)0 B! ]1 m* h9 z2 x
}6 P4 X5 L2 G! c, E4 p) I

, o( O6 p6 p2 m! l# b+ Jif (document.all||document.layers){
; o( h$ [! o9 }! Ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' f7 R, ~/ |; S8 k
window.onload = initializeBall;
; Q/ v  ?! V8 v# F9 cwindow.onresize = new Function("window.location.reload()");
# o1 y) \" u& Y; R}
1 {8 E% z% _# l' X! N/ C$ G. q+ u( g" p2 F
</script>