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

zw2004

<style type="text/css">8 G6 }3 m( T/ E; C1 z5 Z: Y
#supertext {
" U9 k  ^  B5 v9 k# Pposition:absolute;4 b- y# R' v# w8 r/ V  W
left:0;
5 ]7 H- z/ ~9 E% c) p  Ftop:0;7 N" j6 m4 J8 _
visibility:hide;
% ~$ h1 }$ A" k8 Yvisibility:hidden;
: A8 I8 |- O' t+ ]+ U1 s}' D" M) ~$ `: L( D( L+ E; |
</style>
  x: ~) P6 t5 L<script language="JavaScript1.2">
5 l) j2 ^/ y8 d$ G* i<!-- 改变下的字体的大小。颜色-->
/ w  f2 |- }6 H; q( L4 {var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! i: z& K4 t! }* k2 P8 }' }
var hidetimer='';
/ |; l& d9 W% Z<!-- 改变下的弹跳速度-->
5 W1 ?& z! a5 p0 Y/ `var BallSpeed = 20;9 b6 _/ H6 P. {. I
var contentWidth;
: K6 ~2 Y+ q$ fvar contentHeight;; o/ c4 [4 z- ^. l+ `$ [% h0 S* b
var maxBallSpeed = 50;+ m! [! P. f- A5 r# o

- Q( d; Y) I+ y+ A& m) F( y
" J8 w; N$ j2 ?! N$ svar xMax;
' s% Y; Z. b( N" N9 I% ?4 ^4 _6 Hvar yMax;( N) |+ C" f4 P( ?
var xPos = 0;) I1 s& |* G0 Q" i6 a+ k
var yPos = 0;
- {4 T4 ]; o+ J( x9 v! _: _var xDir = 'right';7 f+ W4 T: n" @* ~" n
var yDir = 'down';
: ~; b" @: D% h4 V  H8 @0 Rvar superballRunning = true;
& g! J" J  _4 \4 r- X7 d" s: Ovar tempBallSpeed;
, C6 _( v5 q3 M8 X1 |/ Kvar currentBallSrc;# h9 y% v) p* I& h# j; q
var newXDir;- M  w; v8 P. `$ s
var newYDir;
! D% F7 }. }5 Y# M) J6 @7 Z  l+ b3 C2 H6 X$ c) _
function initializeBall() {
  d, C/ q# Q" W; [6 p. w9 I4 D   if (document.all) {  o: ~! H' P' b* z/ v# C
      xMax = document.body.clientWidth" M9 x5 ^0 q2 S9 q- P  z
      yMax = document.body.clientHeight
2 p2 i' |3 P9 t2 y, e' E6 `      document.all("supertext").style.visibility = "visible";$ G8 Y8 u  {3 i, I) y" @3 Q: W/ I/ P
      contentWidth=supertext.offsetWidth! Z' ^% b9 y# g! p/ H0 c
      contentHeight=supertext.offsetHeight
  w: e% C& s% C; \1 L4 X      }
4 g: f$ E* Q) D& L# `6 b; q   else if (document.layers) {0 q& G5 _# G$ Y
      xMax = window.innerWidth;
/ P' a$ i  X2 T0 i/ Y; z      yMax = window.innerHeight;
5 G+ T: T- f, X5 j      contentWidth=document.supertext.document.width4 ^1 a$ B( E3 U0 d( U' ^
      contentHeight=document.supertext.document.height
1 K% B! q7 h6 |# O% s4 T$ t3 h      document.layers["supertext"].visibility = "show";- K& N. j/ l, k
      }3 D2 k# G4 J; s
   setTimeout('moveBall()',400);
$ K) G! K1 o/ c! A4 R" f; ]   if (hidetimer!='')
& M7 q' [; g7 ~   setTimeout("hidetext()",hidetimer)( C8 ~1 A( r3 t: s5 E3 u# \& m
   }
+ _7 V6 F/ Q; ?! I+ Q& r1 W
$ j+ M- Q9 O. |. {5 F2 Jfunction moveBall() {
9 U5 b& `$ J" s1 V   if (superballRunning == true) {7 N8 P6 L- A! y8 ^: ?
      calculatePosition();1 Y' F! Q# T' X; @: C# `
      if (document.all) {
- R# D  k" a! r: n% X4 J         document.all("supertext").style.left = xPos + document.body.scrollLeft;( U. `9 v& g  w/ x9 ^. O! f
         document.all("supertext").style.top = yPos + document.body.scrollTop;1 \7 {# a. Z0 b5 z! @) q3 {8 v+ W2 I/ s
         }
. F$ F- B5 D2 ~' O4 z- i3 G3 x: c      else if (document.layers) {* x- `: l. A. Z% A( S+ X9 N
         document.layers["supertext"].left = xPos + pageXOffset;
" @% R0 J. H2 F9 C$ P         document.layers["supertext"].top = yPos + pageYOffset;
2 q4 `/ P1 M; {  Z5 k7 B; v: b6 Y5 R( p         }
! ~7 U( s3 y; V7 h9 w$ }      animatetext=setTimeout('moveBall()',20);
; n5 c: }. y9 m$ V2 e8 h% W+ Z: n      }' b1 s) ~) R& a- H: q8 z
   }2 r, t) n  F  k, r  g! }

) s$ {- C" W" i: d0 i/ f/ t( z& |: cfunction calculatePosition() {
) D& x6 s  w; S, L- E$ W; W   if (xDir == "right") {
  z" g# e" @' j# {) d: F      if (xPos > (xMax - contentWidth - BallSpeed)) {6 l9 v% S& \- Y: o# m. {0 O
         xDir = "left";5 Q8 N0 O  r$ j
         }
7 P7 w2 ~0 n2 U: Y  _& ^( z      }" \( q# {" D$ w' x) I. t
   else if (xDir == "left") {
# a7 P$ a2 a- @      if (xPos < (0 + BallSpeed)) {" `4 q( r2 E4 m4 C; }  I
         xDir = "right";
1 t' H, x$ P! P  _# D+ b0 L         }; o* G' E* I7 N/ I3 h2 v9 Q, y
      }
" t) B& |2 Y& e+ F$ j* ]   if (yDir == "down") {9 E' ~2 H! p, ?  u; m
      if (yPos > (yMax - contentHeight - BallSpeed)) {7 L& g( d" r, B# w( N# K! u/ ?, G
         yDir = "up";0 B. S! F0 e1 c$ Y+ j
         }
. V, f" A1 U% q9 `7 n3 E0 }      }% b! K- ~3 I! z" k2 T2 ?; i
   else if (yDir == "up") {
$ c9 S2 p! L! s0 ~4 {. J. ^      if (yPos < (0 + BallSpeed)) {
, y3 I0 X0 B( C) U7 J( i5 w, A         yDir = "down";
& B! C3 @# X' \2 g& d         }3 J/ n2 O* v- U4 [/ s+ k6 c
      }
/ M  c! Y) C9 G) c/ d* ^3 h   if (xDir == "right") {# I  d( \  X2 @/ d# S
      xPos = xPos + BallSpeed;
' ~/ B7 Q( V/ \  I* b      }) }6 k2 R3 t, J/ g: \+ f# z
   else if (xDir == "left") {
* O, T& r, x2 i7 X2 x8 b' L9 }      xPos = xPos - BallSpeed;: J* X, x+ n- X: O
      }5 z, Y# E( n5 j% X
   else {
/ b5 J( i  k/ l- }' G      xPos = xPos;( T; [% E1 I, p0 F; D/ I5 r: A
      }% t% r( ~) r9 D$ }- X
   if (yDir == "down") {4 p4 E  f$ M+ z# H6 ]6 T5 x
      yPos = yPos + BallSpeed;
; W+ j  Q7 T& ?      }
( u0 D- ?. Z2 X8 ^/ ^   else if (yDir == "up") {
+ C& w% c- @1 T8 ]  V- U) v6 K      yPos = yPos - BallSpeed;. w' A( i6 K. i1 P+ h
      }! k$ W* Y5 A6 y  i. {' r+ x  L
   else {: }3 I# ^+ P( S( l$ |
      yPos = yPos;
9 ^4 |, ?. y6 R      }
: m& H% Z  Q# P/ n( _$ t. b+ z   }
* w8 w: j8 k# g) Z* A/ f+ V# m/ c! P' U7 l0 s& L3 G
function hidetext(){2 }4 ]- l! h& H9 m
if (document.all)
8 k7 \" O9 x9 z0 ?  m' ^supertext.style.visibility="hidden"- I3 w3 I; o6 T2 a/ |* P
else if (document.layers)
& W3 i5 z% L) v6 |/ zdocument.supertext.visibility="hide"8 y8 D* d6 b! a, M. F% C
clearTimeout(animatetext)) {/ X  y, s2 x6 l! ~4 c
}1 |1 L* f8 n5 C: h1 r2 t
8 f, V! N1 s2 N+ ?
if (document.all||document.layers){1 C+ m* ~& D, `# k8 ]
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ q; N% E1 S$ R1 \
window.onload = initializeBall;  q" s: s7 G3 _" c- C+ H8 r
window.onresize = new Function("window.location.reload()");- d+ \. c3 N& ~. N- {1 n, [5 r( V
}
7 \  v- e/ z4 m, L" e+ }* E- d( D: U$ I' w$ r. g) {
</script>