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

zw2004

<style type="text/css">
  n0 x' f; _' r3 _' g5 \#supertext {
; p( U/ O0 s" l' e) |* z" l  lposition:absolute;
( x3 C( p7 z% j/ }left:0;4 d% C9 l! {. h! P, s. t
top:0;" n. D% C, J, p
visibility:hide;
9 j# p' Q' a5 o1 U1 k6 `/ ~visibility:hidden;
; @5 |: r( y; q}& k5 c# l2 |" ]6 p" p
</style>/ T2 R; \  A+ q2 u
<script language="JavaScript1.2">
9 a8 ^5 c! J& f+ x4 F- f<!-- 改变下的字体的大小。颜色-->5 A$ `2 l1 A1 @6 m
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) a( E, Z" m8 f' p9 K; S4 j8 cvar hidetimer='';
6 E, c6 h& s9 j: X4 w& L<!-- 改变下的弹跳速度-->
" j$ E- ]7 ^& P/ r4 b' Yvar BallSpeed = 20;
1 l3 j; d# v2 [; ~var contentWidth;
. `# `7 E9 C( H- K$ q) f5 Lvar contentHeight;
7 G2 {8 \5 ^1 |* ?+ avar maxBallSpeed = 50;* ]/ e1 [  z9 a$ Y1 @

6 l$ i1 }9 A8 z, }+ v
2 w" H# B0 m+ P4 k  `" x2 tvar xMax;$ v  l) T( }# j3 H: d3 e: I' A
var yMax;, O( a" a, h$ q; |) s
var xPos = 0;
6 h- S% E/ a& Cvar yPos = 0;6 W/ x' N$ Q$ O4 G4 E1 V$ d5 I8 Q
var xDir = 'right';  d$ K4 w/ M% f) R" u2 p
var yDir = 'down';
9 R- w+ U. t  ^$ k: m, D- O7 Xvar superballRunning = true;
# S( _3 y2 k1 J% A/ ^var tempBallSpeed;5 I- P! \1 Z5 T1 {' `* ~
var currentBallSrc;; G4 m) p+ H. d
var newXDir;1 R, I2 c5 Y2 Z  r
var newYDir;
8 t4 O8 [  \  Q. c1 }" Y% }" X
% K* l( y% S) w* e* f* }function initializeBall() {$ _6 K' g# H9 u, }; j
   if (document.all) {) W! k* [" Q% M3 N9 y& x
      xMax = document.body.clientWidth, G, J* ]; P0 S' G, |9 ?) r2 q
      yMax = document.body.clientHeight
' A# d) ^6 Q7 f2 x( A+ |& m* [      document.all("supertext").style.visibility = "visible";/ O( s6 x" g) h2 u( p  _# ?9 L
      contentWidth=supertext.offsetWidth
3 z( V9 ]- Q8 r3 P$ o      contentHeight=supertext.offsetHeight8 P( B  u, J- J9 A2 U
      }3 \1 u5 D" J5 f3 X
   else if (document.layers) {- ~1 G; W  K" Z5 ~* \( n& e
      xMax = window.innerWidth;
3 B) z2 m/ w* |7 k' v3 U+ h! ^      yMax = window.innerHeight;) \' Y: I  z  ~# K, f: N3 T
      contentWidth=document.supertext.document.width/ c. d3 v6 A2 k1 Y  d+ X
      contentHeight=document.supertext.document.height
! {* `1 a+ w3 E, ?8 L      document.layers["supertext"].visibility = "show";* x7 B9 l$ H$ o) w/ `! W
      }
; `$ p3 k  e% J' X" r# i" b   setTimeout('moveBall()',400);
9 \- Z. [7 O5 [; d7 x6 k6 \   if (hidetimer!='')
" p) ^9 g# ]% F, ]2 u) N   setTimeout("hidetext()",hidetimer)* K+ Q+ Y: v3 P" f! _5 u$ T! V9 h
   }. M" b+ u. [. z' m& e/ j/ s

7 L0 O( q8 ~" {& h& |function moveBall() {
$ [$ M) j4 S4 i+ N9 I6 z   if (superballRunning == true) {! M" w9 Y+ T; M+ u: j# d' ^0 p
      calculatePosition();
, G5 e0 U7 v( w1 R9 ]+ `, l      if (document.all) {2 N+ ]) f! Y: X! P. v' N
         document.all("supertext").style.left = xPos + document.body.scrollLeft;! E1 X4 K6 x, q# o. ], K
         document.all("supertext").style.top = yPos + document.body.scrollTop;6 I' I. C: z; G0 l7 K
         }
& t3 k/ I, `/ A      else if (document.layers) {
7 _% O: S+ w! Z. `; u- x         document.layers["supertext"].left = xPos + pageXOffset;  p- r, f( E$ P( m# P5 M) ~5 `6 Y1 U
         document.layers["supertext"].top = yPos + pageYOffset;
3 c& o! [  E# P/ J& c+ C) a         }  a0 O3 u: z' f) B- G8 ]
      animatetext=setTimeout('moveBall()',20);
0 w" A$ O. W7 l! S) F# o      }' f& ^/ K. w$ W8 ]- ]
   }- [% J0 c/ c7 d
7 L( P0 ?6 K0 D4 a8 O1 b0 [
function calculatePosition() {
( d; j, l7 Q8 p: D   if (xDir == "right") {' g+ u# B% p" P$ A' |
      if (xPos > (xMax - contentWidth - BallSpeed)) {  U4 c. D/ t: ~) [# N- F! Z
         xDir = "left";
9 t; g* s: q0 L* a8 d7 w  X         }
, z5 F2 W( x' }" N* |      }
" H" v/ v  @  A3 |0 r, k3 k   else if (xDir == "left") {
8 o0 e* O5 [7 d9 [0 l. ?. T* m      if (xPos < (0 + BallSpeed)) {2 ]$ n. m6 E3 ~2 _5 B% u
         xDir = "right";
7 C9 X% @# L; g+ G8 A" w- a         }$ @( T6 x! g$ I& x9 D. p# G+ O4 `+ ~
      }, f1 t9 {" p4 X: y
   if (yDir == "down") {3 @9 [  G2 h, e, O
      if (yPos > (yMax - contentHeight - BallSpeed)) {( w, @" k! j% ^+ |- z# m0 }
         yDir = "up";
% f5 O! s) _7 f# F( Z  A         }
. ^- D( e4 Y; B      }
" |+ s8 `! p. ]   else if (yDir == "up") {
5 S* `/ U. `: B/ c/ |" g      if (yPos < (0 + BallSpeed)) {
3 G( N5 |- d4 G2 I& `; O         yDir = "down";  ]' a7 s0 @/ g1 Q5 k7 P. U7 O
         }
# j) [3 o( r# U3 ^+ F      }
3 f# T* W5 G( h$ o! ]  e/ q   if (xDir == "right") {% |5 |2 ^  l! a
      xPos = xPos + BallSpeed;
1 J% ~0 v# d; X      }. ]; q5 m/ o+ _
   else if (xDir == "left") {' S7 f  A5 n8 h+ _, \; q
      xPos = xPos - BallSpeed;0 S7 R  I% L: d3 ~, E) n
      }
, m( Y  f  S% W! [; y2 q   else {
6 `0 F" y- J3 L& \2 b! N8 L      xPos = xPos;8 g; a7 @; F* P/ y) A' ~
      }
/ \: _- T/ d5 `7 s9 t   if (yDir == "down") {4 U4 n8 h% r3 g% G" v$ a5 ^
      yPos = yPos + BallSpeed;
" m) ~) b3 F- `0 g. @) W$ [      }
9 c+ o, [2 K; e2 }( ~  e/ g   else if (yDir == "up") {
5 o( @9 p5 |. Z& N) G- I% e  E      yPos = yPos - BallSpeed;5 V, L  n& W% F* B. h7 m  |  @
      }- k" Y* W9 z8 y) D% h4 |' v
   else {
, k: U3 T0 V: _5 K( U      yPos = yPos;% w/ c  n6 z5 [( q4 V1 ]8 T
      }) P0 c6 K/ V' [" @: _+ M
   }- Z. O) Z5 ]% P8 I5 p. P
- o- s* p% s% U4 A* g
function hidetext(){! l" L4 {6 R+ n5 D+ i0 e: k
if (document.all)
! x6 e9 L' ]* y: O6 ~& a" g: esupertext.style.visibility="hidden"
# Y" Y; e  {2 r) aelse if (document.layers)
( V2 X1 R" D8 J) n* J( Idocument.supertext.visibility="hide"8 A% C7 W( u* A, K& y, F
clearTimeout(animatetext)
( N2 O7 F* |# V* b}  G# ^/ v& j  i2 {5 s- m3 D
4 S: a) b4 C7 b4 _6 N. I
if (document.all||document.layers){' z/ K* g8 a. R3 v& k* M: f4 Z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- [( @7 F  H) A2 _0 U* d1 R$ Xwindow.onload = initializeBall;( B0 J9 `" \4 B" }. u) S
window.onresize = new Function("window.location.reload()");4 Y/ p9 Z1 J5 ~7 m6 n
}
5 d. v! |  Z$ i$ u6 k9 o2 _4 l% U" x6 R0 p. G1 w. c5 x0 A( k
</script>