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

zw2004

<style type="text/css">; {% d' w# \7 ^# p9 s9 u  G2 R
#supertext {, \2 d8 N3 X& K  K5 j. a! k9 Y
position:absolute;6 ?# m6 V; ^' P* h
left:0;9 O* z( }4 k# U1 `0 x1 F5 n+ b" z
top:0;8 i. H9 g  p& N2 U* N5 C
visibility:hide;$ r9 x& z4 }+ S6 P. `; D
visibility:hidden;% |" L% o3 l4 ^3 j
}- a; r/ O1 X) M. r5 J# @7 @7 A! c+ R
</style>" v  r; O" A; b  p
<script language="JavaScript1.2">  a" j/ `* o5 M) @
<!-- 改变下的字体的大小。颜色-->0 N* V, a. b8 v) \- s/ Y5 l
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
6 T, C/ i2 }8 F( Y$ C1 Rvar hidetimer='';+ d5 D. m% w4 Y! J; U
<!-- 改变下的弹跳速度-->
) M6 q; c$ ?5 g$ @: fvar BallSpeed = 20;" Y0 y! o6 A- q, m" P
var contentWidth;4 o& n: \: X$ u" i) u+ {* j9 Z7 `
var contentHeight;
& t( M" ?6 z4 U& V, ^2 Mvar maxBallSpeed = 50;
( M4 q  G  v4 F& C
. I& p9 w2 Y$ P* X
. l2 p0 Q9 e1 B1 R' R2 s: L, F0 Cvar xMax;6 p& U% @$ C) O- }
var yMax;
. {4 G7 {# j* k6 t/ Bvar xPos = 0;
( c  ^, P: L  ]var yPos = 0;+ T2 c. z8 z& X* e8 L& D
var xDir = 'right';
. S8 O8 J% o3 j6 n9 u  Uvar yDir = 'down';; d% I: e" F8 h% y0 a+ N/ m0 w
var superballRunning = true;* h/ T$ r, P  P! l/ Y- P; `, Z0 n
var tempBallSpeed;$ w0 [+ s5 p& p# Y$ J/ H& b
var currentBallSrc;
% o* F( o& T5 Cvar newXDir;
5 M4 s, V3 G2 i" T/ ^4 Avar newYDir;
  e! v- y2 B- ?9 P; u7 O( [9 G5 U; f
function initializeBall() {+ f2 n0 R% d) l2 H- s4 S& c
   if (document.all) {9 v  `6 A, }4 B: _
      xMax = document.body.clientWidth  _& S) E; T  N9 K- _8 K
      yMax = document.body.clientHeight
: P1 N% T* P% k# Q0 d- [      document.all("supertext").style.visibility = "visible";3 c9 e5 U* E. ]( j# f
      contentWidth=supertext.offsetWidth
, P$ O4 q( Z8 A. ~8 b1 E. @5 N      contentHeight=supertext.offsetHeight9 e& C- {; d" `- e
      }4 `% v4 r, f3 i# g9 l
   else if (document.layers) {5 }1 T- w( N- o  A) J3 {
      xMax = window.innerWidth;
5 Z5 U% Z: G. y      yMax = window.innerHeight;5 T' r5 c. J9 M4 p0 ~1 ?
      contentWidth=document.supertext.document.width8 T( p: l/ D. f9 k+ i
      contentHeight=document.supertext.document.height
) D0 Q- H: a9 v& |. Z      document.layers["supertext"].visibility = "show";
; m- {- t0 ?$ E0 d' m      }
+ N8 u# h9 k3 {" }   setTimeout('moveBall()',400);" l# A- ~3 \3 r/ f' ^* O
   if (hidetimer!='')! T3 i$ Z6 e6 u8 x
   setTimeout("hidetext()",hidetimer)
3 v8 G6 M% R; a1 S. M# _   }. b$ Q8 P7 a; i) X! l3 _. J

- C; V- h0 @0 ifunction moveBall() {, n+ G& l" K/ z4 H* i# k$ J
   if (superballRunning == true) {
1 O. W; J# |: e* R! F4 t      calculatePosition();
5 s; A. W* N7 t, T      if (document.all) {
4 N/ U" o- r) I         document.all("supertext").style.left = xPos + document.body.scrollLeft;6 j) W1 Y2 I. r! h0 i6 A4 S
         document.all("supertext").style.top = yPos + document.body.scrollTop;$ e9 @9 _" t* G' T; n; k
         }
  u% m2 l6 j5 e9 f7 H. \, {( O      else if (document.layers) {
* J8 h; |! |* z  n# T! e         document.layers["supertext"].left = xPos + pageXOffset;! K  }; l9 U& z; _
         document.layers["supertext"].top = yPos + pageYOffset;
: `0 i$ r$ Y/ X         }/ J8 D( Q, ]* }- K: _
      animatetext=setTimeout('moveBall()',20);1 K3 d) j3 s% }7 h; I
      }! v# s4 B: U( _: W
   }
; d  b1 D' F# }( g7 V! o3 [0 r% y0 n1 q
function calculatePosition() {
" l7 G/ u5 n5 p4 \9 V   if (xDir == "right") {) i% s1 j( p+ Y1 F* r: @
      if (xPos > (xMax - contentWidth - BallSpeed)) {
. b' P6 t# Q6 z1 v" _5 C         xDir = "left";
5 i5 x2 ?9 d& I) e5 W6 I         }
( o" f5 ?4 i% |: y( Y: Y      }
7 g# D$ h7 M5 T1 n' x   else if (xDir == "left") {& \# c0 U; p. a( d: z3 e1 V6 ~
      if (xPos < (0 + BallSpeed)) {* y( {' w7 T0 C+ ]
         xDir = "right";& u: Q+ k6 t0 q8 g  _- n4 D
         }2 k6 N( p, |* N' A+ |: b
      }
3 C' t& r4 l, c   if (yDir == "down") {1 C3 A3 c" O1 W- _3 z9 X- [/ M
      if (yPos > (yMax - contentHeight - BallSpeed)) {
: Q- Y" v' q' A, ^         yDir = "up";
( [; d5 p% I, z' ^) P         }4 b7 W: ~3 f. |" p. k2 ]
      }8 o( @. b; Z/ F" K4 ]
   else if (yDir == "up") {3 r% h0 d$ i' U' `* e9 \' r
      if (yPos < (0 + BallSpeed)) {3 F  l& `8 p2 f9 u
         yDir = "down";
% |! b! G# p. ?3 n7 ]! O         }
/ ?3 S: ?0 _$ I* H/ z      }
8 h% B0 t7 T; L  \   if (xDir == "right") {- l0 Y, q4 M8 \* `! t/ i
      xPos = xPos + BallSpeed;
2 P! X& r4 G: {/ e0 T$ |      }
6 }; e4 t9 W6 T) m0 t# g   else if (xDir == "left") {
4 L2 a% I0 H" ~      xPos = xPos - BallSpeed;/ n3 r: t7 L$ R# G
      }
# Q0 L! i( b9 A   else {
: x/ @9 E/ \- D% O0 D      xPos = xPos;
: w$ Z3 x1 _$ P, D      }7 y: _4 N' v1 G  x5 l9 ~
   if (yDir == "down") {2 B! U. C4 O3 N) H, b" q8 w2 N
      yPos = yPos + BallSpeed;
$ V$ ?7 F7 w8 l6 _  s      }* G: n- h! F2 ~2 a# _
   else if (yDir == "up") {; i# Y- C& z1 m3 v0 D
      yPos = yPos - BallSpeed;! Q% b8 g5 y6 c
      }
1 N" |0 \. @! y5 J/ W! y   else {
7 v. J& D% o) \; X  ^7 G  j# q      yPos = yPos;: J2 ~; ~+ M" h) [
      }& ~  @2 T! f/ B" i. ]0 F
   }  [$ Z- Q; P1 x

( q# R6 t  p: J2 |* F' e+ l5 x& l' |function hidetext(){. _  B; L: t: C* a  @) }# p0 D8 f
if (document.all)
& d9 O$ p+ W- }7 _4 E( isupertext.style.visibility="hidden"7 W5 T: f4 b! ?+ A8 L! E
else if (document.layers)
2 |/ c& k4 M( X7 T9 K: w1 u( [: k4 Ddocument.supertext.visibility="hide"( n( {) U9 X8 X7 j
clearTimeout(animatetext)
: C+ F  j3 @4 ~}3 l, G7 \" s  \, I- I, Y
& i0 ~* `5 ?9 x0 V/ Q! Z
if (document.all||document.layers){
* y$ @) [' `, u9 k6 pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')% q; K" v, b! R6 G  m! u5 {4 o
window.onload = initializeBall;3 R0 o# v" z  y
window.onresize = new Function("window.location.reload()");
7 R9 F5 f: }1 @: r; \1 j}
  P$ d* {0 B( I; L" F" }$ {. E7 m$ m; n3 B- N" K2 D
</script>