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

zw2004

<style type="text/css">
; k% N3 g8 l8 \/ A+ u#supertext {
5 [1 r5 D$ T; c% \3 k- S4 zposition:absolute;
7 W- V. j- e4 ]* ^; Q& |left:0;
. e( U4 l- K" s8 a4 F8 ctop:0;
3 L  x% _& \, g/ `; c9 V6 v1 d: f  evisibility:hide;
: b. j. D* k# p, q* bvisibility:hidden;
0 E- |% K: c$ k* c/ E. U}
* s5 j4 _2 }4 ^, y# K</style>
1 F, c: ?, m& _6 Z. j* r<script language="JavaScript1.2">
& T4 `, r* q5 |5 L( x) R<!-- 改变下的字体的大小。颜色-->1 c) E$ z$ X; k
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ v' l! W/ {* ]5 r% R2 z* d
var hidetimer='';
+ j/ z, X% u3 }8 [! X<!-- 改变下的弹跳速度-->
) [. i9 Q/ g+ [6 w7 mvar BallSpeed = 20;
7 R! K/ x# C) x, ~( i! ]: j) Ovar contentWidth;
: a4 {9 E0 C' fvar contentHeight;
0 u8 w' Y; [4 {var maxBallSpeed = 50;3 Q6 h7 E" H( }
1 `9 y* ?& ^. {/ G2 d& A
! @) ?4 N' ?: R* r7 t6 @) Z, O
var xMax;* L; ]3 f% _+ V. b- h
var yMax;
: r! i2 m3 H" \1 o" E# b+ svar xPos = 0;
8 S' |' ?2 I& a) ]4 ~( p# ]var yPos = 0;* ?8 v7 N) Y+ c, }* m) u! {8 V+ \5 p
var xDir = 'right';1 I" P  a2 b# ]- {; K  g* X+ K
var yDir = 'down';
. ~8 T/ w' t) Jvar superballRunning = true;$ X" x* B) f2 t3 m4 e& G6 a* j% ]9 S
var tempBallSpeed;$ E- \  `. o& w4 U+ m
var currentBallSrc;8 \( }6 B1 i' b3 u+ T# W1 H2 L8 h
var newXDir;! V4 I' ?( U3 N
var newYDir;, G8 d) o7 A7 j

2 `& K, @  T7 G% a. i# efunction initializeBall() {, E9 L4 q: n3 d0 p
   if (document.all) {' C/ Q" }* J: L( I! x* f) N4 t# ]
      xMax = document.body.clientWidth( R  S9 W5 b. k5 [8 ~- h; r
      yMax = document.body.clientHeight
) ?1 {- q" X' O& g4 h      document.all("supertext").style.visibility = "visible";; k) O0 ~0 v8 g" t3 X2 j2 I3 C
      contentWidth=supertext.offsetWidth3 }- M! J3 m; w" @
      contentHeight=supertext.offsetHeight; k! o" e. g9 u" D9 v" \( Z
      }  d& P. ?; S8 G3 k, D. _
   else if (document.layers) {* l/ P+ Y. |  r" J1 Y( U+ [* Y$ g
      xMax = window.innerWidth;$ B1 d; R4 x8 O0 A* M6 S* E
      yMax = window.innerHeight;
) w' |2 O* C) J) ^      contentWidth=document.supertext.document.width3 p# \% s1 B0 y) I9 h" v) M% M3 B
      contentHeight=document.supertext.document.height
. ~4 R& e: ], M$ d1 u      document.layers["supertext"].visibility = "show";
0 L! P7 O- [. _; y* l. Y. j      }
8 a; Z% B: k8 Q  Q. v& E   setTimeout('moveBall()',400);8 j3 l! l3 B& j7 Z) Z
   if (hidetimer!='')* B7 a6 i' H  O4 C7 ]
   setTimeout("hidetext()",hidetimer)
3 `1 B& a6 c0 U. D4 a8 Z   }6 ?! t, I* |! l4 Q' F
' y! [* ~  J3 T9 J; V+ k! X8 o. Z$ a
function moveBall() {
- u+ k( y  b8 H5 n2 O- ~7 C) I   if (superballRunning == true) {
, q/ k. Q) A+ w5 O# u      calculatePosition();
3 A0 r1 r6 U8 w; U      if (document.all) {
* }$ h0 `5 |  K1 S7 u         document.all("supertext").style.left = xPos + document.body.scrollLeft;0 U! a; V9 }) f) {
         document.all("supertext").style.top = yPos + document.body.scrollTop;" |+ n# F3 B: \6 `7 B0 V. n  w
         }
9 M/ a9 Y9 q" ], _9 h* q      else if (document.layers) {
6 C" ~1 m* [0 \, a# c2 k% \- j/ g         document.layers["supertext"].left = xPos + pageXOffset;' B3 e7 R8 Q+ b
         document.layers["supertext"].top = yPos + pageYOffset;
. t8 U( p9 O, E. \5 ~         }/ z( {0 U! L, L' w7 S3 l1 r# W9 T
      animatetext=setTimeout('moveBall()',20);
) E1 U# R- c* F: i      }
& E8 Q3 ?# ?( \   }
- V  o  H( E$ [3 e) d4 Z' y% R; Q5 Z# f  t  E$ O5 q
function calculatePosition() {
; {! o& f- x* ~   if (xDir == "right") {
, P. |( c8 Z# Z' _" f  V  K) i      if (xPos > (xMax - contentWidth - BallSpeed)) {
! z3 I$ }+ B' ?8 ~  o/ U         xDir = "left";
( n! A' w  P: n; n         }9 [! C! R- m; a0 L* N* @  t
      }
# y6 X/ m5 O1 K   else if (xDir == "left") {" B: C3 M* u" d
      if (xPos < (0 + BallSpeed)) {
$ z4 b* e. |: V7 Z. }         xDir = "right";
5 l% Z) p+ _% [3 h. e9 v         }5 U: K1 Z7 V$ j7 w% k( W3 }" D
      }
- x8 M4 c7 g7 X# r8 Q   if (yDir == "down") {8 _0 ?0 o. F/ \8 M
      if (yPos > (yMax - contentHeight - BallSpeed)) {
% a! `- ]  O* T) G9 \         yDir = "up";$ u2 R* \1 T: u2 \5 n; I* F8 x; x
         }
4 L/ ^- h9 }- u+ B5 ]      }$ A, \5 b7 ?3 I1 C$ f2 ~; W% ]5 ^8 L
   else if (yDir == "up") {& Q. g& o  P! l& s
      if (yPos < (0 + BallSpeed)) {6 R+ R( ^0 g) h+ b) ?) `! \
         yDir = "down";2 i. B  b9 `5 \# H# V
         }
! a% b. p! |" t, v$ x      }$ M; `1 y& X( `- J5 d( ?
   if (xDir == "right") {% ]% \- `0 y+ z2 X
      xPos = xPos + BallSpeed;* t2 y( c" O1 Y" n* L
      }
) J) B4 ]6 Z) h9 K- h   else if (xDir == "left") {
' R& a! {1 b% J2 v( I0 X: f      xPos = xPos - BallSpeed;
# d2 O7 _2 m" B% `      }
1 x+ a; F6 U; P- e7 `" `4 e   else {
$ J( \2 t6 W% _7 r4 C/ ]      xPos = xPos;% A' a, z# r% U9 v
      }5 G' F3 V3 V: N$ ?' @% U
   if (yDir == "down") {0 x0 t+ B) \* e) X% e8 R' Q
      yPos = yPos + BallSpeed;
1 ^& b% n& O8 B# }% K. Y* s7 L      }& W, r/ Z# e% n# A2 z
   else if (yDir == "up") {! p- K8 w" j8 j; N" f: L/ i; _
      yPos = yPos - BallSpeed;+ j1 A# @8 x) q: U# R4 j
      }
9 \$ N# t' L  R0 s' e% k* ~* T. v   else {" q( n7 k& E) `0 Z! V% ~* L# B
      yPos = yPos;8 u. l$ O) x0 c3 P8 \9 ]
      }
5 x. }4 x. r+ Z, W) n) ^2 |! n   }( ?0 T" z! d& V

: J& H/ h& G9 S4 M3 bfunction hidetext(){
( K9 \$ y% J/ g; j8 U! ^. nif (document.all), j1 t8 t1 a3 ?$ O/ X, T
supertext.style.visibility="hidden"
6 K# m, G2 b4 c+ j/ H( I! o% t! Uelse if (document.layers)
4 g2 b; h1 ~( i. `document.supertext.visibility="hide": c) @: O# x- |
clearTimeout(animatetext)
8 g! F( u- P0 ?5 @: \}
2 n8 k3 e' v6 U! N. k; C8 G) U" ^
if (document.all||document.layers){# N' Z, D) `$ W
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& b. k" e/ m% h' P
window.onload = initializeBall;
' q. H5 T& X! J& L2 E, j" R* H8 N/ C4 _window.onresize = new Function("window.location.reload()");
7 j2 D+ Y2 W/ J. V2 {, {}' c; p2 F1 h" A; Z1 \% K6 F

" r  p3 {8 H5 A9 a2 z$ m* r</script>