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

zw2004

<style type="text/css">
9 [! x. Y- F4 {$ ~7 ~9 Q0 P5 S; x" `#supertext {
/ c: C9 w7 b2 C7 e* `& _& Mposition:absolute;
$ k" B5 C2 ~  b1 @3 c3 |# h+ wleft:0;! H) E) u+ }' d' `" u
top:0;, Q' f* Q3 J0 `7 j0 Q
visibility:hide;
- S$ _3 ^: z( V; N! b% T, Q) Y) K5 j! _visibility:hidden;
, j$ Y6 |5 f# `8 z0 ^  O; C}9 s. B; }$ `6 d& ?- N& c
</style>
" W  d) V9 C' G' I' ]6 i7 H( w; s<script language="JavaScript1.2">
$ J+ h8 ]. ]/ d) _. }<!-- 改变下的字体的大小。颜色-->
$ D" c& Z( O# ]1 avar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; k& t9 f) @5 H  H  x! n
var hidetimer='';
6 V6 Z: U0 Q0 v<!-- 改变下的弹跳速度-->( `4 {% l) s- ?) Y4 t* g  Y6 U
var BallSpeed = 20;
5 p- u6 D/ {: I& i5 V0 a1 Vvar contentWidth;
+ Y9 {. m  z. i, U+ H$ F  A  uvar contentHeight;0 Y. l5 l% _) {5 b* C
var maxBallSpeed = 50;9 R5 D( b9 o3 S2 V' P5 i1 y/ z
7 W, l5 d. }- e( N
8 @1 E9 [3 q; x; L
var xMax;
1 s% @2 V7 P! w; qvar yMax;
; K" b8 M8 B; L; |$ M, D  K7 Avar xPos = 0;0 Z# I# y- G! K8 V- C! B3 a1 F4 P
var yPos = 0;
9 X$ ~8 p7 H" B! Q7 G# S. @var xDir = 'right';2 n* W6 \) S' G5 F  y- {
var yDir = 'down';: Q3 W6 ?- ]- n9 S; m+ r
var superballRunning = true;  C4 C8 R" w( w( r- h) F( C
var tempBallSpeed;
- H8 l% c+ O) j5 Y( W( s% D( avar currentBallSrc;$ ?! l& |/ p% p# ?6 i- |5 f
var newXDir;, H6 w1 K7 X' l$ s, n6 `
var newYDir;
$ h. p$ R% Q3 K, j1 A' W. u+ e" @2 c4 B7 s
function initializeBall() {
$ p! j4 T6 Q/ Y   if (document.all) {
# V* }. O/ u" E$ d% o      xMax = document.body.clientWidth
$ B7 K' s4 j! z3 J  j      yMax = document.body.clientHeight
% C% p7 `* h0 J; H8 }, N      document.all("supertext").style.visibility = "visible";
6 s' g: s1 o% C% V      contentWidth=supertext.offsetWidth5 U7 ?# T4 ~- a8 M$ j( i
      contentHeight=supertext.offsetHeight1 b, A* ~" p& g
      }
" t5 V- P2 F$ ~0 }7 ]2 x( P) H5 j   else if (document.layers) {
4 i) B- u5 ?. G. f* d# [2 f      xMax = window.innerWidth;, r# V$ W2 s8 X. w& O
      yMax = window.innerHeight;! C. F4 J1 A2 _
      contentWidth=document.supertext.document.width
, A% p$ B9 g. x$ J      contentHeight=document.supertext.document.height
) C, K- ?- a$ X- [1 }- V2 D      document.layers["supertext"].visibility = "show";
* k" |9 g( x* |! Z$ \( T8 t      }! P. ~8 G9 O* W* V' C5 C
   setTimeout('moveBall()',400);1 M% L/ c! {, X4 `
   if (hidetimer!='')  B. N' v5 g" S9 J) z! ]  `% L
   setTimeout("hidetext()",hidetimer)6 u& ~+ W1 P$ e, e
   }
, Q, r) ^/ p" L' ~5 U2 a9 F4 J5 L5 L1 s7 H/ P4 p
function moveBall() {
2 n' r1 Q- R' |* r) J   if (superballRunning == true) {; q; v5 m6 [: H  ^) I) O
      calculatePosition();$ ~" |+ {/ W- Q8 a; ?
      if (document.all) {
$ N: p  l1 c; e         document.all("supertext").style.left = xPos + document.body.scrollLeft;9 E/ _' u3 Z- U9 |: U2 y" t- N- w9 u
         document.all("supertext").style.top = yPos + document.body.scrollTop;% j7 d1 }' u+ d2 Q
         }3 L/ t3 y" O  D; }
      else if (document.layers) {2 ^. \1 i  D, |+ y/ u
         document.layers["supertext"].left = xPos + pageXOffset;
( |; Y1 v" l2 V1 d3 h         document.layers["supertext"].top = yPos + pageYOffset;, {- ?2 \2 ~; K9 I: c
         }! x& |' ~9 c: N0 b% ?( G& _
      animatetext=setTimeout('moveBall()',20);- N6 R6 m/ x% b5 H, x7 W* L6 z5 ], r
      }2 A8 Z, W- ?% d4 Y5 o
   }
6 J3 M9 B" n9 j4 F: t7 }; P! B
* n) l1 A+ A; [, m% z' xfunction calculatePosition() {
5 Y1 @% v; N- z# r   if (xDir == "right") {
6 m1 f5 s; u1 _- o2 ]      if (xPos > (xMax - contentWidth - BallSpeed)) {$ r" I2 _- k  O$ d* W! {: [  B0 A
         xDir = "left";
4 R, o* f2 c- `% F) P         }* u. }+ V$ ^. `3 h1 l
      }, H) \& E0 w' t8 h& d5 v
   else if (xDir == "left") {" _5 x1 A! m8 [6 B- F7 H( |3 B
      if (xPos < (0 + BallSpeed)) {
( z: r7 H% O8 p7 B3 I3 k5 d         xDir = "right";
! D$ Q4 R: l1 C3 g- x4 X( a         }
& e) O. x9 _1 u* a      }8 I- A: w0 `6 J6 [3 ?/ x
   if (yDir == "down") {) j; }6 F$ M$ P: D
      if (yPos > (yMax - contentHeight - BallSpeed)) {5 \3 a% O( p8 c3 N" D* i# Z
         yDir = "up";% K7 u1 A2 l0 P
         }
# S' O9 w8 ]6 c( L      }4 ~$ c- g0 d& }; W. w5 C1 `
   else if (yDir == "up") {* [2 ~2 r! h: ^8 [- q
      if (yPos < (0 + BallSpeed)) {% K! j6 e7 t  H' e
         yDir = "down";
$ [" ^5 ~' V! u- {/ D7 R         }9 {1 y0 |9 A8 H: e- q4 Y7 E- G
      }0 }; ?2 _; ^! c6 g, t
   if (xDir == "right") {$ y8 [7 k* T/ f' e) K* R( B# F
      xPos = xPos + BallSpeed;
" v& R8 m# J# N, {; a. j      }
, b3 j+ \8 }1 [$ W5 @   else if (xDir == "left") {
$ G* k% V, h; y8 V* |      xPos = xPos - BallSpeed;
3 d" D' i3 T8 q7 m      }
& ~) b' h9 w1 }: A   else {: q8 l) O9 k* L  Y, v
      xPos = xPos;
: J( d/ _" M5 A6 ]' h; y- ]! ]      }" ?- X  h4 D( X. A6 {/ M9 o2 P
   if (yDir == "down") {
% D( u& F0 O  t      yPos = yPos + BallSpeed;
7 Q& W7 ^7 c' k6 U/ F      }
* l( M. ~4 w3 {/ ]( r9 C   else if (yDir == "up") {5 ^  q3 R: Z2 Y; U% ]
      yPos = yPos - BallSpeed;
: Y7 h5 h, K9 @, s+ J( N3 `      }
8 W! Y  ~7 W& H" R2 ^4 M   else {
. r# _5 K( k& g' M6 M' V      yPos = yPos;
- E. m' u* M8 u7 r      }; S+ W+ u  F0 [1 f8 F' W9 I
   }
6 c/ l- `; A2 u5 X3 |7 f. Q' m; I* a% @3 n- n9 I( [
function hidetext(){
8 t/ ?2 V) K. f, `% y/ iif (document.all)
1 ?) b6 h2 F* n( Vsupertext.style.visibility="hidden"
% {4 w! E; t6 ]/ B% ielse if (document.layers)
. F, R" u2 e7 m  C! i2 C; q' `document.supertext.visibility="hide"( g: |9 l6 E: b. W
clearTimeout(animatetext)
9 l$ B" ^% O. V/ k}: |- F1 g" v0 W& B: d

" E5 b: k$ z" C# h0 ?6 u1 Dif (document.all||document.layers){
5 H0 |9 ]' g& j6 e* x5 u, @document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 E" K7 F! v9 y# X3 \+ Rwindow.onload = initializeBall;
; j4 X8 o9 S" y0 C8 a) iwindow.onresize = new Function("window.location.reload()");' g( T' ^, v  L3 G
}
* ~) g7 @0 g; M& F" h. Z
4 v: r% s/ \$ D0 z, h- A1 e  p+ A, G) s</script>