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

zw2004

<style type="text/css"># \- O' N3 ?+ R9 w! z2 m% j. N
#supertext {
% W0 O7 `7 x) V. t% tposition:absolute;
# L; q) g2 x  @9 P7 d5 a6 _left:0;( C4 A3 a# Q" h& E
top:0;
; k+ F+ J" v4 ^visibility:hide;8 I+ l5 r/ _$ U( V" I" U4 }
visibility:hidden;0 @( q4 l5 l# k
}, }' u3 G) |# I+ ~; T9 ~
</style>
8 ~$ e5 O9 s. y6 Q3 A0 d0 ~<script language="JavaScript1.2">4 p  r" f) U- K2 \5 y& N( W
<!-- 改变下的字体的大小。颜色--># W# M. Y" Y, Q: C6 A3 d6 l6 F* v( ^
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* |  N# j6 ]! h# ], f' K, U6 @* s- s! bvar hidetimer='';+ Y/ [! q2 g7 V% k
<!-- 改变下的弹跳速度-->2 p; X7 o) H) p9 a
var BallSpeed = 20;
1 K+ |: I. q% y/ \, t8 r0 Z) t$ g/ Jvar contentWidth;
: N) z( `5 e3 H8 @3 Ovar contentHeight;6 w% M- d, ^1 c& x
var maxBallSpeed = 50;
2 b7 y- g: s( K# x% m4 M+ u* p  v6 s5 X

) |  v9 ~/ r6 Fvar xMax;
6 S7 b0 Z6 {1 P* s4 k( _var yMax;0 M. s8 Y3 h; c5 L
var xPos = 0;" d1 k& \; b! ^+ Z# L2 I) C
var yPos = 0;; L( Y) j5 z3 X* L+ H- R4 T
var xDir = 'right';
/ r6 l; e+ d. ~4 d, e' F! Q8 F: yvar yDir = 'down';9 f1 I$ K; H4 p: R
var superballRunning = true;
+ Y. @5 C0 u+ X9 M1 h. [. J5 b$ yvar tempBallSpeed;
' \) b% _" p9 [, ~& B( s4 xvar currentBallSrc;
* ?% A3 w& ]9 A" _! s1 u9 Q, |8 }var newXDir;. Q& n0 O& m/ N, @; Y4 ^
var newYDir;
- W9 L0 _! X! p4 S" {. P, X$ U3 y/ W/ H7 P) @% h6 I
function initializeBall() {
! i8 Y& t% ~) Y# C   if (document.all) {3 {) p) j7 m2 Y* b6 _: D
      xMax = document.body.clientWidth0 l( i3 k$ c# N8 ^% k+ g+ x% _
      yMax = document.body.clientHeight! s( e6 m' q1 d5 X; G
      document.all("supertext").style.visibility = "visible";
$ n# p6 u$ \, n2 R/ A4 t0 y& j: _      contentWidth=supertext.offsetWidth
7 z$ @& X; @  F) [  A      contentHeight=supertext.offsetHeight4 V) e! |) t( }" n  u
      }
0 V' M( ?6 L5 m1 ~7 |& x. _   else if (document.layers) {2 _# C1 ^' q8 k: I
      xMax = window.innerWidth;
" y( g2 g' h0 H# \      yMax = window.innerHeight;
8 C7 `1 e/ }& n0 T6 p  P) `4 w+ P      contentWidth=document.supertext.document.width
2 ^- O" ^: z6 g. L  u! ?4 D      contentHeight=document.supertext.document.height
- {# Z. H; I# F- \      document.layers["supertext"].visibility = "show";
7 ]6 d- v5 `4 h& G8 E! g      }' q, q8 O5 ?1 u; a/ j
   setTimeout('moveBall()',400);" }' N* I5 t* R6 C& O
   if (hidetimer!='')
1 U# w  K% Y. E5 c  T; k0 B. x   setTimeout("hidetext()",hidetimer)
) j9 `! M4 I& {6 G% \   }
, B6 C) ^0 T) d  g6 T8 d6 t3 E' W! Y
: M; E8 ^. u/ b- [8 Zfunction moveBall() {/ Y3 \- F: G% u' Y
   if (superballRunning == true) {. c7 `6 K' K% l; |+ E
      calculatePosition();
+ _% s1 P3 `: Y) V: W& L/ f      if (document.all) {
* z. m3 H8 D" \$ n         document.all("supertext").style.left = xPos + document.body.scrollLeft;" I( b4 |- R/ {7 \
         document.all("supertext").style.top = yPos + document.body.scrollTop;. v( }( p; l) I9 @
         }! _0 B  ~1 Z) A! q$ M" L- V
      else if (document.layers) {+ Q7 W) ~' R& \8 @( [
         document.layers["supertext"].left = xPos + pageXOffset;
/ G/ @4 H+ e! r; n         document.layers["supertext"].top = yPos + pageYOffset;
) J3 Y# T3 z$ T3 C3 b% N) N         }" o3 P: d- J7 w, H. N
      animatetext=setTimeout('moveBall()',20);
7 X+ H$ i  R) O: C      }+ [! v3 p& i$ r8 _7 {$ r
   }
% t- v$ C0 d; B8 R; C8 ]5 ]
, D" u1 W* x$ `& P) O: }( Pfunction calculatePosition() {9 ]; f" L3 U9 ?. f! g
   if (xDir == "right") {- ]$ ?! ~2 b0 C
      if (xPos > (xMax - contentWidth - BallSpeed)) {
: ?1 d& k' D+ z5 q         xDir = "left";( _; E8 V3 T8 q& h6 L  s+ n
         }
, P; E, P, X% ?$ i      }+ z, `8 ~& M1 e2 @9 |  h" Z" _
   else if (xDir == "left") {* u( m0 M$ ~& F" [* @
      if (xPos < (0 + BallSpeed)) {
6 t( ]4 O- x3 C+ [         xDir = "right";
8 n( ?; m0 u/ I5 D- Z% X         }
. S! @. `; @8 {) {: I" l# Y4 \      }
6 x* A. S4 K$ o   if (yDir == "down") {3 N: v# s  g) y- T, F# E) U
      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 Y+ {4 E9 O% B# n         yDir = "up";' ^; e1 o3 [! j& Y! F, x
         }- _$ V) |1 S. ~: o- t+ v! j
      }
9 q1 {( p+ v. Q4 `  w6 M( f* z: t   else if (yDir == "up") {& K7 @: J9 P( @% B# m" y0 }
      if (yPos < (0 + BallSpeed)) {  C* q2 F2 f: y$ v6 v
         yDir = "down";6 g0 @% c! I7 G2 k
         }
/ n3 J& R: W0 E, t      }( E! l$ K5 A/ G; s6 u4 m. h: W
   if (xDir == "right") {
! x4 e! T. F; D- m" Q' n! Y      xPos = xPos + BallSpeed;
* t8 o/ `6 H- Y) G      }
0 z9 L/ c( D8 V   else if (xDir == "left") {* g5 }1 W. M8 _; i5 d0 R
      xPos = xPos - BallSpeed;
% R) M' ~+ B" l& X7 X8 r: f* D      }
- P6 f8 W' U' n$ M2 ]7 Q   else {& n8 _) b: d0 i* E( c5 K
      xPos = xPos;; B3 s. g  B( E) P! z
      }! B) v7 i  p0 b
   if (yDir == "down") {9 [( O' z3 Z2 U5 R) `
      yPos = yPos + BallSpeed;
; R/ |, P$ J$ Y1 Q      }
: R  r  ~6 |- K5 `" f4 v, w, p: s   else if (yDir == "up") {
9 m* g( r1 I* e  e4 ~+ l      yPos = yPos - BallSpeed;
- X- \2 M9 V: \      }: Y7 b) j" ]/ T; ^0 `3 G- n+ T% A) G
   else {* c2 B; E+ u, F9 B( @6 E  w
      yPos = yPos;: d: J1 Y! s* h8 e! O, ]+ o
      }
4 H6 a' ^9 d0 D# a8 b8 h( b   }
4 s. p9 k4 U1 Q4 r  ?
; r  k6 v* w+ @% C/ U0 tfunction hidetext(){
9 l4 m; y$ z+ A. Y5 Y9 w) Jif (document.all)
2 z1 X" A: n# j' l( K0 asupertext.style.visibility="hidden"
5 i4 y8 t3 b2 k* y4 ?# {& ?1 ~. B" helse if (document.layers)
* K, \0 b8 o7 Q. C1 o% C9 h6 odocument.supertext.visibility="hide"
+ l/ {3 {% A: a4 B8 K- J7 ^$ }1 sclearTimeout(animatetext)3 E+ z$ L# ?1 I3 y' L- r) K, I: B/ \
}
! l: E1 C; `' _+ y/ ]3 {
; f  s' @8 P: |9 g; }' |+ wif (document.all||document.layers){
6 M( q5 Z! V* Zdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 s( g! }( y' [6 u% m2 `+ Z: ^window.onload = initializeBall;# Y/ E7 p0 l  H% |; K/ G2 i! r2 u& j1 k
window.onresize = new Function("window.location.reload()");5 S* P' e- D: y: Q" [
}
. }2 W' ]$ z: E2 @9 T8 \) |& P
</script>