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

zw2004

<style type="text/css">5 e0 k0 q4 c  [9 ^2 U. _6 j) F: a
#supertext {
! w( T/ i1 T" x0 e5 N. p# s; Z, v, \position:absolute;
2 N' l+ ?) S. i8 j% sleft:0;
. o9 }4 o, z+ f7 p: e( f; O" ?top:0;  r. v4 P3 M( w5 @: ~6 d3 O
visibility:hide;) `% {# j8 \' X4 b
visibility:hidden;9 ?  y( Z  A+ t4 n# |( v
}
; {% f0 ^6 g$ u8 ], C: y: o</style>0 m8 `, o, N9 [" V- F0 R6 g
<script language="JavaScript1.2">$ C+ P! r% z) a( {2 J+ \- F, V7 f
<!-- 改变下的字体的大小。颜色-->& Y! g9 n, s/ c, _4 O
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: k1 Y! W0 A! W; C2 tvar hidetimer='';
/ u' C) Z, d- Q5 E5 _5 n  l# |<!-- 改变下的弹跳速度-->6 \( a3 j& P+ E: m
var BallSpeed = 20;- I5 g8 a& r' l0 f3 X
var contentWidth;3 j; X! W3 ~6 J( a% D# L1 `9 \
var contentHeight;( g9 t" l: Y8 L
var maxBallSpeed = 50;
4 N2 S7 G1 c  J2 l) `) V1 z% ~* j9 A* ^; }  k
" l3 w0 ^. x4 N4 w( y
var xMax;: @$ W, C* g6 v6 D9 h6 L
var yMax;
7 t; A4 D" o5 o7 e5 y; r$ H4 S* F8 x% }var xPos = 0;! i9 O- C7 ?+ h/ F! p8 ]
var yPos = 0;# C  z- r8 G$ ?
var xDir = 'right';7 z. X. B9 F% `5 F0 Z
var yDir = 'down';
  m4 r! d) _  L6 L, v) [  P4 @var superballRunning = true;$ w$ `: Q* Q0 A9 p" j' {4 u
var tempBallSpeed;0 E' O/ q1 e9 R8 x4 B0 {1 Q
var currentBallSrc;
# f- m$ D8 v" @5 v- t) Y) uvar newXDir;
7 k* u& n( T, ?4 nvar newYDir;( B: G7 `4 R) P5 \% y! [4 i

7 H2 t: y) m) ]/ _: yfunction initializeBall() {
# j% {% c6 O( B( w6 b$ Q/ C5 a* j. p1 D0 U   if (document.all) {
" ^" @0 ^  s% i      xMax = document.body.clientWidth. }  x/ A  G% v! @9 `
      yMax = document.body.clientHeight% G+ {4 I, x: G: B' U  `$ d
      document.all("supertext").style.visibility = "visible";
: w/ L' r: x, W6 |8 |      contentWidth=supertext.offsetWidth1 J' S2 ?2 t; v0 H' {
      contentHeight=supertext.offsetHeight
. a& E) T- F+ Y. t! ^7 D; k7 [      }; z  Q4 i# J0 D6 K+ |. \* @; f% s
   else if (document.layers) {
6 Q+ o  f3 F  |+ x      xMax = window.innerWidth;+ c6 F# V: e' x( z1 L* z7 D
      yMax = window.innerHeight;! T6 u  n" U3 @3 `# y) q
      contentWidth=document.supertext.document.width
2 N  u( D0 X7 O' F1 X: i  v. F( q: F      contentHeight=document.supertext.document.height
* C4 O, R3 a) Q; R8 s      document.layers["supertext"].visibility = "show";/ K9 N0 f6 L1 H- |
      }& T9 c. B) B+ m1 H! r2 \/ [5 `7 g
   setTimeout('moveBall()',400);
- T) l/ _' X8 z$ R   if (hidetimer!='')
2 y$ j% O! F9 {2 O" M! u   setTimeout("hidetext()",hidetimer)
: d- v+ H( F! c( N/ s- `4 F   }6 H3 X8 b7 |: `: t

. P* C( c: U+ r2 y; rfunction moveBall() {
7 f: A5 T( u8 V+ [   if (superballRunning == true) {
2 P  A" }  x( X* |$ O8 m      calculatePosition();
8 C- Z' C+ w1 L5 V- }0 N( p      if (document.all) {
' m, o: t- c2 b4 ?         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& A8 _* O: C: W1 \# o  S         document.all("supertext").style.top = yPos + document.body.scrollTop;6 X' k' j6 N! j$ r# s0 x1 l
         }9 s. P6 W- g7 _& A. s- A% A
      else if (document.layers) {- e$ }; _! m5 c: W- ^. M
         document.layers["supertext"].left = xPos + pageXOffset;$ ~3 Z( ?- d  o- w- N4 O% }- R7 y
         document.layers["supertext"].top = yPos + pageYOffset;) W9 |  _& X8 `3 Y7 [
         }% I) r+ w' r# m6 M
      animatetext=setTimeout('moveBall()',20);8 a$ Y- a/ }# S+ Y6 D( m
      }8 I' t' n( u* i' p+ i1 M
   }
. r- @8 G( w: c- L, h: u
! q, K' e) b' c3 g8 Y# ]) B! rfunction calculatePosition() {
' H. N: e; s, n: `: p# B# F6 |   if (xDir == "right") {' p2 G* i8 D3 F1 p
      if (xPos > (xMax - contentWidth - BallSpeed)) {. d4 ?1 r. v: G  T0 v! j+ H2 M4 M
         xDir = "left";
- b% n8 c2 l& u8 r) c         }
+ ]% k& w$ Z" F. S      }
6 n$ H  E4 r0 K+ [   else if (xDir == "left") {' b  S0 ^. E! G" w- R* G% g- q( q
      if (xPos < (0 + BallSpeed)) {) O4 O5 R1 `3 j  j) i6 {' J
         xDir = "right";! j; Z% d* R1 _5 Z
         }
9 K$ o, R; T+ h! e) m      }$ M4 B0 b1 b8 s4 T( X- o' t) O
   if (yDir == "down") {
0 S: w2 _1 a8 Y, W7 _. ~      if (yPos > (yMax - contentHeight - BallSpeed)) {
1 C8 U' V+ S. ~4 D2 J  p0 Y3 x         yDir = "up";
2 f+ y& S8 }! h! T1 q) \: [  U         }: [- h3 X% ?1 J  a4 K/ e
      }
( c  l, b3 d* s: c- E% R   else if (yDir == "up") {
5 ~+ m( i: V" s: E; ~' u      if (yPos < (0 + BallSpeed)) {4 z+ \2 S3 V# ~: g
         yDir = "down";# ~' K9 }; e& @9 [. M% C
         }. w3 v  ^, N5 v1 e* }
      }- Z2 q- p6 |8 a# _% U# A* i9 C
   if (xDir == "right") {8 k4 F( g# ~" O0 |; A# n$ C4 I
      xPos = xPos + BallSpeed;
2 Z# t1 I! U& ^( g4 ?- E5 e" c  w      }7 `/ b* u, |7 A% T& T8 a; g
   else if (xDir == "left") {
6 \1 L* v: v' D" a+ D4 b+ c( C      xPos = xPos - BallSpeed;
5 {* y  P2 B) v      }
# U$ J$ G6 d& }  j5 N0 x5 t   else {
) ?# v8 d1 @( J2 k* _( k- _' _$ A      xPos = xPos;
. M8 q4 f) ~. V: H      }
0 r8 A$ k3 ~4 `/ l/ `, ]   if (yDir == "down") {6 G  Y" ^' I+ A9 V) ]
      yPos = yPos + BallSpeed;
7 m6 r$ t# N$ z" R' R      }' e. b- N) Q4 n  b
   else if (yDir == "up") {( T' w# }+ K# U) O3 M6 R0 F/ q; R) C
      yPos = yPos - BallSpeed;1 X$ S  W% K, b4 ~3 K
      }
& t6 U2 y1 C! u- Z   else {% Z; ?  F5 G6 e6 `7 d. ?% o
      yPos = yPos;
$ [  B! r# _  \% J; \      }
& w" o4 B4 \# M4 s' ^# ~9 u4 A   }( d( p* n! Z' a  S" _% X2 _  C

4 O% H$ E3 q2 M+ \3 ffunction hidetext(){
/ H- m( v5 V7 n" T! W/ b% bif (document.all)
$ X* V' \. f4 b4 [: a8 ^# U& R! Asupertext.style.visibility="hidden"$ G" J) ?5 X& s3 f
else if (document.layers)7 }; {8 J7 [: u7 }  V
document.supertext.visibility="hide"
8 N  @2 D0 V4 M5 I6 [8 V7 jclearTimeout(animatetext)3 P; r/ H6 m8 Z$ I/ ]1 ?8 Q! [
}1 W  Z. S; s- }$ x8 P

& a) o2 o+ |; Eif (document.all||document.layers){
3 X8 U( E' R2 s& S  |. x! mdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" b1 {1 s3 b+ d. x% T& xwindow.onload = initializeBall;& o% k6 l$ R6 ]* Z( R3 Z. v
window.onresize = new Function("window.location.reload()");
6 N. h6 p( s2 m" ~, z, K: J}
7 u( l* T5 w" n$ n1 g0 J- W0 D# ]
8 u- a9 e$ w" f2 _</script>