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

zw2004

<style type="text/css">
, K# n, l0 I- e. K# E) m" |#supertext {6 {; E8 h2 A0 R7 k5 N
position:absolute;
! J2 v% w8 r$ jleft:0;* Y* K; v3 i2 }' O1 x  S
top:0;
0 W& l, d9 A$ I+ R  o) {visibility:hide;
/ }' s. }" y0 h6 _+ e" {3 }' lvisibility:hidden;- o; n0 N( Q9 P; E3 D% _( F
}# I- Q. L7 I, Z6 B
</style>
# m% B: J* |3 d<script language="JavaScript1.2">1 d  A& ~2 ], w  |1 Y
<!-- 改变下的字体的大小。颜色--># D9 g; |9 u1 G5 n
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 l9 Y1 g7 n7 g# b
var hidetimer='';
1 z, _# g; Z/ E  G+ h6 Y<!-- 改变下的弹跳速度-->( k; C7 t7 i9 m/ W( t/ [! r6 o; D
var BallSpeed = 20;
% A* }0 o0 i! e0 W$ C# {: jvar contentWidth;0 |: d+ x4 \/ ]: _% F1 i6 D
var contentHeight;( X) e, N1 d# w# o' r8 b+ X3 |
var maxBallSpeed = 50;
2 ~: N0 _4 T- p  a2 |
6 s) I: K% T3 v% U' d6 S7 o  Z$ T. G/ D; t0 x, j2 Q) n% m
var xMax;+ D8 m8 i  K! b
var yMax;
- L( ]0 h. d) K; Q+ _var xPos = 0;' D- m4 Z+ _8 }$ {0 g6 V
var yPos = 0;
+ A2 n+ `8 C. ?4 s1 V, B. ?var xDir = 'right';. |( @1 ]! }  i& B! S' t  G
var yDir = 'down';
( I# }5 i. ?4 B; c$ J: Vvar superballRunning = true;4 n. t2 e1 i% C+ i$ t, \0 n
var tempBallSpeed;
: H, E1 R; O; k2 R9 Ovar currentBallSrc;- Z$ U7 G& i% S( H
var newXDir;
6 G" @3 E! t) S8 q+ Y' M* xvar newYDir;
6 V5 q% Z( C9 ]9 r- k- n( \9 f2 P& [$ L& f9 T5 z7 E) h( q
function initializeBall() {
7 |& ~- n0 V( U   if (document.all) {
7 J1 M+ g0 T& `; w5 F  V# d      xMax = document.body.clientWidth' l* S& m* b* u, ^
      yMax = document.body.clientHeight; Z* |, y# x* `% ?) v
      document.all("supertext").style.visibility = "visible";% n4 t+ Y2 j3 Z& I% t
      contentWidth=supertext.offsetWidth
* C: Z, K* E8 ~" ~. ?      contentHeight=supertext.offsetHeight
- B; ]" Y5 h2 [      }5 K5 f9 K& {' o1 i
   else if (document.layers) {* W, W" S: N# I
      xMax = window.innerWidth;- M. }* u& F/ e6 y1 {4 N* C' r) t
      yMax = window.innerHeight;. `3 h% R6 ?- ~, d
      contentWidth=document.supertext.document.width
7 h3 i2 D/ j4 w      contentHeight=document.supertext.document.height
7 p2 x0 S" v! J+ x      document.layers["supertext"].visibility = "show";& a. {; [/ G+ y5 E, u- k
      }
; I1 F- h" ]$ x  ]" g' r2 `   setTimeout('moveBall()',400);
' ~: R! {9 d% z$ O4 c" ~- T: T   if (hidetimer!='')
& F- |. e- d8 c& s/ i# \' c   setTimeout("hidetext()",hidetimer)8 s- E) M7 ^8 u; \
   }8 e' A4 B7 Q4 Z! W  _5 n. ?
9 V4 t8 f- I7 i) @
function moveBall() {
- V5 T) c  t; G% [6 I   if (superballRunning == true) {# u  _7 n$ h- @# _8 @% s# |! }
      calculatePosition();
5 O8 E) x! g1 z; |* m! o5 D) X      if (document.all) {
/ Y! F9 `' ^, F$ L% A4 Y& w         document.all("supertext").style.left = xPos + document.body.scrollLeft;
% V: H4 U$ n$ B# N6 y         document.all("supertext").style.top = yPos + document.body.scrollTop;4 _; @' W# P+ Q- z% F% F
         }/ u0 m) v+ N5 s$ s  ?, S. }$ W0 G) m
      else if (document.layers) {" A; ^) c/ _& p: V
         document.layers["supertext"].left = xPos + pageXOffset;
1 h: F7 k0 F4 L/ p  e         document.layers["supertext"].top = yPos + pageYOffset;+ n2 _$ ^8 ^  v7 S' d+ X
         }
+ ^8 h- i9 I0 f' O      animatetext=setTimeout('moveBall()',20);
8 h+ ?2 M" \' O  ?/ i$ Q9 V1 e+ w      }+ f8 n  v; T8 _  d7 c
   }
, `: f3 y, l" M; l7 c8 ]7 W& `# r& G, G* k, P  _
function calculatePosition() {! t! g' h: a6 o$ A5 a
   if (xDir == "right") {5 H2 N# O3 e: ~' v+ S* n
      if (xPos > (xMax - contentWidth - BallSpeed)) {/ Y4 b' ]( y' U: B
         xDir = "left";! s( L. @" }. h9 j  e
         }
& [$ I, A5 t. ?4 y/ m! H      }  I# q: T8 K: T( y$ S$ L
   else if (xDir == "left") {/ h/ Z* y9 q  B% P& P
      if (xPos < (0 + BallSpeed)) {3 t9 Q* T& l. C' m
         xDir = "right";+ ?3 o3 U+ s( Y+ B: h
         }
! a. W, U$ f( j6 H# j      }
" X! A( ?: Q: e# w3 T; S7 {+ O   if (yDir == "down") {
( h5 y- S9 k) f0 s  K& y9 {! `/ u! u      if (yPos > (yMax - contentHeight - BallSpeed)) {3 @7 _! B$ Y* U5 D) e# g+ [9 X
         yDir = "up";5 d  B+ U& [2 d8 x' J
         }+ o7 J3 z0 C1 E
      }
' S' T5 e1 w' j" d; p* k   else if (yDir == "up") {$ H% F, l: \" [; U' ]: f
      if (yPos < (0 + BallSpeed)) {/ b$ d3 J; m' F8 ~& w4 }1 Z
         yDir = "down";
; A& `1 j! [1 @7 d$ j         }+ ]/ `6 b2 ^' h# ?1 w# }0 C' A
      }
' I3 @! U2 H) {2 w3 P/ Y: Y" g9 O   if (xDir == "right") {6 T. }6 ]8 z. h* P% }/ Q  N
      xPos = xPos + BallSpeed;7 V& j8 Q2 l5 u) s- k) z& i. Y! R
      }9 O# a3 u5 \' \$ ~1 j( z) K
   else if (xDir == "left") {% {; a9 a/ [2 T8 F. f+ U1 E
      xPos = xPos - BallSpeed;
9 F7 q0 I5 h; O9 F3 Q4 a/ P/ P      }% }/ Z4 I. s" L/ F3 j3 n" t
   else {
1 ~1 Y9 R9 ?/ j# O3 Q      xPos = xPos;
7 }3 ]$ x  n, D4 D      }, F  ?9 S! |, J8 }/ `; D
   if (yDir == "down") {; N+ n) _& c, t9 _
      yPos = yPos + BallSpeed;9 Z& v: K; r0 ^3 ]9 Y7 y. {0 y
      }
5 ], i/ y" ~. f: P8 b" G5 @  Z4 h   else if (yDir == "up") {7 ~7 y: M/ j5 v/ D1 J( v
      yPos = yPos - BallSpeed;
; J9 p/ \2 F. o( [9 W6 k      }
3 d5 q7 l% z* A   else {0 i' [3 M4 v2 K% r8 r9 z* n
      yPos = yPos;
: e4 |/ o2 d0 v5 f" @      }
" j: a0 H9 c% o1 E3 f   }2 f$ L5 O) p; T. y8 v
& l7 E9 b$ h' `, t
function hidetext(){6 P6 X" i  e7 o9 s+ s: \  q
if (document.all)9 i3 o: L1 w( r# Y; L. i% b. ?
supertext.style.visibility="hidden"( I; L2 U4 j1 q+ g) \
else if (document.layers)2 w0 p$ P2 a! e/ t: u: Y
document.supertext.visibility="hide"; }" X1 k0 M# Z7 O# d0 F
clearTimeout(animatetext)0 m) V& k9 A4 c: h& @
}6 E5 c  M3 \  b+ Q' q1 T
! h  t" I6 t7 a4 j# F' M7 S* a2 B
if (document.all||document.layers){
/ j9 D, `$ t1 m2 Ldocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# {$ G1 O9 C6 ^window.onload = initializeBall;% p5 w' T4 h+ v5 S1 H2 ]+ h: _4 V
window.onresize = new Function("window.location.reload()");4 Q% a/ e/ o7 n, k; R
}
) r4 `, F: Y; {1 m3 h4 F
# i! u2 F$ o4 [3 f* Z. o</script>