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

zw2004

<style type="text/css">8 _. Z. ~9 B$ W: u8 w
#supertext {
# D2 ^0 h( K: e3 Hposition:absolute;& t5 V. ~8 g, u7 }- F
left:0;
# [# j$ {# x$ L2 B7 atop:0;
  M; t( V% D; e! Avisibility:hide;8 N$ N% E$ |) N" U0 Q5 v: _* k1 u
visibility:hidden;
  F1 j+ H/ g; K; Z4 @6 r3 C' w}
. _- Y: o3 a3 q' e+ o</style>
: E2 _2 s3 O# m<script language="JavaScript1.2">% s! M. ^( m$ b! o( W
<!-- 改变下的字体的大小。颜色-->* o" g7 @8 e. f: w
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 y6 `) t! A" U" A. y% p# [, Y; {var hidetimer='';
0 |) r# C' a3 D) I2 C/ J9 I<!-- 改变下的弹跳速度-->, N4 ?- I+ ?# ^" V( e, l2 g  |
var BallSpeed = 20;
( }+ u  B2 t+ Z7 T: V  [% Evar contentWidth;
' c9 R  o' X9 u: I; M5 z* q: I  vvar contentHeight;# ~% {. P1 F$ d$ Q: [( a8 ^
var maxBallSpeed = 50;
& t+ @) s) r+ h# F' J4 J8 f5 t! S$ M$ I# u+ p0 ~0 t& w; I8 j: ]; k. F2 Y
7 {* v) h1 l9 G  Q
var xMax;- [4 m( f) i8 B& c# G
var yMax;$ l+ l- n* O0 @/ O2 h
var xPos = 0;
! M5 O: z: H: |5 p0 n2 B& ]! `var yPos = 0;. p+ A; O0 Y" g  W, a' g/ b
var xDir = 'right';
/ i4 K( W' M, A6 h  Y  Xvar yDir = 'down';( M7 q" y: q& I, B3 |
var superballRunning = true;
9 @' {/ Q; }. j. D. M3 k, y5 Ovar tempBallSpeed;
4 U$ J2 C; D) X1 nvar currentBallSrc;
" D; g3 D7 N8 g' hvar newXDir;* F3 e9 j- T0 v2 X; W
var newYDir;5 X+ Y2 }) [8 \( Q0 A
( o$ B+ [. X7 R5 ~' d+ U/ ^2 G0 }
function initializeBall() {
$ Y6 R" i7 w7 X) `   if (document.all) {3 G9 ^7 j8 q6 v
      xMax = document.body.clientWidth/ I$ u) Y& N1 b1 }
      yMax = document.body.clientHeight* K" u- z1 P2 _6 L  J$ S) Z, o
      document.all("supertext").style.visibility = "visible";
; t  N( B4 |1 j; T0 g& k; Q      contentWidth=supertext.offsetWidth' N# ?( c/ |& S- {
      contentHeight=supertext.offsetHeight
4 D6 H( d4 \* F9 n      }. L- v2 ?  n" ]8 b
   else if (document.layers) {& h% Z+ O  z% g! C; o
      xMax = window.innerWidth;
( c- D! v* T1 o      yMax = window.innerHeight;0 `$ C& n9 M) I. ?5 q- G; _5 i
      contentWidth=document.supertext.document.width& {4 }* }, ^( ^8 A5 ~) u, l' I
      contentHeight=document.supertext.document.height2 f! S! k) k! D
      document.layers["supertext"].visibility = "show";
3 D& Q: C# j* _/ ]0 q      }
0 S! Z( r$ Y  m6 F   setTimeout('moveBall()',400);- w; W+ C9 I* V$ q
   if (hidetimer!='')5 z+ K0 L- H) ^& {9 }4 G* [
   setTimeout("hidetext()",hidetimer)2 u4 R5 C! X1 H0 U  ~( t
   }- _+ }+ M, g/ g$ v. n9 x2 w' t
1 \$ J9 e! i5 M' w' [
function moveBall() {
/ [3 V% S) S7 t5 ]   if (superballRunning == true) {
, d7 I1 e' X* o1 T" M/ w- \1 D9 q      calculatePosition();, Q" m* p, ^; {- Z/ H) C2 X$ h/ M
      if (document.all) {1 l$ U. v) F7 s' W
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
: N2 T2 x1 y0 ]6 o7 U         document.all("supertext").style.top = yPos + document.body.scrollTop;
% ^; A! {0 W4 ?0 T# W         }2 h( a. p2 P+ o2 F
      else if (document.layers) {( r) z6 V) Z9 T0 u4 V
         document.layers["supertext"].left = xPos + pageXOffset;# ^: _0 E- B& s( d) K( ]
         document.layers["supertext"].top = yPos + pageYOffset;
* L3 u' G6 n( X$ K; L+ V6 P# h* Y         }
- f( q# a! o/ M. g  S      animatetext=setTimeout('moveBall()',20);
) {! b5 q4 r  R      }
/ f0 s1 p. x' }7 `   }7 _- z4 s; d( J7 b

. j" y2 G. V. ], hfunction calculatePosition() {
$ J+ u( J, s" V( i9 ]2 @: e   if (xDir == "right") {" k' ?) _& F6 U( P5 f& H( I
      if (xPos > (xMax - contentWidth - BallSpeed)) {
" S) A& T9 z1 K1 N# f( c; O         xDir = "left";$ w$ ~3 n8 j( Y+ Z2 B
         }
( c8 a. Y, H8 p7 M      }6 Q, v. K0 ~; }/ q6 v
   else if (xDir == "left") {* `  v. W, L- _" n
      if (xPos < (0 + BallSpeed)) {0 F2 e2 ], f9 o5 q8 p; W* w
         xDir = "right";
$ T# b/ o5 g2 b         }
5 E$ y5 Q* i  R! d/ t      }' s1 d. m3 G6 K/ [4 O4 w1 [
   if (yDir == "down") {8 Y! l3 l0 ]( t9 n2 N
      if (yPos > (yMax - contentHeight - BallSpeed)) {# P+ ?8 D* h' q/ _* Q- W
         yDir = "up";
; l# F# J# [8 f: l! O         }+ B  c& `$ G) s- M4 W$ U
      }/ Q  A8 L- A& R. a
   else if (yDir == "up") {( |3 Y& }) V. b. O9 \; G
      if (yPos < (0 + BallSpeed)) {5 z2 `& n, [, x& ^
         yDir = "down";+ d/ T) S" v1 `: q! \! V
         }) y; b; ~1 {: Z3 X# h
      }
; l( o1 B! L( R8 {3 A; ^   if (xDir == "right") {, M% v  i4 }% n6 _! M6 Z6 G
      xPos = xPos + BallSpeed;; b% k3 R+ F+ \8 y0 K& c. |# X- G
      }% n, s6 l# p1 _( H7 L$ n$ Y* T
   else if (xDir == "left") {
& a/ ?$ K7 v& P/ N3 Q& l  I      xPos = xPos - BallSpeed;- D. |% w% e! {& R
      }
) {7 B( i" K' x, D( D% v# H   else {
- h8 I" `' [% n) ^5 S$ j7 g      xPos = xPos;% n7 z, t! Z: f" j8 ]8 l
      }+ ^! T+ v( r$ w8 b7 p4 k
   if (yDir == "down") {
  V' a3 {/ _  h9 I$ x6 @; V1 E# v      yPos = yPos + BallSpeed;
; S. _( R" p& K8 ]" U2 p6 b3 h      }
0 k, ]% f. S7 r+ _/ H! h3 l* C+ ]: s   else if (yDir == "up") {
$ x* ?% n3 ?& f, N( ^      yPos = yPos - BallSpeed;
  U  F. E1 [& w$ [      }
  q" a/ K2 j( F& P  I" k; z. b   else {3 \% t/ C+ P) U0 H% D/ e3 s
      yPos = yPos;
& z/ Y  {7 O8 ^' V      }( Y, {& r5 T7 v! D# y" a( B
   }
, [5 i  o7 [2 a/ z/ z9 L7 Q( T& i8 k/ i. x
function hidetext(){0 W. j% P0 _" z+ @/ x
if (document.all)
3 L( v$ M- a2 o3 v) D! Wsupertext.style.visibility="hidden"
/ E- C) B  e* t+ k0 zelse if (document.layers)
" F2 J6 t' T' e+ I* x) v1 Odocument.supertext.visibility="hide"
5 L0 g0 V; [4 G5 vclearTimeout(animatetext)
, R, f; N+ _  S" O9 S+ K: [}4 s2 q/ C5 m, Z3 U1 l$ S

3 ]) k/ x2 A+ p. H( T9 J' Q+ Tif (document.all||document.layers){
+ @; @! r  y" M" r+ P7 L( vdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 ?3 {" g4 J7 V, C4 x/ W8 \( ]6 u
window.onload = initializeBall;8 r0 a/ g$ w" \) w
window.onresize = new Function("window.location.reload()");1 M2 ]  h& x  O1 u, [9 f% L
}
+ {+ Z+ S( _+ m. P1 M
# r# `8 K# Y9 o</script>