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

zw2004

<style type="text/css">
+ X" k- D2 m1 g1 v# ?#supertext {5 Z5 E1 y9 q/ O
position:absolute;* Q% K0 j- z- M7 k
left:0;: w$ |' M, I3 g( F
top:0;
# X0 A5 ]! }& D/ P6 C5 P( _visibility:hide;
; R  f9 q/ b+ g: L% hvisibility:hidden;: F  H1 H1 O7 e+ r" ]* R* e# x6 H; r
}. w' V8 W$ {' X/ V5 D
</style>
3 C: |& t4 O: m' B) D; c' m<script language="JavaScript1.2">
+ m. F; V. A4 c. e1 w+ |<!-- 改变下的字体的大小。颜色-->
% d; X, ]. x  wvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ q5 v! R1 w9 |$ J( y
var hidetimer='';  E7 `. H% R/ l+ ?: J! H
<!-- 改变下的弹跳速度-->
" V9 a) L6 ?. @# m3 x9 X, g, qvar BallSpeed = 20;
3 D; d% }; i, ?5 T7 C: Ovar contentWidth;
% ^  o* `  o& d% h+ jvar contentHeight;1 N( u# G" h  t$ ^4 c
var maxBallSpeed = 50;6 X1 n, N& K3 p; K4 i" ~
& [" b5 g" a+ ~' ?% y# }

6 c) V0 H: Q7 a: {& e! M: f3 {; hvar xMax;+ o0 G* W: u# J* U, _% K* k
var yMax;+ m& `0 U7 Q! m8 ?  D7 A
var xPos = 0;) n# V# t3 Z" f; E9 t7 i
var yPos = 0;
- y. B  o6 {& B4 A: z1 Hvar xDir = 'right';
# w2 @: H6 |/ ?' [7 c% vvar yDir = 'down';! k( W. y" {9 u
var superballRunning = true;0 Y* \, [6 T3 g2 p
var tempBallSpeed;$ c/ B) y# j2 m4 ~- _. B( ]' k6 V* F
var currentBallSrc;
, J" k5 N  s6 E1 Svar newXDir;
( B2 Z# z. P% q7 @# y/ Rvar newYDir;8 R$ K! T" Z" w3 ]

) |+ s$ N+ W* ]function initializeBall() {
% w( t4 g9 v: g$ [0 D6 E2 v+ `  J   if (document.all) {1 e# t$ o# D3 D7 a' ^, @& y1 b; [$ `
      xMax = document.body.clientWidth$ I. J, |7 g# t
      yMax = document.body.clientHeight
8 d, K, F* F; C; K( N      document.all("supertext").style.visibility = "visible";# t2 z# D9 f; a$ l# i
      contentWidth=supertext.offsetWidth
2 x  }' \9 g# o9 o- S      contentHeight=supertext.offsetHeight; Q6 ^0 g" p* J" _, ?4 I/ b$ W
      }
2 h2 Q# N( ]6 S2 N' Q0 @   else if (document.layers) {" m# U/ m5 W+ f/ m( C
      xMax = window.innerWidth;
+ H4 C3 O( K' M: r      yMax = window.innerHeight;- n* B1 M0 }! ~# U* M& D1 o' u, K" Z/ n* j
      contentWidth=document.supertext.document.width
  k8 \; B; K+ N& b9 u+ s" _      contentHeight=document.supertext.document.height+ k# W7 [0 R9 B0 y7 r: z
      document.layers["supertext"].visibility = "show";1 R( p) U  A! p; G. Z/ q
      }6 t/ M- F5 d' k( f( i) ]* X9 }- O; o
   setTimeout('moveBall()',400);
/ {) h1 P- [1 ]7 a+ V- n/ w   if (hidetimer!='')  d% J/ S6 a; W# x9 n! o2 i
   setTimeout("hidetext()",hidetimer)1 q8 r! a% d% c* @' J% K
   }
' w2 h' h3 T2 {( w; X
# ^+ \6 {) z0 `2 M4 l- |: O( @function moveBall() {
. f2 \5 w0 ~) L& z3 c$ J: n   if (superballRunning == true) {
/ m) t4 x- X, _; g5 c* B' W      calculatePosition();+ b; ~6 a" w; {" p
      if (document.all) {7 t5 s# Y' i# j( w; |
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ Q; z/ [  @+ x  k' P         document.all("supertext").style.top = yPos + document.body.scrollTop;: `! l0 R0 W2 G- ]3 d
         }9 t" D7 u: Q4 k& }! G
      else if (document.layers) {
9 b7 Q3 V+ c2 F& y         document.layers["supertext"].left = xPos + pageXOffset;' B( p5 A) ]9 ~& @) v
         document.layers["supertext"].top = yPos + pageYOffset;
: z" k/ w& x' m( P. p! {5 w6 j4 P  T         }+ a8 F* O  d/ L3 Q4 f. f& }+ g
      animatetext=setTimeout('moveBall()',20);0 S* `7 f5 X) S. l4 q; W
      }7 l' R2 g* M& Q
   }% _# p; b5 b3 d# l
% y! {8 s4 Y& e5 @: b1 j2 ^( x
function calculatePosition() {5 H, h2 h! G5 ]0 v: j$ Q
   if (xDir == "right") {
& E1 P9 ?- a! V! q. \/ A& F0 h: ~" Q      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 i% G& h; r, P/ p         xDir = "left";
. U, W% D4 b1 u7 D         }: Y* U2 @' b2 }0 o) C; ^7 E9 l! _. T
      }" K! B! J1 D2 {, v% M' k
   else if (xDir == "left") {
# \) W5 m  D) [4 B. a2 i      if (xPos < (0 + BallSpeed)) {
( k( y5 O3 m- [2 Q$ g+ S6 O# f% c  W  c         xDir = "right";: ]( y7 c; j1 V
         }
, L8 W* b7 K6 {. b      }
$ x/ |9 g. `' ]   if (yDir == "down") {
1 v$ ?; b' \6 j5 r      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 o7 h7 M& h( }4 ]( u1 }; i/ s         yDir = "up";  Z+ ?/ `8 a' I, H4 o
         }
1 b( |+ r2 E$ Z      }0 }3 |. |9 K! s# o3 f
   else if (yDir == "up") {  `9 A4 u( ~* K2 S9 o  P) O
      if (yPos < (0 + BallSpeed)) {: Y& k% a# f) ^+ \2 J2 @" C; g
         yDir = "down";7 w$ T: z2 {; O: e6 }
         }
; x) I' f# E& L" X      }
( [0 y* k+ q" k$ L9 J   if (xDir == "right") {
3 r: ^$ i2 k1 |! y2 t0 \      xPos = xPos + BallSpeed;' T7 A8 P: V$ P& P9 G
      }& c0 l; P) G% h+ }- X) R6 k
   else if (xDir == "left") {
( p5 n; d: a: g% Y: n( X0 a1 Q      xPos = xPos - BallSpeed;
4 H" r6 o1 ?9 s" T      }+ t- C2 W1 Y# u9 b2 p
   else {
( C6 h3 L" U3 a      xPos = xPos;
+ L; D9 b# X' A/ \# E      }
/ C8 n% O( g/ L5 d/ a% g- u   if (yDir == "down") {- c$ ~, }+ o4 H
      yPos = yPos + BallSpeed;& |% _; v' U: q/ d8 g( }
      }
4 A* n  z' l! _   else if (yDir == "up") {
- w6 P7 H  `# Z$ E" k1 G      yPos = yPos - BallSpeed;
  [7 T8 O) a5 Q" S! j  f      }, \; A; j1 j! Y0 E
   else {
- K3 S2 G& Q/ h  P, G+ a      yPos = yPos;
( h# X  N2 o6 v5 m      }
: T+ F" Y& l7 r) j- {  G   }, r5 c5 m& F5 P+ C
8 S/ p+ \5 U0 z) t1 V+ L
function hidetext(){4 D4 {' g/ c+ p
if (document.all)3 z! }+ J$ d4 O
supertext.style.visibility="hidden"
* s7 R7 n7 m) }% i/ ~' V  a0 pelse if (document.layers)# ]: U# Q1 M7 ^, s
document.supertext.visibility="hide"
$ A+ k' O; c8 u. K; w3 z% ~clearTimeout(animatetext)
7 Y+ g0 B5 y+ Q7 z& X}
9 x& J  g. X, i1 E$ V! b9 w- C3 X
, I* g' \4 i9 p9 Qif (document.all||document.layers){
- e* p/ ^( r& F/ Hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: h1 N2 @  |+ {0 p6 Z1 s. u: b3 nwindow.onload = initializeBall;
% ?$ V0 n9 H/ s+ gwindow.onresize = new Function("window.location.reload()");
9 `! C" j' w# Y& C/ }5 p' ^}; b5 T% B; |: a( `+ Z; D8 Q2 g
1 D  s6 ]7 t: U; ]2 B
</script>