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

zw2004

<style type="text/css">- i% k, X8 }5 K( O
#supertext {
! o( l# y9 `- S' Kposition:absolute;
) L& m. L) O, k5 ?- N" @3 s4 gleft:0;
4 \( b; w* J4 t3 ^5 Y, \top:0;9 t7 x5 t) m" ?3 x4 u
visibility:hide;. B+ z0 @' e5 n5 J- ~# x
visibility:hidden;
8 S" G; Y! H5 e- \! @}) m) z  Q: ~) C" Y1 k
</style>: d) J% X: X' o% W; I% V# t
<script language="JavaScript1.2">
5 T# k# W% z/ ]# Z( n<!-- 改变下的字体的大小。颜色-->
1 |, v! C0 w+ v& O  s. Ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
5 }2 S2 M- `3 u3 J2 X7 C4 @var hidetimer='';: E' P: g( j( x% E3 T2 x9 i
<!-- 改变下的弹跳速度-->. L8 M: _3 }0 K# @. {
var BallSpeed = 20;
" F; z1 ~7 q- j3 }var contentWidth;+ G% E* X8 b5 `% x, l+ W
var contentHeight;! k& ~3 V, Y/ V7 _
var maxBallSpeed = 50;# a3 [& p. [( c" l
" c* a4 w% M' Z6 W- ^8 D4 z# N( F* {
0 ~0 M% r$ X! t9 @/ s; G7 b  [
var xMax;& ^: z5 s2 [1 O( I9 ~2 K
var yMax;
5 D4 \6 J: v* k' ~% `: Evar xPos = 0;2 \: Y2 {" |# r! R. y. S
var yPos = 0;8 m% B0 `" e; m+ E9 R; J
var xDir = 'right';, ]3 Z: ]  V( F
var yDir = 'down';6 {7 C) {0 ?5 ^) y
var superballRunning = true;
" N5 B- L+ K9 u. q( z1 i( A8 @: gvar tempBallSpeed;  |- K5 t3 D/ G& b) P
var currentBallSrc;
$ u/ W2 O0 p9 j: x  M2 b& Z3 Evar newXDir;
6 ]# c0 J" q+ p" h: Tvar newYDir;
: z+ G% @1 a7 T7 k9 a- D0 r  q. \1 e, v1 w0 g6 q
function initializeBall() {# c; g9 _& H' K( G$ y0 M
   if (document.all) {
9 L' q. v1 j: m7 |3 [      xMax = document.body.clientWidth+ P% T$ @0 L3 m( [5 @. P+ J
      yMax = document.body.clientHeight* G) Z, R+ [, i! h8 {
      document.all("supertext").style.visibility = "visible";! Y- s+ t4 ?/ J
      contentWidth=supertext.offsetWidth( ]) ^7 z3 A, K' d
      contentHeight=supertext.offsetHeight$ r6 i2 y3 Y2 O! Q
      }- V" N; I! r; C. C0 e
   else if (document.layers) {
8 h; I& j+ M% i1 p      xMax = window.innerWidth;+ c, d8 L& q+ G0 t$ k. ~$ p
      yMax = window.innerHeight;1 X. _, c. @& n" ?( ]
      contentWidth=document.supertext.document.width
( u- c! W, @0 {: k3 u4 E/ ^      contentHeight=document.supertext.document.height
7 h5 Q/ _0 R5 k" f  j; S8 \      document.layers["supertext"].visibility = "show";5 L; e, V: a6 e! A
      }
! L9 M& i. O4 l% R, Y   setTimeout('moveBall()',400);
4 `0 Z+ H" Z( B% a% n   if (hidetimer!='')
) x: S7 }, B( ~# O2 ]   setTimeout("hidetext()",hidetimer)
. f* s; S! ^7 Y* _   }
: G0 L. x: `, G4 j; f% {/ g. h$ E% n$ ~. C
function moveBall() {
; O7 |7 c$ e; F3 i; {; Q   if (superballRunning == true) {: m1 I- p  u! [: |
      calculatePosition();
, [% t$ u9 J" z      if (document.all) {4 B. C* o+ `; M; y/ ~; N
         document.all("supertext").style.left = xPos + document.body.scrollLeft;- g& _9 j( d) t5 f
         document.all("supertext").style.top = yPos + document.body.scrollTop;6 X* H, i8 P  |* @% P1 d8 S
         }0 ~) u: m& }7 n8 ~" u
      else if (document.layers) {& u, ]6 G) A1 ~! P7 d
         document.layers["supertext"].left = xPos + pageXOffset;6 [, k! q) ~, N; `  `
         document.layers["supertext"].top = yPos + pageYOffset;/ k5 x! |: U1 E" O0 }( N: h
         }
7 l$ p; Z& p0 t. }: [! n% ^- e: H      animatetext=setTimeout('moveBall()',20);/ h4 [& `( n+ S3 |
      }; U# g( K- S% R# f4 ]/ \' j: d4 j
   }
) ^9 c/ O8 m' ]- B5 l6 B) J* H/ ^" l, y- U( W% r- g/ d- d
function calculatePosition() {
! E9 g2 b- {0 c5 n# p" s0 \   if (xDir == "right") {
. u  R0 o4 ~: c' R  P, d      if (xPos > (xMax - contentWidth - BallSpeed)) {
2 S& v, x: |0 b. K, }+ ?% }5 Y9 J# ?         xDir = "left";
( j/ r; q/ p  l2 N# f         }, t4 z) m# h2 q$ W3 }
      }& |* @- v( o& d6 h7 q- {5 X! F
   else if (xDir == "left") {* l% U6 L. R; X# ?% C
      if (xPos < (0 + BallSpeed)) {
% s9 X4 O/ o; b' ~8 u# C         xDir = "right";
# @+ A+ _2 H' s1 c( B3 q         }
% P8 ~2 S2 g7 |& K/ n) ]" L      }
( h; q+ \2 H7 i: j* I3 p4 W5 U, V   if (yDir == "down") {- C) k- z/ v% D
      if (yPos > (yMax - contentHeight - BallSpeed)) {. z1 k4 `% @" u# R' d+ }  T7 z
         yDir = "up";
- n/ T( `, x' V: ^* r! q         }  [3 N, A" w. n3 B' J9 U4 I
      }
( U# `/ s  H, p" ^   else if (yDir == "up") {
3 W2 j% S/ f  u0 A. ]      if (yPos < (0 + BallSpeed)) {, \8 A5 o! N# ~2 g- q6 g' A
         yDir = "down";6 ~* G" u; v5 @, w/ c- v) z
         }
2 R; M, r, w* k. e      }
1 m$ L0 X  r7 Q1 r2 @   if (xDir == "right") {8 M/ F# r* g# o- K
      xPos = xPos + BallSpeed;
  n! b  _  S# p: M      }
) L% c9 [, l) h8 b   else if (xDir == "left") {
( l+ ?- n% W- a2 A5 m2 G8 Y* V4 c      xPos = xPos - BallSpeed;6 R6 {+ u8 R0 O- d. W
      }) e( ]0 K; T( I7 p* v' N* y* J
   else {
* A  H2 H% S# E+ x+ O. X6 W      xPos = xPos;
4 [* m6 w: b' \0 B: Y: u: c      }
, D! h- S  i8 A   if (yDir == "down") {
0 b+ z+ y; W/ G4 S2 z( V4 Q& W      yPos = yPos + BallSpeed;% L/ j) o/ j2 A6 H4 W, \4 |
      }
& R$ w* x9 F3 _# s) |/ I& |/ o3 X   else if (yDir == "up") {
2 j+ U: F( T/ L5 {/ l; z      yPos = yPos - BallSpeed;
6 |, ~( F- H- A3 p1 `      }' i, A% B3 s6 ^" {! e
   else {
( ]) U, ?6 b( }. K      yPos = yPos;
( o* x$ C+ Y6 u; j      }
7 T* B! h/ ~4 s' ?# d; r   }
* e/ I" \9 p2 X4 _3 n9 h) k7 J( q( [- j8 Z
function hidetext(){
6 {$ u- X2 \/ M; |if (document.all). s" E3 y8 O" A5 [9 a0 S
supertext.style.visibility="hidden"
+ o- O3 t6 h% u  Pelse if (document.layers)
: q0 `% O* b; [document.supertext.visibility="hide"
& E3 [8 S* e! s$ o6 m% c0 qclearTimeout(animatetext)7 E  o+ J$ V1 H, S* G
}
, j$ ?# E, E9 O$ Y' O% u( `- V
1 ~$ f2 D3 \* Y" M2 h, Tif (document.all||document.layers){
# |) I8 e( F# \  D% |+ T1 A/ J+ Udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# D& r; P6 k; t1 }' R$ s9 _
window.onload = initializeBall;
2 t1 k/ E7 W4 lwindow.onresize = new Function("window.location.reload()");
& M1 `. u& a& A" ]}! u% C; b* `9 `) `) [' [9 |' F
- R' ~% n2 _6 Y5 [' i2 @
</script>