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

zw2004

<style type="text/css">0 p' A1 }7 T( t1 x# O. s
#supertext {
/ }2 J9 w" Z9 I8 D9 x/ [1 p# b7 k% Bposition:absolute;5 Q( n+ U  Y) V; ?! r9 G
left:0;1 _" k( b+ h: o5 W* A5 [% ]
top:0;
1 S0 s9 a5 k$ @5 G$ o# ?' kvisibility:hide;* a2 f- F5 [: Q: j
visibility:hidden;& \8 ^& l6 N, Q5 h* X
}
0 T' L3 w% Z- u7 ?4 t</style>
1 h  S7 m' P9 ~7 m# V; y$ X9 s<script language="JavaScript1.2">2 p) L. k) R( F2 {4 B, [
<!-- 改变下的字体的大小。颜色-->
: @- z! q" _. ~# g' P  A% qvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: e6 ?  e* z! m/ _var hidetimer='';
$ B7 V) W. P4 m* \& |/ ]4 C! W<!-- 改变下的弹跳速度-->
: u" m; {' \4 }- [; b) qvar BallSpeed = 20;
6 T8 F0 I9 I% fvar contentWidth;
4 _. R  L1 f( X! y1 }- V. _8 g% o" g- zvar contentHeight;, [: d' Q, D8 T& Q
var maxBallSpeed = 50;: ?+ L) M8 b; B7 `8 j5 T
0 F; p6 f& m- a' ]& E3 m
* t! b7 ]) H% n; `2 i
var xMax;8 n( S  _9 T: }
var yMax;& d4 f. V+ E- o" L
var xPos = 0;# v" W# Y* m1 L8 G# C# f3 l
var yPos = 0;
% N' c9 d" T$ i9 _  M/ cvar xDir = 'right';, g- _9 T3 F  s# j
var yDir = 'down';8 b# B: {$ Z- z5 P1 J! y& n
var superballRunning = true;
3 k/ ^( b/ |' Q  o+ L: G! [var tempBallSpeed;, S- [! @$ Y3 M0 ^! w
var currentBallSrc;$ y3 B$ P7 R$ \; ?
var newXDir;8 X1 a+ X% j( y, \, |
var newYDir;. p$ e/ N; Y, L) F' u8 _

5 z2 G5 [$ D  |: }% afunction initializeBall() {, i/ L. V3 J/ I1 P
   if (document.all) {
/ Q3 y, ?: U3 L. ~, {( M      xMax = document.body.clientWidth
+ F  |2 I1 f& Y* R: U      yMax = document.body.clientHeight9 ?6 |/ r/ f0 \: m
      document.all("supertext").style.visibility = "visible";* W4 f. p9 J0 Y7 I- l, H
      contentWidth=supertext.offsetWidth& g6 d4 Q4 d5 G- k+ q) I
      contentHeight=supertext.offsetHeight
, X( i9 U# @2 D6 N. \; l& [+ k      }
, A+ I, y4 \* Z3 i) {   else if (document.layers) {
% I( W: [5 Y2 P0 l5 }      xMax = window.innerWidth;
( u* ~6 ?5 C5 c8 u8 N      yMax = window.innerHeight;7 s: I1 b4 |; {# L% B) l# m
      contentWidth=document.supertext.document.width  Q! _! k! a9 x- @
      contentHeight=document.supertext.document.height3 F% Y  S! u" ]2 J
      document.layers["supertext"].visibility = "show";
2 L  I, o0 [7 o* h      }
( x. w4 L! q) M7 G% U   setTimeout('moveBall()',400);
! B6 D( @: n8 ]. G# X& l2 c# D- N# J   if (hidetimer!='')
6 m+ ^/ ]  v  {5 K   setTimeout("hidetext()",hidetimer)
* ^# Q- C( ]7 v' `* P2 }   }$ h+ G* N' m, n9 s  `/ C

  E0 e  q/ x$ w' W6 [function moveBall() {9 L& g$ ^, E0 ?, d6 a- E% T
   if (superballRunning == true) {: D: L/ E/ X6 s7 j+ N2 z
      calculatePosition();! o' _% o( I! i. h" k5 c: f6 o
      if (document.all) {% E- x, E" v  k; |
         document.all("supertext").style.left = xPos + document.body.scrollLeft;2 f, C/ O7 R5 Z
         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 T4 X( b2 X- D- I         }
& C6 W4 y+ Q  R$ T& ]      else if (document.layers) {; Q1 B( a0 j# }" q+ r( {
         document.layers["supertext"].left = xPos + pageXOffset;
" l  n! C. Q) i) `         document.layers["supertext"].top = yPos + pageYOffset;8 q  @6 g( T) o: t- O
         }+ F! \* ?# R; U$ [& D, U: M" P
      animatetext=setTimeout('moveBall()',20);
6 w, _9 }- N- r$ _( D/ ?( y      }
7 t' n& |+ j% M0 I9 _4 o# O( f5 M! ?+ x   }
. L$ k& I, T# f5 ~' M2 f& \% x% F! v% \9 b  T! b( a# u. P2 c
function calculatePosition() {6 l- z; M/ H8 ~) y( p- U
   if (xDir == "right") {- Y( H1 j+ y' B* Y  k9 B1 T" c
      if (xPos > (xMax - contentWidth - BallSpeed)) {
. R+ T$ W5 ?: q: [         xDir = "left";
2 W6 X9 g* Y8 Q( f         }
/ A& j- a# H3 ?( P+ [$ G      }" y+ w, {% b9 ]; c' i1 F
   else if (xDir == "left") {
- g8 g) ^, ?/ ]( K2 Z1 z% \0 G. g9 J      if (xPos < (0 + BallSpeed)) {
0 B7 L+ Q8 n: V! s         xDir = "right";
6 v( K! H6 l4 E" [5 r# c) y         }
8 C7 z7 k8 J8 z1 i$ N' F/ S      }
2 h3 F/ A1 }2 l: F9 D! U. R   if (yDir == "down") {
2 f+ O# ]; |$ O/ Y* l      if (yPos > (yMax - contentHeight - BallSpeed)) {: p! f  f5 s  u
         yDir = "up";% f! k. L3 V) ~$ D% \: t
         }
6 ~+ ]! F, v; _  S6 q7 r- f      }# @8 t: S, t$ U1 L' b8 ]
   else if (yDir == "up") {
& p7 j# g$ H3 n) f, ?      if (yPos < (0 + BallSpeed)) {
" J1 u1 T8 r& S# y* k         yDir = "down";% V0 I" F, Q" A4 \6 R9 j
         }
6 v! S. h: A- q$ {1 L      }9 O) P/ n* r) l2 k& R0 R3 I
   if (xDir == "right") {
/ Q$ h4 y7 o. @, {" V" F: R' C      xPos = xPos + BallSpeed;. R  J# G5 B7 r( m
      }
% f' Y' ^, m" X   else if (xDir == "left") {1 x  I  @  I9 x( U2 r& ]6 P. ]
      xPos = xPos - BallSpeed;- Q9 ?) c3 a0 D6 ~* a
      }; p$ H( A. t! h; e* G- ~$ o! Z8 I
   else {
2 h: f0 Z6 i% h& ~! H      xPos = xPos;
, V5 S  Q0 s! k  \' i8 ~$ f      }: g$ i9 w7 G4 w. @5 @0 d6 O
   if (yDir == "down") {7 M- Q, U- N, @
      yPos = yPos + BallSpeed;. F6 `" Q3 i% v& W) O
      }3 N( {6 ^( X8 ]7 ~6 u7 c, P/ M
   else if (yDir == "up") {: v# Y% Y8 t! `% P1 l. m* k" E
      yPos = yPos - BallSpeed;0 r. L$ @, `; a" O( f
      }
3 ]- g5 ]  r, }+ Y   else {
# u" v3 [' q7 V- ?      yPos = yPos;. d0 B" H7 m: M( C: w) w
      }& ?& {: r: ^6 W3 v* K; @
   }* Y3 {- L. f- G. M8 p

* x, T2 |2 D& U8 x+ A4 Y; a$ x7 I. `9 yfunction hidetext(){
5 I4 t" ~4 c; ^7 I- ?# @$ Kif (document.all)
( m# x% m+ N) g) Wsupertext.style.visibility="hidden"
' s3 c7 c) R5 }else if (document.layers)7 V1 G6 H" G1 H* r& O1 s) _1 }1 ]
document.supertext.visibility="hide"
& f1 m/ z' c  D3 ?1 TclearTimeout(animatetext)' ^' h! r9 c8 H* J
}
/ r& D% _3 p# |) }* D0 t+ |; o4 o- [  e
if (document.all||document.layers){
0 K% R: p% g+ h9 Ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  d# q. q+ r8 E2 N7 \3 E
window.onload = initializeBall;2 }6 S, A$ Z/ q' H9 z: |) t
window.onresize = new Function("window.location.reload()");
2 y' n0 I9 c, b! i9 U7 \# \8 e}
; g& H# y7 |1 j' f9 Q
& |5 Q- y; R0 q0 g' m: C$ h6 T$ @" I</script>