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

zw2004

<style type="text/css">6 f- v+ ^; j( z* E
#supertext {6 H; g! ~3 M: ?. m3 ~- f
position:absolute;
4 Q* ]: h$ P/ t6 s3 L8 rleft:0;) }$ v7 J1 d) S9 q$ c* H, z4 r+ a1 ^( _
top:0;
& D* _! |/ s% wvisibility:hide;8 q! Y; c3 F+ F1 v. V$ Z
visibility:hidden;9 e% @6 h: h* x% s
}2 i+ N, w8 g5 T1 B% N
</style>
7 c- V- O* y; }5 k4 m+ Y4 R<script language="JavaScript1.2">
1 K3 {+ w0 f1 k4 g5 H<!-- 改变下的字体的大小。颜色-->
- {' u* R- e/ ~; |$ o+ rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', P6 B* f# f6 s; v
var hidetimer='';  u0 [) H% L! n4 S) r/ I
<!-- 改变下的弹跳速度-->3 h! w0 ?, t* z
var BallSpeed = 20;
6 ~) d9 u: E3 a% ?7 m$ u' \% [var contentWidth;9 c/ T5 r# O$ @- X
var contentHeight;
; W8 E* Y  g4 ^! Lvar maxBallSpeed = 50;9 b& j; s6 o- b# ~0 A$ }. ?" M
! w4 m: z; i; \3 e4 H1 B9 c
  D1 B, s7 j% ?5 }
var xMax;, @5 ~3 S! I* N5 q- k
var yMax;
7 \/ _1 k- B; qvar xPos = 0;9 i  P) J+ u9 t2 a: A2 m
var yPos = 0;( V! E  r' y$ r& G. R* {" J* V( b4 |
var xDir = 'right';
2 a( h  S% @+ n- Wvar yDir = 'down';
% D& p2 W7 |, C3 Uvar superballRunning = true;
+ x7 w6 R$ e. T$ B$ u4 q/ y9 Gvar tempBallSpeed;
$ n  m3 Q2 F* g9 hvar currentBallSrc;/ [8 e$ G8 {4 a3 E* t* q6 t5 s: H/ g
var newXDir;
7 Z' b# H! L6 p, ~4 N- I7 nvar newYDir;5 ]4 O2 V6 x! L' y$ ?

2 j0 J# J7 m9 K; v4 @function initializeBall() {, u8 v0 _/ o! f8 U3 @
   if (document.all) {
& r+ ]9 S# V. O; Y% P6 ~" ]      xMax = document.body.clientWidth( y& W" k' K+ x0 K, v( _2 Q
      yMax = document.body.clientHeight' ?7 e/ O) O9 b- I  S" o$ X$ }
      document.all("supertext").style.visibility = "visible";
% Y+ [2 s' S6 R      contentWidth=supertext.offsetWidth' Y1 b& _0 E) c+ z
      contentHeight=supertext.offsetHeight$ e( T$ a0 T9 r' \4 v
      }0 `8 K+ q+ P& }7 |7 O
   else if (document.layers) {6 I5 r$ b3 e- N- v2 r
      xMax = window.innerWidth;: I. O+ ^. c- z$ g# \
      yMax = window.innerHeight;" p* d7 b5 M; F- a
      contentWidth=document.supertext.document.width1 I3 J( q6 K( M
      contentHeight=document.supertext.document.height) y5 C( O! F9 |4 t. W+ i+ u
      document.layers["supertext"].visibility = "show";
, N3 @- W9 I) L! a+ R+ N      }" a+ v4 k, _: q" ~) Z& W6 E
   setTimeout('moveBall()',400);* s4 k+ ?; {1 q0 R6 b# Y
   if (hidetimer!='')$ C- h& b2 q* T2 t6 t6 C% f
   setTimeout("hidetext()",hidetimer)  Z' V, B* v, [& {5 J' u
   }
6 x3 k5 y' J3 u5 q' |( r4 s
2 D( S* `) s/ m) \' T2 Pfunction moveBall() {& M5 R4 ?, n! J- I) I, f
   if (superballRunning == true) {. z: G) f4 c' Z" A
      calculatePosition();6 J% E) o7 u: c, Z: \4 s: d  w
      if (document.all) {7 t  ]" r6 X% O1 I  ^# S0 J+ y, c
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 O7 r/ _! ^8 B# \0 |         document.all("supertext").style.top = yPos + document.body.scrollTop;) _" r8 P. ?; Q1 ?& t7 a& y
         }5 E' p" j' |* e3 M) ?; Z
      else if (document.layers) {
. h. L) a# O; [         document.layers["supertext"].left = xPos + pageXOffset;
5 B2 e  V# N; w7 _! P# D         document.layers["supertext"].top = yPos + pageYOffset;
/ x; M7 i0 \, ]9 M! D  k) O         }
3 O. W( `. M* P9 G3 D& z      animatetext=setTimeout('moveBall()',20);
) K$ P5 }5 j+ t6 `5 D1 S      }
$ n2 ]- b2 {5 y* a7 g3 [, S3 e   }
9 B0 E8 h( x) T4 _& @9 x6 _. F! s5 \0 o0 E1 [
function calculatePosition() {* V8 f! U! F2 a( N3 K
   if (xDir == "right") {2 i5 m; F% g8 \6 ~) `8 j  @; A4 c
      if (xPos > (xMax - contentWidth - BallSpeed)) {* @6 Y9 S" K: P( E# G
         xDir = "left";
- j) B4 ?8 P: l         }; E7 e" Y4 i9 e. e
      }
0 M' `7 `. |! `2 _/ Z$ b9 m   else if (xDir == "left") {2 L2 R6 m$ C: u0 r
      if (xPos < (0 + BallSpeed)) {
( t* ~4 ?3 q! @' j( P9 `         xDir = "right";. x0 w7 R7 N, N, k/ a
         }
" f+ P+ p1 b% Y+ |2 O      }
: L2 j% |1 {% q: v5 A& {   if (yDir == "down") {
0 u. l: ~  U0 t" B      if (yPos > (yMax - contentHeight - BallSpeed)) {
- \9 e* y( ~) P1 A# q4 }1 A" Y         yDir = "up";
0 p7 f6 E' V/ y5 D         }8 ?0 y  N1 Z  T6 b  V1 A
      }7 ]# j) N- ]9 k; P
   else if (yDir == "up") {4 ?7 W7 ]* f  W
      if (yPos < (0 + BallSpeed)) {
3 G* Y/ ?) h  u+ A5 j6 r         yDir = "down";6 ^, u9 v& _8 k& d* {& K2 j1 f
         }
" m9 O0 z1 _$ _! L& p* y      }# _3 |$ V3 l' N: i
   if (xDir == "right") {
+ t3 b% r1 h( y( m9 i' Y      xPos = xPos + BallSpeed;' O! W  A! X# U
      }* |' _3 j" z5 S# v( |- }
   else if (xDir == "left") {+ F( m3 U0 G0 X. }* K
      xPos = xPos - BallSpeed;6 `/ x  Z8 y6 d& r. e# z
      }1 F+ x9 j( Y3 M9 V4 E! a+ b6 M
   else {1 l+ A- @6 b' T+ f* B9 V
      xPos = xPos;8 @1 p" q5 D3 v
      }
- g( x* M, s; H   if (yDir == "down") {
( h6 ^1 Y5 g4 O) w1 C0 s: a3 x+ e      yPos = yPos + BallSpeed;+ \' ~" ^0 c6 T4 G* M, \
      }
3 m9 ?; u% V& }' k4 x   else if (yDir == "up") {
' R- c2 k8 q- _9 Y5 A; x      yPos = yPos - BallSpeed;7 p. I: _* v2 ]  z% u9 l. x: q" a& U
      }' m. {; i3 w& V
   else {: r4 [( f- @" ]; p8 M! q
      yPos = yPos;4 W4 y' ^: {' Q: u# P# a. _/ r( l1 P1 I( `
      }7 r3 B% a% j: X9 z
   }
" {2 m- W3 C* f5 `; I6 A+ l6 h: Q
. f3 f2 Q$ @6 p* |function hidetext(){3 G4 d4 ]/ M/ m9 D+ Z
if (document.all)6 L5 a+ a* W2 C+ D/ x8 Z3 z
supertext.style.visibility="hidden"
: s# P" H$ f# i6 v3 [- Relse if (document.layers)
' c% _. ]0 j8 x8 _% j' h' Idocument.supertext.visibility="hide"
4 ~$ z' ~( X# z* m/ jclearTimeout(animatetext)7 u; S4 k. C- F4 V& e0 d% v
}
! D& ?: @. \6 ~3 k- g
8 B" A  D7 \/ z* q. X0 u. rif (document.all||document.layers){
& W) T# l3 R0 I- n4 Pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, x% r2 e# @% s/ t) {. ewindow.onload = initializeBall;5 W( B1 U& H/ d2 y) L' U
window.onresize = new Function("window.location.reload()");4 n' V; f& T) H0 j
}
# Y1 g& W7 Y% w- K; w3 y
, x) U' d. X: j3 H1 k</script>