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

zw2004

<style type="text/css">
$ P- k" `( p! d7 L2 @#supertext {1 r* N2 }9 p  P! b" }* `! K" F
position:absolute;
: Y2 J- o8 w) W+ I# cleft:0;
  U7 \5 [2 @: Utop:0;3 Q, |) h9 l. {3 o
visibility:hide;/ y+ t. f/ G: s) G, E2 A) `2 E( N! [
visibility:hidden;6 ]$ t4 u0 @; G1 J' I
}
% w/ e0 C% K) z: j4 p# x</style>
% V8 [$ [2 w8 n  I/ O6 T& N<script language="JavaScript1.2">2 c/ l5 D1 H" G
<!-- 改变下的字体的大小。颜色-->
; j, R. R+ B/ U0 R) O! I- b' Nvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& w, X' ^8 i. R2 C/ s) o
var hidetimer='';
. j  M+ o8 c' U& _# H$ I<!-- 改变下的弹跳速度-->) M6 I4 ]7 _% m+ r  r2 {# d
var BallSpeed = 20;
! e- a. v6 d) r( f( }7 svar contentWidth;; {" T/ k+ z. C( f4 T
var contentHeight;2 C4 \% _3 z. ^/ A  J
var maxBallSpeed = 50;
- Q1 n% L  [9 t. C4 h) r* G
8 \8 l- D0 t& c4 M5 F
1 U5 u& @- u. N% i% p: tvar xMax;
( U0 Y; r: h  w9 X) u- nvar yMax;
- j' k' f* N: W/ q) evar xPos = 0;
  B0 w0 z6 @) h/ I+ m% vvar yPos = 0;: b  ]8 q/ e) H7 y, g
var xDir = 'right';
( @! _$ Z( J. ]+ t5 J$ zvar yDir = 'down';4 w- d; p$ a. B7 Q. ^2 C' w
var superballRunning = true;
) I* b9 v1 i1 H' \4 gvar tempBallSpeed;
8 B( C  z: s5 b2 A8 E- C  V6 A# f8 `* O" Pvar currentBallSrc;
% P" W5 M2 f+ A4 Q6 G9 \var newXDir;
4 G  Z2 O, y+ i7 C3 ~2 S; r" t: h" Dvar newYDir;6 P& x  Y* n% B

, O; H' J1 l  h4 jfunction initializeBall() {
  q  A: S" i( g' d1 {8 I   if (document.all) {
( a4 t% s7 j& ~8 n# P0 |" K" D4 R      xMax = document.body.clientWidth3 ?; ~0 x3 Q5 L( h) D$ r
      yMax = document.body.clientHeight+ z8 `6 C# o% Z% Y
      document.all("supertext").style.visibility = "visible";
. `, g  \( D+ Z6 {% Z      contentWidth=supertext.offsetWidth1 x: Y3 E; H) Q% m3 |! R! d
      contentHeight=supertext.offsetHeight, g8 [7 `2 E8 h  Y
      }
" Q: R6 d( A: w/ R' F: J   else if (document.layers) {/ Y$ J. [" G: _+ i
      xMax = window.innerWidth;
# L. {" e- n& c; x3 J/ O9 \      yMax = window.innerHeight;; j9 _: R7 [% k5 ]; A  L
      contentWidth=document.supertext.document.width; Y) R& h* T; c7 y  ^
      contentHeight=document.supertext.document.height# y2 E' ~& p( n& @4 x8 ?
      document.layers["supertext"].visibility = "show";. l2 T# F- B' v) u6 m6 f
      }7 ?1 {: l8 Q& Z' H+ w, ~* p  D
   setTimeout('moveBall()',400);
/ S2 }! i9 j' Q  H% k   if (hidetimer!='')
% l4 ~  `: F; U  u' |3 c" q3 E   setTimeout("hidetext()",hidetimer)
! ~9 }# _1 Y3 v* Q- ~# X   }
- m% \, H8 x1 E3 }% d/ A0 r7 o1 z" W4 {2 P1 p& d5 y' D$ Z
function moveBall() {
8 C9 L% z6 ~: b' J: B   if (superballRunning == true) {
5 {! y  m* s2 R8 D, T4 Z0 H1 H      calculatePosition();
5 v1 \0 J. Q( X' e! ~, d      if (document.all) {; V" f8 h, ^' E" _, {1 j
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
0 X- Z" P1 f2 I3 p         document.all("supertext").style.top = yPos + document.body.scrollTop;
( T& V8 g' l* t) |: D         }
3 D9 s9 z/ K- A; r& s. r' h% S      else if (document.layers) {
) A8 ?2 u' j! N% v0 H+ J         document.layers["supertext"].left = xPos + pageXOffset;
$ d+ u, _; O" C# r5 g         document.layers["supertext"].top = yPos + pageYOffset;; W: M# [$ d$ ~( R/ V
         }
# }' t5 \& X1 ?: j      animatetext=setTimeout('moveBall()',20);
# U4 x7 b; [( m6 o9 j      }
: Q( p$ @# ^9 d; [* T' j' N   }
1 s/ z" a! B4 J' ?4 }. E
7 P( @4 K+ i7 G! W! z3 Ifunction calculatePosition() {
1 x$ @: m/ d& K; [' E; ]% f4 ~4 U   if (xDir == "right") {
5 Z- l5 j4 J/ c$ m) S0 v! g+ L      if (xPos > (xMax - contentWidth - BallSpeed)) {8 R" s7 }8 y5 C  M
         xDir = "left";
9 j) u0 v8 b* I  k  U2 l         }
2 n' g' `* C/ a# M4 y! [* R( F      }
; b$ m/ Z) |2 o1 [) t/ N/ |. O   else if (xDir == "left") {; H  ]( u8 N' _# m) P' y4 f4 \
      if (xPos < (0 + BallSpeed)) {7 M1 M+ z7 I  |4 g
         xDir = "right";
: w" Z  T; B& q& g# s& d9 X5 `         }1 e& ~1 b* ]% t2 t9 @9 U" H
      }% }0 L* Y2 U9 y, [, a
   if (yDir == "down") {8 R; {1 k) J7 |6 ^- b6 Q# q# ~
      if (yPos > (yMax - contentHeight - BallSpeed)) {' u" s. H2 S- J: J$ |
         yDir = "up";
3 W  @: i( x) F: `: O1 b+ D8 }& [         }
# b5 W, k0 \+ w4 f- T6 K$ Q      }6 z9 q- N& W9 a& K
   else if (yDir == "up") {3 M/ V/ D/ I% Y
      if (yPos < (0 + BallSpeed)) {
( P4 p7 e. W# [, W         yDir = "down";' s0 w% f5 x. d; _! I! I
         }) E5 A" ~. J3 L
      }9 k6 F5 q* l9 K3 ?) V/ D& O8 m4 z
   if (xDir == "right") {2 c. @$ t$ e5 X/ B0 _
      xPos = xPos + BallSpeed;" u: K: u# X) L9 U* H
      }2 u4 ~( f, h0 k4 }+ P/ R- n% m
   else if (xDir == "left") {8 y5 f  g: y9 ]+ u2 L
      xPos = xPos - BallSpeed;
4 S! q9 u( O8 @0 p3 A      }
9 H  d6 Z5 a8 S2 K7 {' k$ r% a3 ]   else {2 F: A8 Z* E8 S7 L" L* H: Q
      xPos = xPos;: I! i; K) `; [/ ]8 k
      }( e& j/ N2 g% G( V! S
   if (yDir == "down") {  t4 z* U3 {- Q% X3 D" G9 U( d* u
      yPos = yPos + BallSpeed;9 U' B0 I+ m+ {
      }
) y0 M6 o! w5 x+ v- n8 N   else if (yDir == "up") {
  Z( i0 q1 w. P6 c  e' }      yPos = yPos - BallSpeed;
: F& _+ X; Y3 i: o      }0 n7 M) l, w0 E  D
   else {! @; B7 z. Y8 A- M& g9 [7 m6 M
      yPos = yPos;
) g$ w0 C1 v0 M. e' S1 I6 E      }
. @$ n3 {& O6 c+ y% X9 |   }# n% M$ D# c9 M
8 j1 J- D+ t! J9 g" c2 n5 [
function hidetext(){9 [. X3 d. w- S% @' d
if (document.all), F7 [; p) a* N# f% u
supertext.style.visibility="hidden"& \) }$ H. ^' r# b$ j' I/ J
else if (document.layers)
& k" D9 D' o3 Q* Xdocument.supertext.visibility="hide"
6 e7 O0 S& t' ^clearTimeout(animatetext)# S; ]6 V8 `9 E3 R$ q
}6 r. u$ h: }+ ^4 D: R
: D) O; v$ j" r: i" Q  }( n
if (document.all||document.layers){* \3 y' v- T. z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( N5 A- {& {  g
window.onload = initializeBall;' S$ }: D. X3 B( Y
window.onresize = new Function("window.location.reload()");2 s; d" l- l2 x3 g$ w' P4 W
}
" K- C! w# t0 _* G' r* i0 C% O6 W- p0 T* P0 D
</script>