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

zw2004

<style type="text/css">& `) D! {3 F0 b( v. I
#supertext {
6 a+ U$ b/ G/ Z/ Fposition:absolute;
1 H8 x* G# l/ w  O! H& ^; @- cleft:0;' p4 t% S9 ?8 I  ], @
top:0;
+ t- k* s4 l- S) x# J# m( ^) {visibility:hide;
& g* ]0 a5 o' d' \5 l( Avisibility:hidden;
8 _# S' U9 c/ K/ N; j}; q  U! ?  d" z( D7 W+ m6 d
</style>2 W& g4 T5 c  c7 @
<script language="JavaScript1.2">$ l* j0 x8 y0 t; b& _% `
<!-- 改变下的字体的大小。颜色-->
( `" J+ ^; K# |8 t# Dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ v3 O# c! U" p3 x* D
var hidetimer='';
) ^) D1 {, y. Y1 G<!-- 改变下的弹跳速度-->
" n. D7 w1 {% Q7 S( J& F+ h& ~! ^8 l* ivar BallSpeed = 20;
; X2 e7 E" M3 ]5 avar contentWidth;
1 N* E; g! o+ ?! B- a" Xvar contentHeight;
# h, f/ r/ \/ L! @1 l0 \var maxBallSpeed = 50;! [6 ^" l4 E+ s/ X* o1 p9 O. Z! c

8 B( k5 m: s1 F7 F. r* {) M: V, R. ?6 c2 ]9 T. J$ c1 X1 e
var xMax;
& v  i/ s( C0 I0 T8 hvar yMax;
: _, T, Z2 N9 a( p7 ?6 q5 A3 rvar xPos = 0;
4 ]: q9 |  V$ @8 I  q# b! s7 q6 ovar yPos = 0;; `$ U* C7 }4 z$ J, a
var xDir = 'right';% |) c/ U  `; ~0 r  p4 B' o& x( [
var yDir = 'down';: j9 P- q6 i3 t6 }+ C. S7 N& d
var superballRunning = true;
. K- U) V7 Q9 E. @9 c% T3 wvar tempBallSpeed;) s/ ]" R! H( a3 K) F, y: x4 C
var currentBallSrc;
* f, o3 I4 h+ ]7 O9 ^var newXDir;
$ t( n: Z3 Z  h2 M/ tvar newYDir;
) m: t1 L. p; _: v9 g! p+ |) k* @, l! W* C
4 o( J: e2 t3 X3 g+ b; g5 A7 Dfunction initializeBall() {: ]0 i8 t1 F) }6 Q  F' C
   if (document.all) {
; C2 ?) i/ s6 m5 |3 p8 ^9 ?4 f' U      xMax = document.body.clientWidth
8 N! A/ X* g2 f3 P, {      yMax = document.body.clientHeight
" j) d& E0 U2 W9 l      document.all("supertext").style.visibility = "visible";5 u& k& m# s* f" g( Z- D, h: B
      contentWidth=supertext.offsetWidth' t8 L- D, N1 q& H
      contentHeight=supertext.offsetHeight
6 Q% O9 Y: p; k      }+ l$ E" e. D% T+ Z$ B8 U  @/ Y1 N4 E
   else if (document.layers) {% D6 S2 z  x* q1 Q5 d
      xMax = window.innerWidth;) O- G9 g, H: w4 @3 }. r
      yMax = window.innerHeight;6 P# ]! E6 f; @% d, a
      contentWidth=document.supertext.document.width
' g5 z" y$ o9 t  h' P1 o      contentHeight=document.supertext.document.height! B8 W2 T! j; |8 _
      document.layers["supertext"].visibility = "show";; W9 ?* M" ?: V' J! @/ L% h' k
      }3 s8 l2 e6 i8 k1 {! U0 C) p
   setTimeout('moveBall()',400);
7 V8 O8 x6 O; |- r   if (hidetimer!='')
7 a/ c2 D+ A6 l8 a* l- U0 ~   setTimeout("hidetext()",hidetimer)" m6 d* r; H* N) L$ J; h6 q
   }
% l; d+ l- j, B
4 ?$ W9 X3 s. y) {  K6 R4 vfunction moveBall() {! Q3 t6 Y% o& D6 ]! q
   if (superballRunning == true) {- a  [6 V% J- Q5 P
      calculatePosition();9 _! C. G. ]3 `! U
      if (document.all) {' ~6 x9 i- C* @' t$ ^' D
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 c8 C7 q/ S$ d1 }; h3 \         document.all("supertext").style.top = yPos + document.body.scrollTop;
( E1 X3 ?) V$ k3 |$ N  z8 S1 L         }
  d% o8 p" P5 B4 i# m) M; [      else if (document.layers) {! |  }. f; ~, S2 s! F! W2 @" ^
         document.layers["supertext"].left = xPos + pageXOffset;! G* y  u* Q: r8 r" ?" N! E
         document.layers["supertext"].top = yPos + pageYOffset;
/ U: U9 w1 |) {! e" L         }
( Z1 z+ G) T% [3 R5 l- x$ g      animatetext=setTimeout('moveBall()',20);$ u9 \/ d8 f0 B* L4 T) G
      }7 p3 P  G8 K( ]( m
   }5 }$ B6 ^" A. ?3 C) q% t

, _3 o# f6 n" Gfunction calculatePosition() {
6 X% x0 @' U# j( l   if (xDir == "right") {
. t4 J  q/ U5 ^      if (xPos > (xMax - contentWidth - BallSpeed)) {
6 l5 m5 Z0 j9 x1 \! F0 T         xDir = "left";
+ ?: k  `- @4 m: c: w2 c# ~         }1 O0 N8 C, ~; X$ d
      }
6 r0 b- r1 K  p  k% P: e   else if (xDir == "left") {  ?% y, Y/ k' }3 j5 f3 [7 M
      if (xPos < (0 + BallSpeed)) {! A; \3 {6 R5 ~  |6 {% Z. ]
         xDir = "right";/ [" y1 ^1 V* l! _
         }+ t  K$ ?! F% b
      }% Y) @& g2 [2 B
   if (yDir == "down") {  F0 o( @1 i  Y+ ^. W* c
      if (yPos > (yMax - contentHeight - BallSpeed)) {
5 E$ l: V9 [1 N( V$ H# }         yDir = "up";
2 f; k1 o: g8 U6 O) @3 d/ G         }
) Z! q! O1 V! e! W! o- ]% f6 m      }
5 z7 V0 V, e+ |4 u   else if (yDir == "up") {
3 |5 K9 \, u4 q! h, C5 G" ?      if (yPos < (0 + BallSpeed)) {+ o2 r! L3 Q" M
         yDir = "down";( Y* o# i. W5 ?/ |
         }5 _! d2 h" _/ k, y" `
      }* A2 k* [' p, C8 l1 H
   if (xDir == "right") {
' X9 R/ U# S. u8 r      xPos = xPos + BallSpeed;5 Z6 @; S, V8 H/ b. W% c8 R
      }0 O" G" v5 e! F7 u; l
   else if (xDir == "left") {
! y% s9 @: w* H4 C; C" ?      xPos = xPos - BallSpeed;
/ p- I) V# W% |8 N* e1 K      }2 x3 w0 W$ f  |4 T) g5 V! O
   else {
, d$ F4 R$ @3 a  A& M" O      xPos = xPos;- d2 p: C* ^; L) D: F$ B) w& A, h
      }( x$ v3 Y/ P' x: |; s
   if (yDir == "down") {
. C" D( [4 A/ u' _& c      yPos = yPos + BallSpeed;
, l) K. s/ k6 ~. d" t      }
$ v( C! O9 f  J( P* R" X   else if (yDir == "up") {: Y+ J. u! q+ S* W
      yPos = yPos - BallSpeed;
$ m  j, g. A* W) n! A2 E      }9 u; `2 m; `8 \3 K0 g4 w  C
   else {
; r4 R) \* N1 p0 [* ~! @      yPos = yPos;: F' R6 b# B7 l1 E4 y. O
      }  ?# ^1 Z  ~* a& |- N. h
   }
" p) ^) Y' z; y
. T- y; f9 e& X. ~6 j+ U. dfunction hidetext(){" X' Y- I; C* A4 O/ Y; o
if (document.all)
. j) m2 H9 n. d  J) U0 Csupertext.style.visibility="hidden"
0 s# a% A# P8 B. z0 Selse if (document.layers)
5 t  Z4 L+ e1 [; zdocument.supertext.visibility="hide"
: V& n6 w1 S  B. {' \clearTimeout(animatetext), W& |, ~4 o3 X* s8 `
}7 z7 O/ w+ M' F9 C- M, P

6 ?. }. ~! q  r4 Mif (document.all||document.layers){
4 E9 ^3 b7 G) a( adocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- y& r5 @) J. p7 X& D1 T/ L8 F
window.onload = initializeBall;7 h3 Y2 J- T) k9 @
window.onresize = new Function("window.location.reload()");
( v6 E; R& R. K; [1 g$ i9 r}& |' G# [- Z# S6 |8 h5 Y. x3 F

; w% a. I, |0 I% B* Y. U! c</script>