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

zw2004

<style type="text/css">
1 l7 h+ u: t/ t0 |  W( Q#supertext {( h$ I- Z4 P3 n% H
position:absolute;
" I3 m5 `' e' x9 e9 nleft:0;# ]6 I; M# J0 H' K0 v" ^
top:0;
' T' I7 w. X; F0 K. ^2 F% Gvisibility:hide;7 n6 T# }6 t& }# |1 m
visibility:hidden;/ O% z  l' p( j% T" B9 m
}. F9 `4 C4 p7 p0 P( r4 ~
</style>. ^; o  m3 ^8 D& X' ~, N
<script language="JavaScript1.2">
% M# N! s5 v, `0 L6 w<!-- 改变下的字体的大小。颜色-->! z+ x/ K) v8 L0 z. E+ K: X5 K
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 @! O  ~  F+ xvar hidetimer='';
) q" u1 ?$ p( L" V<!-- 改变下的弹跳速度-->
& X# Y# t4 u3 @. U( [5 r* c+ z7 kvar BallSpeed = 20;+ {$ n3 h5 i1 i4 {* v, [  c9 Y
var contentWidth;: r" \' {4 p& p# @1 Z/ B
var contentHeight;
2 o+ A  f( @% d" E: a7 [( Vvar maxBallSpeed = 50;$ m6 P) C7 G8 y4 h" k, h- n
3 N! G7 B" l( W7 ]
/ p7 `% ~  Q+ }" y$ Y; x
var xMax;7 d4 y7 y. s6 j; k2 r" g& L& V
var yMax;
- \2 D: P- h# m  Rvar xPos = 0;" }5 i# b0 Z* F, e" t% T! f% N
var yPos = 0;8 S. G5 ~# V) U
var xDir = 'right';) T4 C9 ]3 T; {) q9 @
var yDir = 'down';6 G9 }! t7 H! C0 S
var superballRunning = true;1 O' N6 K4 ^* S0 A' o/ h
var tempBallSpeed;
  T3 L4 Z2 T* _1 V- m3 M: Zvar currentBallSrc;
6 C2 j9 H5 U: B$ V, E) zvar newXDir;* _: L, V- s, n2 c/ |% B6 i
var newYDir;
9 b, C# h- j. J, {
- @6 K4 j5 o! U) D, {+ s0 r+ z% S$ e1 Ufunction initializeBall() {
; }# ~5 b! P. H, B   if (document.all) {
  ~: A8 [( y+ k/ r) F      xMax = document.body.clientWidth
. A) K6 L8 s! O! n9 k) W      yMax = document.body.clientHeight
# q- [- N' u& p! k& ]* q3 M      document.all("supertext").style.visibility = "visible";
/ R3 ^, m. N/ i# b% P      contentWidth=supertext.offsetWidth
, s6 m8 n' l) l. y" P" `      contentHeight=supertext.offsetHeight
" D- r% e( W7 k  [( h7 n7 _      }) H, h/ {, P; q" u+ Q
   else if (document.layers) {: [: k4 V/ l" s
      xMax = window.innerWidth;
! f2 \. c+ p1 B* y+ ~3 w, h$ z' u      yMax = window.innerHeight;
$ q* t8 }; {; S( I1 s, G3 L# Y" u/ T2 o      contentWidth=document.supertext.document.width: A" K+ x4 A& y: g1 N" ]
      contentHeight=document.supertext.document.height
  r8 N" i  U- e. q1 g4 G, T4 h6 w      document.layers["supertext"].visibility = "show";
9 S' K* @$ [: Y: ]' [      }
5 R8 Y7 f' \; f   setTimeout('moveBall()',400);% P# ]" i% I, \: y+ Q" o
   if (hidetimer!='')9 n. l+ P) c: g0 }. G
   setTimeout("hidetext()",hidetimer)
% k; ]+ `3 ^/ @& E9 w   }
6 e: O% [% h: p6 [0 k. |
% {* ?# _- v. L  k( B: m  Tfunction moveBall() {, u. ?  @$ G( J
   if (superballRunning == true) {
7 u+ v3 T# q  ]% H( \      calculatePosition();! S' ^* A' [3 `2 e4 m7 o$ }
      if (document.all) {
( h4 G; U6 w4 J9 S! t         document.all("supertext").style.left = xPos + document.body.scrollLeft;
, @9 X* f+ I( l. L9 M         document.all("supertext").style.top = yPos + document.body.scrollTop;) ~/ |, n2 D; s+ q
         }3 [% h! t. X1 F+ X3 I
      else if (document.layers) {
0 ^( B9 m% Z6 |- k2 B         document.layers["supertext"].left = xPos + pageXOffset;
$ s- B, r1 k7 U  ~. l         document.layers["supertext"].top = yPos + pageYOffset;* [$ S, e' t1 F! D2 g; ]
         }: t2 x% j( G3 |% S  [
      animatetext=setTimeout('moveBall()',20);0 X. ~8 [; A: E$ U
      }8 P! r( O9 o1 V3 E" T
   }  N7 Q- _' N( s. k

4 a0 _( z, f0 }# C) b1 f$ k8 u5 Rfunction calculatePosition() {% e  Q( |8 x5 W' j2 W% m7 r% W/ z
   if (xDir == "right") {8 D: S- O8 f' p: w- z& j
      if (xPos > (xMax - contentWidth - BallSpeed)) {
/ R2 ^# x% f; j. _         xDir = "left";
- T5 O! G& e, b- k) k( B0 k' h0 R         }
4 s. q- G% p- }% l$ ?" I& I5 P      }
* v. L% B5 |; g  M' v: Q* L   else if (xDir == "left") {$ y% N" I# ?" @- ?" g' E' O
      if (xPos < (0 + BallSpeed)) {
/ }" b, C* I4 U: r6 ]7 P. W         xDir = "right";
* J, w) ]! P" m9 @+ `! V6 Q. t         }
* O  ^" f+ }6 s2 k      }
9 z$ Q# S: ?8 i$ \: C2 Y   if (yDir == "down") {
0 Z/ f9 a* }& j7 |& M      if (yPos > (yMax - contentHeight - BallSpeed)) {( T. R7 o* o8 L) {
         yDir = "up";3 `; v, Q* P) r$ }
         }
+ o# `' m1 R) w$ a( @7 l      }
! q5 a% ?! M- `   else if (yDir == "up") {
7 H0 s$ S2 ^! [      if (yPos < (0 + BallSpeed)) {
4 \! m; K( u6 a6 S         yDir = "down";
; S) f! S4 D* T9 |  {         }
6 Y8 \3 L5 [% Q$ Y      }% S5 j) U: U, _: D' c# g1 n
   if (xDir == "right") {0 a8 {" C1 f* M6 t) L% o7 O
      xPos = xPos + BallSpeed;
9 V# t! ^( f# X: V- _6 s' q      }
; g( M" @; c. @  Z   else if (xDir == "left") {* p+ S9 w" b6 N/ d
      xPos = xPos - BallSpeed;
+ @; R3 \  W6 Q; v/ b+ x3 L      }
6 l5 z. A; @3 B2 W/ _   else {; }+ |" U7 z6 a" n! [% K
      xPos = xPos;: o* i! ^5 P- g$ a
      }
9 w/ v$ T1 X5 h& S( M/ Q   if (yDir == "down") {
# |% l* B4 x1 |/ f" O      yPos = yPos + BallSpeed;  T; P/ w) ~4 x2 u$ Y3 R( W
      }
+ L9 c$ c2 E. x4 Z" c   else if (yDir == "up") {4 k+ Q4 w7 q% P6 r5 p( O0 c
      yPos = yPos - BallSpeed;
9 c* B3 u4 E: K$ F      }
( w4 J' |& j: ~' X- D   else {& M% b1 G( x, G% t5 g! x+ s% S
      yPos = yPos;
( H3 u1 _' z4 G- t8 X      }
) b. q9 J+ X! g   }( m( W+ n( t) x2 Q

6 r- B3 O* w  N, A6 k9 gfunction hidetext(){
$ k' `* M5 c" p' w( `% m( J+ f- wif (document.all)" S0 }! a- q' v
supertext.style.visibility="hidden"
9 f4 {. `& R0 c, {else if (document.layers)
# M/ u: A! A8 a) sdocument.supertext.visibility="hide"1 R6 ~9 d; |( `- D
clearTimeout(animatetext)
4 t; P% O  {) L+ W}. }- I# q/ X5 E; K/ J. C4 b9 R4 I

8 w) f! B# Q7 T1 Q6 k# sif (document.all||document.layers){
" O! h! r' e0 `/ h/ J) Hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 Z: E7 H8 ^; O& _/ d
window.onload = initializeBall;' O, C) y4 [# h3 P- L1 v
window.onresize = new Function("window.location.reload()");/ ?* e% {+ U/ d" E2 W4 D
}/ k, q8 D) Q+ W2 g* c

1 {3 @: B8 l: ]</script>