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

zw2004

<style type="text/css">" g# M6 X  s' ^1 t  L8 O
#supertext {/ K1 G9 H: \* L% r
position:absolute;
: h# P7 x! f# n/ G. A! zleft:0;3 K- X( k$ r4 [1 S, R) M# y
top:0;
" R/ d8 K( J0 y1 }: I9 {$ `5 Bvisibility:hide;2 q( ~# k: u2 R* o0 }; Y
visibility:hidden;
( d+ `& h/ K' U, A}
; C) D: ?9 Y. W- H5 W8 r" z</style>
8 `+ p; ]/ x+ @% a- Z- i& O<script language="JavaScript1.2">& G/ s4 W7 U+ B4 [* Y0 y% k% H
<!-- 改变下的字体的大小。颜色-->& l- }+ b2 b5 R
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 e8 n% g& N, h3 Z, Q% J8 u! O  Q
var hidetimer='';: x* t8 V. q& Q
<!-- 改变下的弹跳速度-->; F( w- F: Z/ l4 P4 H" @) @- L3 w
var BallSpeed = 20;
2 e9 G% G% I8 }4 d! wvar contentWidth;) @* e8 ^6 _+ U- O; T
var contentHeight;. x9 c0 s- e1 h& p. }
var maxBallSpeed = 50;8 b  B, h; e) e& S4 I( e
4 C$ V- P2 I2 S* g* |* q

8 O0 g8 t& L; {var xMax;
: b7 K& P- q. \5 ~var yMax;
% B  i6 Y/ {2 v9 M6 A3 gvar xPos = 0;
7 Q4 n8 o5 H& K, M9 n+ v; a! k% cvar yPos = 0;/ w$ x! ?7 D( K: I( h
var xDir = 'right';+ Y/ w. J! }- i3 B
var yDir = 'down';
( E# z) d3 K" n, C/ R  _var superballRunning = true;
$ ~/ m. {1 {7 j9 y/ c& E: p8 [var tempBallSpeed;
" y( M/ q! @9 Pvar currentBallSrc;
6 D0 t% M; V6 B+ q% d  z' Dvar newXDir;
+ s, R! B$ [; H* }1 ]var newYDir;
, p( @7 x$ M; w& ]" }  u# _4 l% [6 H7 M! m) K' Q/ R
function initializeBall() {' |5 u# s. `; j7 ?% u$ x: {% M
   if (document.all) {4 B$ z8 b, ^' g( S1 e
      xMax = document.body.clientWidth
9 a8 R2 K2 i) z: z      yMax = document.body.clientHeight. Y; x& {9 f9 y. j* T: J( k9 f/ h
      document.all("supertext").style.visibility = "visible";
/ j+ K6 A/ i2 |; S% }! e8 w      contentWidth=supertext.offsetWidth9 {: q( _8 C5 F/ n
      contentHeight=supertext.offsetHeight
% L8 o5 k1 R3 j" y% U$ B4 X7 g$ s; _" h      }, P- l/ t- e4 d3 i  y
   else if (document.layers) {9 \: m' ]% \) o- }. T3 |7 T( i
      xMax = window.innerWidth;
& Y2 C$ U3 @1 p7 v" E# I      yMax = window.innerHeight;
: q) v8 X. @/ d% G4 s5 u      contentWidth=document.supertext.document.width
/ }; ^1 V4 \6 _: z1 f: h      contentHeight=document.supertext.document.height' f7 n9 ?7 O1 X, d
      document.layers["supertext"].visibility = "show";) W# U9 U: ]- N! }; V
      }5 K1 v7 j( p: t6 O) n& G
   setTimeout('moveBall()',400);! n. x! ?; L! Z; ?8 h" Y/ u
   if (hidetimer!='')
" Y  l. j$ Y% N   setTimeout("hidetext()",hidetimer)0 D, k/ D$ t  F8 E
   }
/ \& N/ f" b) E2 z# Y. I  t+ `6 l# Y; l
function moveBall() {: b& v1 ]* t! `8 |; U
   if (superballRunning == true) {
9 X& N# A+ A4 r" N' L      calculatePosition();: v7 J0 P% X) u# A1 D
      if (document.all) {
* }( }. `9 [2 A3 P: z. H         document.all("supertext").style.left = xPos + document.body.scrollLeft;' o$ C6 [4 @$ T; R+ `. e! h. h7 |& s
         document.all("supertext").style.top = yPos + document.body.scrollTop;6 t  T: P% C0 M( X% D6 @5 j) w
         }
# u. N! z; h1 D& |      else if (document.layers) {+ }$ v( ?# [$ B, |
         document.layers["supertext"].left = xPos + pageXOffset;- C4 A: ?- S# k' j. e6 f
         document.layers["supertext"].top = yPos + pageYOffset;
  c4 U, Q$ c$ p8 a, p         }. P! V* [9 j: J) E8 M7 L
      animatetext=setTimeout('moveBall()',20);
& U$ g& f0 y( A$ T8 U$ _" c      }
% `, }9 U4 a: H& f* N( T! e   }
$ S' i% p) k( \* O; s( ^# ?0 h) e# T  _% ?9 b) c. k
function calculatePosition() {
  f2 u  z0 {' }7 l   if (xDir == "right") {
- P, D- ~2 N- H1 B" y, F7 E      if (xPos > (xMax - contentWidth - BallSpeed)) {' \; q1 Z& d  @% Z0 }2 M
         xDir = "left";
8 s1 I+ w" H  @         }  S5 c5 Y# n$ E1 i9 c, B6 p5 L
      }5 n0 i, o- {* P; J4 `
   else if (xDir == "left") {3 Q8 A1 A% q6 ~
      if (xPos < (0 + BallSpeed)) {5 @' @+ P0 r# T0 r2 t8 }
         xDir = "right";
" l- Z7 @- W" x1 B( Q  G, V: V2 v         }
  ^4 a) o2 Z4 j# U" o- k% u      }
7 b& e, S& _  Q& }   if (yDir == "down") {- G$ Y% g% I' U4 {
      if (yPos > (yMax - contentHeight - BallSpeed)) {
) K* Y1 W1 m3 ^' u9 f6 v         yDir = "up";
, `3 Q' o/ o  ^9 l  L" E' K% s         }% e! l3 L3 ^2 r" {' q( X$ f
      }$ o* s+ c; i; X& @1 }* V
   else if (yDir == "up") {/ |6 z" c/ _" ^2 n
      if (yPos < (0 + BallSpeed)) {
. S1 n" Q9 T9 k  b, A1 u; K' [! e         yDir = "down";* ~1 ~: L/ }5 [$ \
         }
3 @. x! f6 H4 l: O$ g; k      }) K* p, u/ m6 R, T- m. Y
   if (xDir == "right") {$ t& }9 a9 [% |/ I( L1 l
      xPos = xPos + BallSpeed;
" x) p; z, U; y8 W" x0 Z      }
- G+ r! n$ a  [8 x8 Y   else if (xDir == "left") {
' {$ U& d( r5 q2 M      xPos = xPos - BallSpeed;
+ |2 o+ ]8 F9 |      }
. B3 U1 g0 [& c& B5 h: t% I( ~   else {1 Y+ h" {. h; u8 M5 ?  d/ F, G5 e7 M
      xPos = xPos;) O! S3 I( t. ]9 B& Y) e/ K  u
      }
6 f) }3 c; H1 j7 ~   if (yDir == "down") {
2 n# z; q% [7 V- P5 o      yPos = yPos + BallSpeed;! A3 W7 f! C8 N+ O8 M& E
      }* n/ h0 g2 d! ^4 `0 U
   else if (yDir == "up") {$ Y6 {3 C( D$ L
      yPos = yPos - BallSpeed;* b9 n+ k1 b& R' V
      }9 b7 Y4 T, O, J' L3 v% x) }( ]- C
   else {2 b1 o& G3 D: ]# Y" J6 v/ Q( J' Z
      yPos = yPos;3 M: o; H8 _2 g" r5 e
      }
0 v6 ]6 T5 N5 L: X; ]5 y) |   }2 w2 Z5 a! E# C6 A# a
, ^3 C: O4 Q. m4 H
function hidetext(){
0 a* A. h& _/ b: @8 zif (document.all): E7 r# n# _% o( N% u1 g
supertext.style.visibility="hidden"8 B9 G- Z' ~4 y0 C# ~8 u  |7 \% t
else if (document.layers)9 L# @: H" @# I9 X/ T
document.supertext.visibility="hide"
& ]/ }' K# o: I0 K# V: wclearTimeout(animatetext)
, J0 f1 w0 Y5 {6 Q6 R& E0 F0 D}
/ U/ I1 C, _$ F, }1 m8 w" r. ?' C
if (document.all||document.layers){+ w3 c) l) Y1 H. K  s
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& z* `% e+ r$ e; s! V
window.onload = initializeBall;
- {+ T2 M2 m: ^/ |9 F, r2 Cwindow.onresize = new Function("window.location.reload()");
. p+ [1 Q/ }0 j* g8 m- T" e8 X}
: }* `( l7 |0 f3 {+ {) m% U1 j, Z4 a# b0 u0 a! R
</script>