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

zw2004

<style type="text/css">+ i- Y* M  z7 ?2 B0 Q" C3 o
#supertext {; }/ u/ ~1 y0 X; r0 t+ D
position:absolute;
" a8 Z; L7 O! f: F! U3 Kleft:0;( W! Z: N0 t" K) |( k
top:0;& o  a. H' k* r% Y$ d+ _
visibility:hide;
6 x+ I4 S2 {) X  I2 Rvisibility:hidden;
' K! o/ d2 h" O: v, z( m. R}
; P7 T; A$ Z$ z! b9 V' r</style>. V( J; ], s3 N6 `. h/ C! D
<script language="JavaScript1.2">8 [) k( w/ U) |0 V& R/ @. h  ^, w
<!-- 改变下的字体的大小。颜色-->
) E! Q0 W# [0 ?9 r) xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 p: O8 M3 E& U* b, Qvar hidetimer='';
- E) i/ [$ c# I' @$ i8 {<!-- 改变下的弹跳速度-->3 K" }% c8 h( Q( g  O# F
var BallSpeed = 20;
9 K& r5 S8 I# T8 Qvar contentWidth;) e- i7 O, p  a8 b- y+ O" ~5 s
var contentHeight;" W3 |, M1 }/ {3 u9 @
var maxBallSpeed = 50;( z. U- \' T7 E: W5 y& S: C
* Q+ \+ ^) b, z7 z
4 n) e* m, n' ^
var xMax;: N* Z0 G5 A; R* K
var yMax;
$ q" G/ w/ f" z9 Wvar xPos = 0;' z# [2 L3 A6 x5 g6 w2 Q
var yPos = 0;# p9 b( L1 q4 o7 z' f- e! T8 z
var xDir = 'right';# R2 ^/ ?/ s8 F& J7 ?: B1 Q9 o- r% I
var yDir = 'down';; _  X% q" z* R" F& Y" [' d1 W
var superballRunning = true;& H8 M7 v2 ?3 p: k2 Z3 |
var tempBallSpeed;" o0 ?% m5 m! ?8 G6 P+ v- p8 t
var currentBallSrc;6 c3 n9 J7 K% D& n/ A7 [' k; b1 Y
var newXDir;$ b. s/ N: w! V
var newYDir;
* i2 m- N8 T, g5 Z$ k- d) @1 j/ B) ?$ Y5 P7 m, \8 ?5 s
function initializeBall() {% m2 o6 w9 n0 z& p! v% ~$ k# _
   if (document.all) {
' M; f4 y5 t/ C+ y" M) h) l/ z      xMax = document.body.clientWidth
" c- P' \& Z2 k$ S/ |  N8 h5 h. e      yMax = document.body.clientHeight+ B) H( |9 i; N0 s
      document.all("supertext").style.visibility = "visible";! A- K+ X. b" h' A; I/ k
      contentWidth=supertext.offsetWidth" D" N- D' X) ]# _) E+ ^* }
      contentHeight=supertext.offsetHeight
  l. I+ E- r; E' z& B) s      }2 C3 `, {: e" i2 b1 E
   else if (document.layers) {
% H7 O) s1 E* G7 v% B3 f' g      xMax = window.innerWidth;: H. D1 b( Z* K3 Z  X8 |4 U
      yMax = window.innerHeight;) `- v9 W' l. F1 J3 M/ E7 W: s; j
      contentWidth=document.supertext.document.width3 d* v$ I% g5 J" d: B1 y
      contentHeight=document.supertext.document.height
2 X* S) V# B2 p" _$ @      document.layers["supertext"].visibility = "show";
) k/ \4 C4 E; Y! o& @% h      }0 G6 w. J! U* i: y; F- {
   setTimeout('moveBall()',400);0 c0 u$ |& v* ]/ _6 {
   if (hidetimer!='')
4 r) |0 |3 X' V9 k0 p) W* Z   setTimeout("hidetext()",hidetimer): @/ q* U- F( e  _8 X9 e
   }
. B, W$ ~/ p/ E. v7 f9 q$ M: y$ H5 w
function moveBall() {0 f+ r0 f2 |* a
   if (superballRunning == true) {
( P7 O& W! }1 c; q0 E      calculatePosition();8 w2 P! f/ ~- t1 o, \
      if (document.all) {
2 N1 G( z9 {9 R+ J* A         document.all("supertext").style.left = xPos + document.body.scrollLeft;
% \6 b( `! a7 u) d, l  B) ?         document.all("supertext").style.top = yPos + document.body.scrollTop;6 U. u% `1 J( [# t
         }
$ q, f5 O+ j1 z9 O7 ~3 u6 J$ B6 c3 y      else if (document.layers) {
; n( ]; r7 H0 ^  i/ f$ @         document.layers["supertext"].left = xPos + pageXOffset;; Q  s% c8 {* n  ~, e3 `
         document.layers["supertext"].top = yPos + pageYOffset;' x3 p8 ^/ d2 R1 X
         }
6 [4 m# g/ p9 c1 j+ H! ]2 V      animatetext=setTimeout('moveBall()',20);5 F& X6 g2 X; j/ c, F! s3 i+ D
      }
7 c$ d/ t8 C5 N   }
+ E" }- o/ V3 @* L
3 x6 e8 y% A$ _% v* pfunction calculatePosition() {& q1 u6 Q9 s6 K3 ?
   if (xDir == "right") {! p- L" U. w" J* L7 x. a
      if (xPos > (xMax - contentWidth - BallSpeed)) {" R3 q4 U  n" Q
         xDir = "left";
# t. Y2 N6 Z; T- c9 a! T% a8 `7 o         }) u! U6 y+ P& B/ d* d
      }* v  n3 ~2 [9 @! N! i/ Q
   else if (xDir == "left") {% C6 W" x) ]3 j2 i
      if (xPos < (0 + BallSpeed)) {
  R& ~3 o3 B2 N, F& q  X) x# r         xDir = "right";5 }6 o( g/ j8 L; C3 Q0 {6 ], Y# r
         }
! U( y6 \, D; {3 A6 [! m! p5 l& U      }
8 w% f: S' k- |: I* O: R   if (yDir == "down") {) z& ?  V) q5 }# S
      if (yPos > (yMax - contentHeight - BallSpeed)) {7 R; B4 w1 l) d, i! U; Y
         yDir = "up";3 }4 s( l( A5 r( \& p" _
         }
$ T  t* I2 B$ Z4 u4 r6 O      }
- X& b  \" t3 r. s6 h   else if (yDir == "up") {" q2 I5 ~' W- V# q; t" Y# M
      if (yPos < (0 + BallSpeed)) {
7 I3 `- |2 n7 Y% Z3 Y, v         yDir = "down";
, L8 G$ j0 D. Q/ @4 K         }
' ?/ }* K9 k/ |      }
# {6 f# V. G' L3 d  t0 E! C   if (xDir == "right") {+ h1 R, r$ a# {9 f' n
      xPos = xPos + BallSpeed;; @: O6 c: `7 B) O
      }
/ b+ }, q) m: m2 e   else if (xDir == "left") {
- P/ p" |, L( V4 ]6 B- u      xPos = xPos - BallSpeed;& C. b# z7 t- P0 O3 j/ K
      }
7 I" W  F' W" i   else {0 U# Z  U/ v- W4 ]0 O
      xPos = xPos;
& \1 u3 j; `- m# K$ v) ?4 C8 [      }
. f# |6 m7 y) N$ I   if (yDir == "down") {
6 R- B/ |5 l! u9 ?! \      yPos = yPos + BallSpeed;' u# H8 y6 V) }- Y: o' j
      }
' {- W/ x; l( Y! |1 i   else if (yDir == "up") {) f, ~1 i( r7 C6 p4 U( Y! ], H3 i
      yPos = yPos - BallSpeed;
* Q- E1 P# M8 X3 f6 D% h+ C1 i5 V      }
# e9 v) X3 p1 Y+ G( i' d   else {+ J! t) \( ]9 I& ~- L, E3 @* i. K/ m% k
      yPos = yPos;
8 j; [. K! h4 K0 B9 a" E      }0 G1 Q! O6 E9 E8 {+ v$ N; t, H
   }4 G" ^! K0 c& k' [$ ^  ?7 C2 j

( |& \: }3 v. C: Jfunction hidetext(){4 W! S4 }( w' o- f( p
if (document.all)- ]  e1 k+ C7 j9 X, @6 \
supertext.style.visibility="hidden". q1 ?$ f; K. @/ {4 `
else if (document.layers)' L3 S: C" E: u$ v* S/ I
document.supertext.visibility="hide"
- P: x5 O* E: |7 L$ h1 ^clearTimeout(animatetext): N* v: S7 P0 C3 z9 ^% t
}
$ D9 r9 h; t- d& b( K/ z; U4 C" y  B9 H
if (document.all||document.layers){8 l0 \, ~$ Q% V2 ^
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 |! U. d/ m" j& ?9 cwindow.onload = initializeBall;& n8 s+ {$ p% a$ @, P* A7 {4 }
window.onresize = new Function("window.location.reload()");* c9 L  p' f2 o1 V
}
1 R) _2 }' ~0 R5 d% V( F) V4 H& q8 @, s. |6 U
</script>