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

zw2004

<style type="text/css">
0 A) h& N! W4 p) y/ o#supertext {) r3 u+ Y1 M0 Y7 k$ P
position:absolute;, L; o! I6 h6 M
left:0;% ]5 k: _, |, C, T" u
top:0;* E' Z" L+ L  T* J; n
visibility:hide;9 M% S, {; u3 ]8 N. ?
visibility:hidden;
7 Y- Q% E2 T, w( m}  T) P+ t8 k9 L2 l2 x3 I; G
</style>$ H6 }+ s- h" x) b; C! x% W
<script language="JavaScript1.2">
) q" ]$ g/ B* x( F' R<!-- 改变下的字体的大小。颜色-->, S% E9 v+ ]% B* L0 ]! e- W
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 L5 Q6 p9 r, S8 }7 U! o
var hidetimer='';
4 N' Y2 Z: A! B& E8 O6 c$ b2 @<!-- 改变下的弹跳速度-->
1 J; C( j& {& l3 t: ~+ V  b, O0 Jvar BallSpeed = 20;
# j  i1 P8 M) U8 ^: xvar contentWidth;7 B# Z0 C3 k7 `' [7 c
var contentHeight;2 C9 A% B+ H1 _" t5 T5 ]
var maxBallSpeed = 50;( \: i5 d' ^; H# f

8 F- M. Z+ l) }  n3 _" o) {
) i) }1 b0 \6 M8 Cvar xMax;
4 L4 V5 J8 @+ k1 W; dvar yMax;$ a9 k/ ?% }0 X% d4 v! i
var xPos = 0;5 I/ |( Y* M4 Z, Q5 m; @$ f9 b
var yPos = 0;+ f+ {: Z1 `; [
var xDir = 'right';! x5 F- c% ~2 _, q# N
var yDir = 'down';# C& D# ?- ^2 ?( z
var superballRunning = true;0 [8 j' L( Q; e& o6 ~$ |3 V
var tempBallSpeed;
6 y. f& l) a( U. |% i* r" j- `var currentBallSrc;# C/ H- X/ F% E$ U! n3 g9 ?
var newXDir;. l% D7 A: B* \- t; {0 g1 s
var newYDir;
% I- I- [& f) y2 G, B7 L/ i& m( T" |1 A8 t9 M8 I; w- `
function initializeBall() {/ Q. n9 t" x& n6 y7 M
   if (document.all) {4 z& P  F( l+ S
      xMax = document.body.clientWidth
7 {  B, q+ i8 d5 f5 _9 l/ z      yMax = document.body.clientHeight! l% F$ ]4 v. e0 j
      document.all("supertext").style.visibility = "visible";
# l3 e; f7 k5 ?0 C5 h2 c      contentWidth=supertext.offsetWidth
" A2 w) n8 Y6 \( M      contentHeight=supertext.offsetHeight
# D& }- Y4 M1 U      }! H  ]' }. f/ S
   else if (document.layers) {4 L/ j* \- a. a* m" o) c' r
      xMax = window.innerWidth;( p3 j/ I9 A2 B2 [
      yMax = window.innerHeight;1 o, c; u0 `& J. M6 Q5 X
      contentWidth=document.supertext.document.width
, O* F) |$ c5 [- [, C      contentHeight=document.supertext.document.height
0 h( d+ T. ?- N; y      document.layers["supertext"].visibility = "show";% [/ U: A7 U+ q% t1 Q8 H8 \( I9 y
      }: c7 |" t% E5 c# O& {6 k) m& M
   setTimeout('moveBall()',400);
: g2 i  ~/ N+ g0 J1 Z' n3 n   if (hidetimer!='')& y0 i7 y, K$ R3 c& R1 Q6 }. Z1 X' l
   setTimeout("hidetext()",hidetimer)
3 Z! X! L6 @9 W9 G9 `. {   }
9 F. ]+ i2 w0 J( @& {( q% Q
- ?6 v( e) l# q" o9 ufunction moveBall() {
6 X6 J- K) t3 C# q7 L5 f7 E0 b   if (superballRunning == true) {
0 B1 d1 k# C3 r& |3 j% H7 T- M      calculatePosition();/ X( S% T2 T5 M/ c1 S# w8 e
      if (document.all) {
! J3 s0 p" ^7 d0 b/ B8 ?" _         document.all("supertext").style.left = xPos + document.body.scrollLeft;. C3 \4 C# {9 V8 u4 P$ h% g0 D+ r
         document.all("supertext").style.top = yPos + document.body.scrollTop;; S, ]0 _" B6 `  k* r  q0 [
         }: |0 _# a! r) P! C3 R, R! H6 S8 z
      else if (document.layers) {& L1 k. n# A; T& _* v# o3 `
         document.layers["supertext"].left = xPos + pageXOffset;
2 a5 I! ?1 M/ X         document.layers["supertext"].top = yPos + pageYOffset;
# l4 s$ c5 N' A. n' [         }
- w* e: `' B5 m% E* z: Y: m      animatetext=setTimeout('moveBall()',20);2 j: y# p! [, {% [
      }
% Q% L6 z! x& @4 W2 l   }, v# ~$ a" i+ f. g3 A, m: u( b

# P% p! S' _! ^9 J" Pfunction calculatePosition() {9 t) R8 y2 h9 Q1 x
   if (xDir == "right") {, P5 K) r3 @3 b4 _: h$ M
      if (xPos > (xMax - contentWidth - BallSpeed)) {. L* m5 @! q- a. j; [* [4 q
         xDir = "left";% n# H2 N3 |' F( a0 {$ @) b! ^
         }7 \' M4 @2 f( k, W2 U0 n
      }6 j7 Y1 K# z3 p' W) R8 _+ i; X! ~
   else if (xDir == "left") {
9 ^4 R5 G* A+ V/ b$ w9 }* m      if (xPos < (0 + BallSpeed)) {, B* @) `* V' `8 X2 ]( M
         xDir = "right";- ?5 J  R3 \9 h$ e. D3 ~
         }
# U8 h; `5 H" [      }; U8 G4 O% O4 B) f" J$ ?9 A
   if (yDir == "down") {
) k3 \) ]1 ~" z) T, I0 R      if (yPos > (yMax - contentHeight - BallSpeed)) {9 i! D" g  N3 x% a' ]. b
         yDir = "up";
9 V" x* w# T- v         }) E! r. P( B. o1 V0 D# S8 e
      }7 u; {: a2 X4 a( q
   else if (yDir == "up") {
; J' ^& L( @5 K+ ]8 N7 `      if (yPos < (0 + BallSpeed)) {! S1 {9 |5 D0 A! h
         yDir = "down";7 D, k' Y) k9 o; {
         }" Y* v# B# i2 H* I# {' w
      }$ v( C- c3 [. h- g$ J
   if (xDir == "right") {
0 y( z* q7 b7 z% \% O4 i  _      xPos = xPos + BallSpeed;
& _+ X  }* q8 A9 {      }- b# S3 @( H; e6 c
   else if (xDir == "left") {: Y3 f6 ~$ o6 g" i7 |
      xPos = xPos - BallSpeed;
8 I3 k% {- R7 G0 E- I. O) f      }
0 T8 y- v4 w$ K& G   else {3 P$ V7 V$ o! G6 _7 b
      xPos = xPos;
- l& K- f0 }$ e4 C7 h% K      }
2 d6 V* \' h( b5 o1 ~( `   if (yDir == "down") {9 A& L# k" o! o" V3 h( V! ]
      yPos = yPos + BallSpeed;
: W0 J, W2 w8 \      }
4 v: X8 U1 @0 G8 x7 j   else if (yDir == "up") {( N: a) X4 i! D  ?  g8 P* b) B
      yPos = yPos - BallSpeed;
# L4 A8 ]5 @7 l2 c      }
" n  f8 B' m! W0 {! ~2 y; F   else {
) x$ V* U7 V, ]" c9 t1 T: @/ W      yPos = yPos;8 O. e; p; u! f' Q# l/ C  O! `2 E
      }
7 d! O& u# U9 h, r7 R$ f, g* U   }
7 O/ j& R0 e& H  l5 a6 Q
- n2 W, c: t" Q2 c) gfunction hidetext(){; X+ w, A$ H# u, Q/ u
if (document.all)
9 J/ g1 U/ D, n6 P) q8 H: _/ }& Jsupertext.style.visibility="hidden"
* ]/ ]/ k& n6 L: Oelse if (document.layers)
/ Z8 D. U9 Q$ u0 i! K7 Y. _/ Vdocument.supertext.visibility="hide"2 E4 E! C3 m3 }6 ?& T+ U( n; j# P
clearTimeout(animatetext)( R  D- ^3 C$ L& f# z" _
}
" `$ z+ A% Z# I6 ~: X+ e! H
1 Q6 a; a7 `- d$ U" Fif (document.all||document.layers){% P0 y* k4 F  k( x. p# g7 A
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) q. t$ K& y% ~2 a1 zwindow.onload = initializeBall;
9 O5 y5 D2 p( s2 g' c2 N* ywindow.onresize = new Function("window.location.reload()");& Z0 M# `9 e" x( y  K- o, _! s
}
  n- k% }# r( _- g# O
' D3 P: r& A7 X& o' v6 ~7 o2 y</script>