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

zw2004

<style type="text/css">
5 ~- S" R& e3 S  j#supertext {6 a  _/ K, i3 Z  n; m7 y6 E
position:absolute;2 g) V, N$ E; e+ K# h
left:0;
- c( |( S; Z- T$ b. b0 Etop:0;
4 z7 {# r, O: E) xvisibility:hide;
/ X' `2 @% O9 Xvisibility:hidden;
6 Y6 H/ A3 Y' o/ n& v6 h6 j}
) d3 c) m2 s0 p* N# b' W9 m0 s( t! R6 r</style>1 Y! P; X, R( {! a, \& F- V
<script language="JavaScript1.2"># s- a* V  o) U5 y1 w
<!-- 改变下的字体的大小。颜色-->8 s* P; S+ T: g$ Q: A% h4 E
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ J0 A' l+ k7 V& `var hidetimer='';6 B. @' M3 h4 W1 F( {! N. G6 }
<!-- 改变下的弹跳速度-->
3 j0 z( W5 K/ u1 ^3 Ivar BallSpeed = 20;
4 B8 P/ R- j8 X7 c( }3 U0 Svar contentWidth;0 L/ d- H. _6 @
var contentHeight;
" `: ?9 j- O' O, f. Mvar maxBallSpeed = 50;. [( i0 K: N$ d; r: J

( h5 A5 K6 ^8 U: B: A) b. t& `3 }  u
var xMax;8 U. v2 c. j6 A+ Q" g
var yMax;0 o8 L+ U. D) `% A! j  E
var xPos = 0;& S9 l& `" x, f' J$ o! P
var yPos = 0;
8 `4 N' b0 U6 K4 Ovar xDir = 'right';* E$ `  `$ A. |& U) f
var yDir = 'down';( b" p) D* d3 K; b8 w" u
var superballRunning = true;
# I; b* }- w: r# [" r2 Ovar tempBallSpeed;( R1 y, a' R( O2 G
var currentBallSrc;2 v$ F1 d) l5 j+ U* C" m
var newXDir;
. l+ ^, Z* y  d# u! \% J( Svar newYDir;) {7 F  y2 w# J0 K9 T9 X
' o( ]$ ^0 ^0 R% }3 m% ]
function initializeBall() {; d7 x6 b. l' [% t! R- h) U5 v- ?
   if (document.all) {
3 s9 n8 `3 R; w  a4 a! c& A      xMax = document.body.clientWidth; H/ ~* q1 z! `
      yMax = document.body.clientHeight
+ N% Y; Y1 R. |& z% [      document.all("supertext").style.visibility = "visible";% c1 Y& l1 y8 _" z
      contentWidth=supertext.offsetWidth3 A$ M9 d6 |. |% d8 e
      contentHeight=supertext.offsetHeight
8 M; {+ ^: E7 U1 w3 x* x8 g      }8 @% M5 n' w+ N' d) u3 W& K
   else if (document.layers) {3 }1 t$ T% U& I0 e
      xMax = window.innerWidth;6 F8 X0 V* P8 b2 I
      yMax = window.innerHeight;- [: ^+ h2 ]/ `: c
      contentWidth=document.supertext.document.width' m" Z  `1 E, \0 y, j2 U& }
      contentHeight=document.supertext.document.height' ^. S1 y9 S7 U5 G% k1 I# e
      document.layers["supertext"].visibility = "show";
6 s0 K( T. X. t6 e# X; S+ G' x      }3 h, p9 `; }3 B
   setTimeout('moveBall()',400);
! [- p/ a/ i& e8 y  B   if (hidetimer!='')3 n  s' a% ^9 l7 {3 I+ I% T8 x
   setTimeout("hidetext()",hidetimer)
% G, o! B/ x$ \, m% X( H& C   }
, y; j& F9 ~/ _, p
) F, R4 U) B# _4 lfunction moveBall() {
" Y. G  r; K, w$ {. A   if (superballRunning == true) {. y9 X& |) Z5 ?# W
      calculatePosition();6 B" i/ ^, t3 k9 y; \- r" q
      if (document.all) {
% D6 H( g4 e3 T, [# f         document.all("supertext").style.left = xPos + document.body.scrollLeft;. U" d: ?! O2 E: p8 d
         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ y7 a! G, ~- o7 T! D' K9 q         }
) L2 Y0 Q; \* d2 U# C% t( a      else if (document.layers) {
  x9 o8 e3 f" U         document.layers["supertext"].left = xPos + pageXOffset;
+ o; ~8 q' j3 I         document.layers["supertext"].top = yPos + pageYOffset;
, f' ^0 z5 F. F         }
0 Z" w' [# G2 u3 }/ L      animatetext=setTimeout('moveBall()',20);- V; u' Q0 ]; ?
      }
- c3 {1 J) @3 ^* u5 {) A. Y   }
- ]( a+ Z: N8 s/ G, C+ R3 |* g5 _: x7 g
function calculatePosition() {2 [7 W1 {7 W2 j
   if (xDir == "right") {1 \8 b7 o7 ^# L: F  v# e5 P" u7 h0 O
      if (xPos > (xMax - contentWidth - BallSpeed)) {
; l' [. q$ B: D4 L& @% d         xDir = "left";
: W7 ^5 z7 x, I         }2 L/ T2 t% }/ l) U  C0 O
      }
2 [7 Z5 J) W* `   else if (xDir == "left") {% U! V/ G: s$ J
      if (xPos < (0 + BallSpeed)) {
7 _# e; ?; c. }8 B$ e         xDir = "right";
% ?6 T; T0 d$ w  T         }3 d8 @% O. O5 ?0 ^  u8 x
      }
, U2 d+ W; |- ]% H/ `0 M9 n; J   if (yDir == "down") {- c! g1 @. Y' R1 l7 g$ F
      if (yPos > (yMax - contentHeight - BallSpeed)) {
! {! _" ?. Z2 t5 D2 n, K- S" f         yDir = "up";
6 R1 w! Q+ Q4 `$ S0 u         }
- J0 u+ G. t# l# K# _      }- \* Q: R1 l( R$ q6 A6 z" r
   else if (yDir == "up") {& W' K+ w" Q! |+ B
      if (yPos < (0 + BallSpeed)) {% ~4 m6 e# E" s" \8 ~
         yDir = "down";) X( ], c4 k" i, o8 V
         }
5 j( f" F2 e* r" g; C! L      }
4 o# X" G/ `# }. i! J   if (xDir == "right") {2 ]+ t- ~8 r, d6 |6 l3 }/ |: Y8 ]) W
      xPos = xPos + BallSpeed;1 i- b( W9 o$ t
      }5 @* Z' n% k! L+ `6 Y
   else if (xDir == "left") {
* g4 p1 `) T8 y3 e/ j9 p: k$ M, P      xPos = xPos - BallSpeed;4 A% K/ k% Q- `6 _
      }: d7 A4 K/ O" C, h, W7 d0 O" S6 p& K
   else {
" M! y% K0 c! A3 _1 ]      xPos = xPos;6 u, k' a( @; ~# c0 H# M
      }
0 C, u0 \& y4 ~$ n' w- B   if (yDir == "down") {9 H( Y  J1 W% i' f1 Q' v6 I% Y: n& a
      yPos = yPos + BallSpeed;! Q$ x, {2 h) R6 [& W0 a9 H/ f
      }" B6 A: k9 C; q5 O# b
   else if (yDir == "up") {
7 b0 u% p) s0 u! l1 e2 i      yPos = yPos - BallSpeed;
  [0 h  H8 u! d3 ]: P6 y: s      }
: X" I' X/ T2 ]* S   else {/ s, T3 `2 d7 A1 `. J6 F
      yPos = yPos;
) j7 O, P) r( u+ I- s. W8 G      }
9 m$ F& r: J; _1 [# F( g/ e7 j& X2 E' w   }
* r) V0 c0 t/ w% z
: W2 T/ t. Z, @  R7 ?function hidetext(){
" r7 K. P3 L& fif (document.all)* v, N5 ^8 }9 Z2 V
supertext.style.visibility="hidden"
2 O) C$ N) b& }else if (document.layers)
: P/ i5 ~$ G" Z  tdocument.supertext.visibility="hide"
' }% T0 _; J- Z0 {+ r( `% ZclearTimeout(animatetext)
0 ]& S) I0 x. @}0 P- a: J* ^9 r4 J/ q( }2 S
3 S% N, I1 n3 ?' V& p! N& `
if (document.all||document.layers){
- E( Q" P9 R( Y) v6 I3 r7 c3 Odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 d9 b: l. P, B) i, Hwindow.onload = initializeBall;
% Q, X% o. t0 }* awindow.onresize = new Function("window.location.reload()");& k' @# U; F# Y. n/ v
}- L3 I, Y" ~8 u# X
. d3 g( o4 c/ y+ L
</script>