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

zw2004

<style type="text/css">4 D3 s5 z, ?- r7 {! L' s# A( T* z
#supertext {
3 j) N8 y) a+ i& v% ?position:absolute;
) a5 M7 ]1 g+ ~5 r; Xleft:0;
+ H% W) D5 s7 n) ctop:0;
2 J! ?6 e( N2 R7 m/ L# y$ ]visibility:hide;2 O9 u1 y; @7 w3 G9 m, T
visibility:hidden;. H. K  y  ~6 f
}
( M$ C% a8 J+ n$ y! [</style>
( k( U& e9 W2 F9 B; t' U" {! \<script language="JavaScript1.2">3 c1 q. M1 P$ W' B
<!-- 改变下的字体的大小。颜色-->, {' `0 K# X7 r, l& E2 ?" @
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'# V! ~- l5 d* H
var hidetimer='';1 C8 M- O# j- n9 P& K& v
<!-- 改变下的弹跳速度-->! m' z2 G, j' o. V# K5 i7 Z
var BallSpeed = 20;
/ X! {9 v, X* X, Dvar contentWidth;
' Z7 @4 Z5 M; S% F+ ]  A. u7 Fvar contentHeight;
/ X. |/ b+ t  a0 Q: Nvar maxBallSpeed = 50;$ @  A4 C4 m& f8 Q; L. z

$ ]/ u- D1 K3 m6 t& n
' J( r% Z* x! h& J7 Evar xMax;* C$ S0 \2 D+ v  _$ U1 ~9 m
var yMax;! V" G7 D, ^. V% v, M' `1 `
var xPos = 0;+ r# i) t3 \0 J% d* P; Z) w6 X
var yPos = 0;
/ n$ x8 n4 E" w; vvar xDir = 'right';
: s/ P, a9 g6 _; c2 |* H- cvar yDir = 'down';
1 |5 M/ W6 }4 U# W7 ?( p7 Yvar superballRunning = true;5 k, l; w) q$ m( s& _* H
var tempBallSpeed;
  S9 V, a, Z7 P* u. V/ x: q0 Y& Uvar currentBallSrc;
1 n, k8 w7 y' f  o$ L- tvar newXDir;$ F; U7 |5 i0 ?
var newYDir;
1 u; X( f% m) D. i  O( f# u  E+ q3 \
function initializeBall() {. A1 E, S% O& Q: T' ~8 W
   if (document.all) {/ i1 s0 ?9 m" g# E% A+ K' U
      xMax = document.body.clientWidth( Y7 Q2 w$ h* y  k2 T
      yMax = document.body.clientHeight$ F: f# M! y+ t( O
      document.all("supertext").style.visibility = "visible";
" ]- M  ]5 J2 {. y      contentWidth=supertext.offsetWidth( a5 m. q  \" V/ x& N# k+ n
      contentHeight=supertext.offsetHeight
: Q! v% H" a: h. [3 i3 E  g% i# G7 O      }
  s) Z- _% e( e2 t! L+ o# J; k   else if (document.layers) {) {9 b9 Z  `- \
      xMax = window.innerWidth;# o  g+ v' Y: m( e
      yMax = window.innerHeight;/ w  E9 ^2 o& b
      contentWidth=document.supertext.document.width* W, z2 _1 O( ?
      contentHeight=document.supertext.document.height& `6 d" Y  `% q! c4 w+ I, T
      document.layers["supertext"].visibility = "show";
; ?7 A7 O/ F+ }0 H& r      }* u% ~, f% w( n7 ]9 n
   setTimeout('moveBall()',400);
2 D* @. u  Q5 a9 F1 A- t   if (hidetimer!='')2 O8 ~/ h; X7 N. o$ E' S
   setTimeout("hidetext()",hidetimer)
  n  D( Y# l5 J- J, G) t6 v- @. s   }2 v+ I' b8 U3 u+ }
2 q% ?$ T' b( {* }+ d5 R( B7 \
function moveBall() {6 |6 W4 ~  L5 W8 p
   if (superballRunning == true) {; e- v3 M( k* g$ t4 ?
      calculatePosition();0 H& i' ~  f  n/ C* Q, o2 D
      if (document.all) {$ C8 f7 P# ~1 z5 O
         document.all("supertext").style.left = xPos + document.body.scrollLeft;. a, n( Y, B4 O% N7 M
         document.all("supertext").style.top = yPos + document.body.scrollTop;" s6 l; Y9 c2 t+ }
         }$ E/ j' d* ~. q, P# n
      else if (document.layers) {
8 @, s0 i6 w' @. S/ a         document.layers["supertext"].left = xPos + pageXOffset;
1 L% T! e1 Y* Y/ o* _& I         document.layers["supertext"].top = yPos + pageYOffset;
) [# |4 E, N7 U: b1 R# B         }
: @! J' o6 t6 H  T6 B      animatetext=setTimeout('moveBall()',20);! T4 E8 K+ @' K; f9 p- ]+ C: z
      }
& L7 S- F1 k; O$ T$ ^" f   }! u4 t; x% @! c4 w& s& L" n7 f

) v5 F) n3 n  K7 ]( i' x; K8 G) gfunction calculatePosition() {! t* P' z3 M1 u9 S' Y
   if (xDir == "right") {( i! P) Z9 `7 O9 q7 j# w
      if (xPos > (xMax - contentWidth - BallSpeed)) {3 [) B  ~* P! l/ h8 F/ A
         xDir = "left";
- D9 m1 j: ~( J4 o6 x         }
% P' w1 B4 [# `% F: G      }7 T/ L) C. O: d- S: [( z$ Y
   else if (xDir == "left") {2 `0 V1 [: @/ c% i: [- g
      if (xPos < (0 + BallSpeed)) {
# n+ B6 ?' C4 N2 X- h         xDir = "right";3 M) B8 P. ^! d$ c9 G
         }
8 R+ g7 ~$ Z+ o# y, i( v! i: v2 z      }
5 l$ w3 C, f; @   if (yDir == "down") {
+ A7 t2 T* y/ [1 r      if (yPos > (yMax - contentHeight - BallSpeed)) {
: d1 k: T2 n& ?2 z         yDir = "up";& t* O& x3 R% s) q- j! m3 U
         }
' f. {4 h1 k  m' S5 [' W      }9 }! l1 c; n9 [& E/ t: |" d
   else if (yDir == "up") {+ y: z& q/ m2 K  Y+ ?9 E+ ]& W) g; X
      if (yPos < (0 + BallSpeed)) {
+ R7 ~" L/ b" `5 L         yDir = "down";
, P7 _3 A3 \; }9 \; S; E' h         }
, t' `0 D" t3 o' \: M* z8 k      }
2 @1 ~; i0 S  f, K# s$ L8 p2 v2 u   if (xDir == "right") {$ Z8 |' g" q: ]5 n
      xPos = xPos + BallSpeed;
$ D# p, Z1 z3 J# T. H) D, V$ w      }
4 U5 S5 M. ~1 _1 [% m   else if (xDir == "left") {
9 ^1 A& i+ q( Y' ]5 o* K- m      xPos = xPos - BallSpeed;. [; v" A7 U" a/ ^) `' U! ~
      }7 A5 V! U' y0 D4 }3 [
   else {
" L( I$ @7 G( B$ H/ o" V      xPos = xPos;
1 x. y$ R( J* D, @# F$ a      }
' L7 \4 h" c  p% n   if (yDir == "down") {
" y/ h6 S/ b% |) ~1 {2 c* j8 w( f      yPos = yPos + BallSpeed;
: R' B8 \5 ?4 \* v* b) N/ s      }
8 c& m) G) S7 c0 T* r; n' `   else if (yDir == "up") {1 s2 [' ~2 n' i+ K) L) w
      yPos = yPos - BallSpeed;: i# z. H7 h9 g( j
      }
# n$ ~" z) |% {. F* R; U/ a   else {% ?/ q- ]  N3 m/ P- n9 }' T' C
      yPos = yPos;' M6 ]( O' a8 n+ K* d6 f/ K; U7 a. R
      }
; ]% O/ Q4 O* H   }" V  ~4 f0 l3 N5 z+ m

1 R5 [3 d5 m2 O  o: cfunction hidetext(){) J) @) D2 P; v4 a6 N! |" I6 u
if (document.all)
- X% F: ?0 ?6 n- O5 |supertext.style.visibility="hidden"- q1 H2 c4 i& F1 _
else if (document.layers)) m9 e' O  Y" B4 y( O2 {; c1 M# d
document.supertext.visibility="hide"& D, c* r% k! [1 L8 n% r
clearTimeout(animatetext)
/ _4 M  n# i( D8 `/ Z% A5 r}
1 e# x0 U! U0 [7 [2 Y# I- |/ U5 a+ g, j; B. h. Y2 D1 ~
if (document.all||document.layers){. j  ]+ F% z- U
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ ?+ j5 R, C% H9 Uwindow.onload = initializeBall;
6 @/ J1 b9 n7 vwindow.onresize = new Function("window.location.reload()");
% J9 P, Q- i: u+ ?; H}6 U! T2 x4 Y! u, i8 A) G$ d- [
0 k* E, q5 _2 g: M
</script>