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

zw2004

<style type="text/css">. s/ M: E  v, L8 A/ [/ w  y
#supertext {
; n  j" E4 G, @position:absolute;' T/ N- ^' j& Z. L
left:0;
) D: E; x6 E) [  l8 E1 k) F( u2 ctop:0;
9 f* j; k$ Q( Hvisibility:hide;8 T; @, q% _( L3 I0 L
visibility:hidden;
' f* r0 g' ]% c4 x- ?# m- i}
/ p0 K3 h% ?9 |% x</style>
4 D) P& ^: D2 ]- C  w2 G<script language="JavaScript1.2">" ~" m& p1 r( I1 v, A
<!-- 改变下的字体的大小。颜色-->* J7 e) U/ D1 z. w) l: Y1 g+ F
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 d/ l! X& [/ z% d. c' i7 W& |8 I& Lvar hidetimer='';
5 e$ e! h  \) _% I0 D<!-- 改变下的弹跳速度-->
: u* i# g/ v& T) o! Z7 Wvar BallSpeed = 20;" _1 D' i9 {/ U% }8 W! Q9 K
var contentWidth;& }- Z* f; R/ F* L9 {
var contentHeight;
3 J  W7 f# j* x% f* {7 s5 Fvar maxBallSpeed = 50;9 ~4 Q6 I0 y! _" \3 Y  \  t0 A6 G. _

6 M" P0 R0 _3 D& Q6 Q) K$ `, I. `' r! w
var xMax;
+ i  T1 x) b; n: I* j7 Q" G$ n7 ]var yMax;
2 {6 Q* k& s3 l8 s+ b- qvar xPos = 0;3 l6 u1 ]7 K2 [0 i  R
var yPos = 0;
& t) _) k8 d/ W8 R, Xvar xDir = 'right';) i9 h0 [" ]- I  {6 b; U
var yDir = 'down';
% f- j7 U+ [) [7 V5 Q2 Svar superballRunning = true;
/ o6 G6 P* n. T* Avar tempBallSpeed;
* Y/ q; J6 s# @var currentBallSrc;
# f3 q; S  }9 b) m/ e* }" yvar newXDir;
! q, |( ^, `: Y3 o6 kvar newYDir;! G1 w/ z2 `4 e% k

! x" r7 x3 T4 Y+ N$ rfunction initializeBall() {
: i( L8 B8 q' M4 }6 z! w   if (document.all) {* l, b7 P* y% B0 m8 ^
      xMax = document.body.clientWidth
7 r2 w; _+ D6 \9 c5 C: N; @      yMax = document.body.clientHeight9 J/ S- a4 M3 P# p* T& K
      document.all("supertext").style.visibility = "visible";
! m: ?, z6 V0 {6 x2 a! Z      contentWidth=supertext.offsetWidth( y! R! ?8 O! V
      contentHeight=supertext.offsetHeight
+ i  L- d; c0 C& G      }  F2 H% Y/ z, y% U9 o* U2 U; t* N
   else if (document.layers) {4 A( g2 G3 l2 Z$ l+ P. C8 `
      xMax = window.innerWidth;
7 q' d( L9 W. i# U! }7 s      yMax = window.innerHeight;: ]) m4 N6 V: v! y% c
      contentWidth=document.supertext.document.width0 E' m; }5 q% v$ Z2 M- h/ A
      contentHeight=document.supertext.document.height
' F) F/ |- W3 p3 `6 t6 ?& `      document.layers["supertext"].visibility = "show";
4 k  r( Z7 a, {- c      }
3 G( p& p4 p0 C1 x& }7 F( b# g. w   setTimeout('moveBall()',400);% d& C; R4 S$ z
   if (hidetimer!='')' _* z6 h8 {' ?  g# C: i
   setTimeout("hidetext()",hidetimer)- D8 u4 M# V: Q# I0 n
   }
2 K: n5 G9 _" v1 I! A7 P  m+ C( a, K4 r& B- c& l' Y
function moveBall() {" N$ J; o  G7 {7 @+ k
   if (superballRunning == true) {* C; |9 K& U$ @+ \
      calculatePosition();
7 i/ T5 D4 {* M" U- g0 }" x      if (document.all) {
0 b: O5 I3 ]5 |  |: s$ t( b         document.all("supertext").style.left = xPos + document.body.scrollLeft;* ^# J7 a/ }2 u) x9 @  ~; U- d# h
         document.all("supertext").style.top = yPos + document.body.scrollTop;
" {9 g4 J4 @( f* V8 q! }         }
* j. v. ~8 o4 i5 U      else if (document.layers) {+ m7 \% \  `3 s' g/ @) p/ O8 j
         document.layers["supertext"].left = xPos + pageXOffset;
( D- }/ `) T) w! B6 u         document.layers["supertext"].top = yPos + pageYOffset;
; b+ \7 U: ~; j6 r( l         }3 U2 r$ r; D) P( U
      animatetext=setTimeout('moveBall()',20);
* t! e0 K7 {3 r8 P6 m      }4 B3 E, z3 G. U' X' j# G* b+ a
   }# P$ n# k! G- t- g. l& E9 v

# z0 Z1 m) A' Tfunction calculatePosition() {, p$ @) @" T! w1 p8 a& }" G+ Y8 S# h
   if (xDir == "right") {" k8 V2 U$ x3 i2 g# M  o. _& {0 a
      if (xPos > (xMax - contentWidth - BallSpeed)) {* d( P! i4 J! |. X/ u' k' d* q0 Q
         xDir = "left";
$ {" v  w$ s. L- D( Z         }* U3 L' _- f0 N! H" `
      }
/ \2 p: {  |6 ?5 G! p# x0 J" r- e   else if (xDir == "left") {/ R, Z$ E/ o* w: g. `# Q6 i% C' ~' n
      if (xPos < (0 + BallSpeed)) {
/ S+ k0 b. W8 y1 e' z# m0 N2 f         xDir = "right";4 v7 K3 C; i: h, \0 D
         }7 s  ?$ h0 W% U1 D4 M3 M
      }
2 c4 H( x( K3 ^   if (yDir == "down") {
" P& H2 a# d! g8 h      if (yPos > (yMax - contentHeight - BallSpeed)) {1 y1 f5 s2 b0 n8 Q/ x( L5 E
         yDir = "up";
5 y& @2 @% \3 O, j/ I2 s         }
; O# a# D( Q9 m& V5 B7 e      }; ^% `9 l. F! Y. k; J  O
   else if (yDir == "up") {+ v& K, \/ o% ~5 m! z7 u$ x
      if (yPos < (0 + BallSpeed)) {1 l5 R' W8 v% E5 H3 G' O' C
         yDir = "down";/ i2 r4 O0 i0 w3 A  _. U( F5 L* |
         }
! m- C! c2 f( f2 s      }2 \$ J5 N" g9 m' Z! }' G4 v
   if (xDir == "right") {4 b8 \! W% L& B
      xPos = xPos + BallSpeed;7 M" |2 B- P/ W# Z8 ]  Z3 c$ f
      }, b0 U* X" L+ S- M
   else if (xDir == "left") {
) a0 g; j2 y, p7 h0 g/ v0 B5 s      xPos = xPos - BallSpeed;
' Y$ ?% f: g) D- S1 p; J- t      }5 m2 G, M% U) o5 U, G
   else {
7 n4 X3 |4 C6 G- [# J      xPos = xPos;9 u9 [: b1 M; K3 r, R! ?* n
      }
8 g9 b$ l6 y. _   if (yDir == "down") {; ~/ G$ |1 |2 O2 i" P% u
      yPos = yPos + BallSpeed;
# G' t6 |; m. `" f$ `      }
' l0 v& g& s" z; K2 N   else if (yDir == "up") {. T0 K. ]+ Q( z4 H
      yPos = yPos - BallSpeed;
5 x+ I/ s2 a) ?# K9 H* D& ~      }/ x8 e: T* ?+ w& \" y1 L! g/ p4 x
   else {4 I3 g& m- ?8 I
      yPos = yPos;% b0 k5 Y* ?/ [( j
      }
$ b" D) a1 [$ N8 q: Y4 {" s& e5 s! F   }! p- }3 ~3 _" c  R; x6 B
1 T! u  Q: y7 Q* E+ U1 w* l6 |, R
function hidetext(){
3 Z6 U, p* q0 o8 R9 D8 S. u+ T4 \if (document.all)
  @$ j) U, j/ D' z, p3 ~3 lsupertext.style.visibility="hidden": f3 A: C# X. |: B' `/ v
else if (document.layers). k' v/ ]9 H% D# s& S; t$ o
document.supertext.visibility="hide"
8 ], y# z) Q0 _# X3 S% J- I# C% gclearTimeout(animatetext)
) |4 q1 X$ p' {+ W}
9 m' r/ C5 q: o2 q  [
, [% O" u* B4 ^' e4 s- F' ~, ?if (document.all||document.layers){
% H5 v: |, H/ X' Wdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
/ f; L; w) J2 e2 z" swindow.onload = initializeBall;  Z' l6 M6 Z4 u( P
window.onresize = new Function("window.location.reload()");7 n; t/ b/ }9 H7 Y, I" f
}
0 J$ ^) N! |  g9 {( U
3 [6 f0 }. Y9 l$ n$ P7 s0 a( O! t</script>