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

zw2004

<style type="text/css">: Z4 H1 y+ \2 b: F0 M2 Q, c8 t  g2 S
#supertext {
* u. g/ {1 U. E1 [position:absolute;+ |( n+ V( D* s
left:0;) h/ }" ?& T( Q4 y5 x% n9 ]3 q
top:0;
7 Z( P# ~/ t/ L: @  Nvisibility:hide;
$ |: E5 _$ d: B* svisibility:hidden;3 z" H% Y# B' b5 @+ _; x8 Q
}# O$ W" P; }* o& I/ r
</style>
  a* v6 l( h! a<script language="JavaScript1.2">) Q0 B, D  J2 A. k0 ?
<!-- 改变下的字体的大小。颜色-->4 D% w- a9 C2 D+ r# G& `9 a2 X8 h
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
5 o- \% E- D1 e- s" R$ c; s1 K* I# o5 w6 pvar hidetimer='';
& K% u. @* r0 }# K( z! H, O<!-- 改变下的弹跳速度-->* G" J, n! ^$ C' y6 i' X* _7 o
var BallSpeed = 20;
  J* C: N1 c. @  g7 Lvar contentWidth;6 ]8 h0 v0 m- ^8 o2 \
var contentHeight;) v$ G8 o7 c0 o2 a. ]6 \
var maxBallSpeed = 50;
. j8 m& C& {! C- L9 ^% w) A
5 R2 T- k( J8 E; h
/ p5 Q0 A; S8 k  O* hvar xMax;
; N9 L- p+ X/ X- K/ v. f* }% P) Yvar yMax;/ N, i0 P! {) w: ?
var xPos = 0;
( }6 |8 ]) M9 C/ F, b4 \var yPos = 0;) u* M: o# F) O* h0 `
var xDir = 'right';
$ W  w! G! H$ X/ tvar yDir = 'down';
, _- @& d5 \4 T8 K3 c. Yvar superballRunning = true;! z0 D' b3 B5 D1 `. a
var tempBallSpeed;( H1 d3 n& _8 {- N6 c
var currentBallSrc;
1 I) q8 S4 F0 j1 n4 v+ ?( ivar newXDir;# O3 L, c9 Z7 j, ~1 Z" h
var newYDir;
3 B1 h" e7 N- I+ V4 v8 a' L
3 b$ v$ k9 b% pfunction initializeBall() {# Y- y3 \% P( Q( D
   if (document.all) {
! _4 e% H; Y+ L. S5 R  e2 O# O      xMax = document.body.clientWidth
; {; ~: O% b4 O! i3 U" K      yMax = document.body.clientHeight
' m, y3 d9 i' w& x+ r+ G      document.all("supertext").style.visibility = "visible";4 j0 h$ j" {& r
      contentWidth=supertext.offsetWidth
5 z$ y; h4 b; e2 }      contentHeight=supertext.offsetHeight
( |  U( Q$ n; i' }( A9 R4 H4 p      }
* d2 F: ?, d, Q7 ]( {7 s   else if (document.layers) {
8 Q, u$ H! |/ f& u( K; @      xMax = window.innerWidth;3 y' J, }. w* }9 k2 R- D
      yMax = window.innerHeight;& B! S5 O1 A5 u
      contentWidth=document.supertext.document.width
2 z8 X6 T4 u7 X( @      contentHeight=document.supertext.document.height
8 n- `) P+ g2 c/ _/ w0 T      document.layers["supertext"].visibility = "show";5 z+ ]4 ^) b. n
      }8 q, v) u6 c8 O" c
   setTimeout('moveBall()',400);
* C  V6 i6 E' r: v4 A* n+ R& p   if (hidetimer!='')6 J7 c' |9 S# ^8 F) B7 G& L
   setTimeout("hidetext()",hidetimer)
+ W: x$ Z: g, x. w8 p" P   }
- e6 X$ O8 w0 ~2 J. `2 Z
" O- U) z& O: ~function moveBall() {
- D- l  z. \& w7 H6 u2 t* a! k   if (superballRunning == true) {+ H% D' i4 X* I4 m- B) s
      calculatePosition();: w/ C; B3 {+ Q( s% d( _3 N
      if (document.all) {6 X! j& C7 T8 Q# Z* T/ y
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
, J/ I  L7 y8 L8 d9 @7 q2 K, w0 M         document.all("supertext").style.top = yPos + document.body.scrollTop;
) }0 p# p" d* M# y7 g) d         }
2 N8 m9 H: l- _      else if (document.layers) {) }+ k3 L/ ]- l8 @- p
         document.layers["supertext"].left = xPos + pageXOffset;
1 y0 T- D+ E" B. c         document.layers["supertext"].top = yPos + pageYOffset;
0 B# K/ ?& O9 q2 v* f# M         }- D: S4 z5 u; M4 C) k
      animatetext=setTimeout('moveBall()',20);0 B; Q, ]  O2 Z9 Q
      }# K, u9 z0 K0 X+ B  }" {& f1 f
   }' [, r, c* ^7 k

' A5 F3 @8 h9 C  a8 W9 Ufunction calculatePosition() {
$ b0 F( T, r, Z6 M, l8 h1 T   if (xDir == "right") {4 ?5 Q6 u: G2 W
      if (xPos > (xMax - contentWidth - BallSpeed)) {
+ O9 P3 e; u& ?4 ]3 U( s7 ~         xDir = "left";1 _- X- ~5 |, t' n9 E  \8 Q* b
         }
% m# X- x. M2 k) a2 C1 r! d  ?( d! d      }) \3 [$ Z8 W" ^6 N
   else if (xDir == "left") {) S" N6 R; w4 B2 ]* W
      if (xPos < (0 + BallSpeed)) {
: o! L. D; C0 L' l. g* y         xDir = "right";6 i3 t9 m) u- U0 d' L; P
         }) ]3 \# x+ `" R; u8 T* d' D
      }2 w% n, K: K6 n) s% g
   if (yDir == "down") {6 D" K' V3 K: M9 N4 R3 {
      if (yPos > (yMax - contentHeight - BallSpeed)) {; b1 E8 R& b' H- c
         yDir = "up";
7 ^0 e% [+ N! T4 v' R" Z         }% S, z7 q0 |- a2 H/ P
      }4 N- q% Q( ~- o6 M$ _
   else if (yDir == "up") {* r$ e# X  a: d% ]. C
      if (yPos < (0 + BallSpeed)) {
7 h2 j  F3 q2 j         yDir = "down";1 K% V/ I/ J3 l1 L) ]8 x1 r% [
         }
" F, p% l3 ?; \" U      }
& ]1 ?. z. ^$ E- h   if (xDir == "right") {
; ?$ Z/ a+ B& m9 ^' D      xPos = xPos + BallSpeed;
* r8 V5 t! ]# b% L      }3 W! H  B9 ]& {4 ], [+ j1 a1 k
   else if (xDir == "left") {# j, y3 T9 ^8 l+ k% [; u7 |$ E
      xPos = xPos - BallSpeed;
/ G+ `$ L) o" v      }7 M6 F# `0 }* `) _
   else {
. d- T; E3 b. A! B0 I0 k4 g2 z& j      xPos = xPos;
7 f; b* E  _4 S! b, ]      }3 W9 B+ O$ |, z# H" |1 V
   if (yDir == "down") {
: m4 e4 q) m' K      yPos = yPos + BallSpeed;
" ]! n, k! m9 S0 B5 |      }
' x) h7 x$ V0 D   else if (yDir == "up") {
# Q$ u0 a8 h$ V# j0 X2 K% ?      yPos = yPos - BallSpeed;6 z) P9 r! v. I' e3 E  Z% x
      }
- u. |9 u1 s) ~1 m' K2 H! G   else {
& C+ e4 Z7 s% B* s5 ?/ `( `! u      yPos = yPos;
0 p7 S# ?$ @: ?      }, p9 g' ^& D" S. D$ _0 {5 z6 ]
   }# d$ m, L  x+ E. E7 p# y) S
2 f' P  M9 ]& Z% Q
function hidetext(){- M! H1 o5 U4 n! i/ h* R
if (document.all)" @! W0 n9 E/ H5 m2 z% c
supertext.style.visibility="hidden"# h. O+ J' _/ U; B( d& d
else if (document.layers)
8 p8 D7 r& S/ r4 b9 G6 R5 S8 `document.supertext.visibility="hide"
+ ~& q  Y+ J& V  v) q; cclearTimeout(animatetext)/ G8 l4 S  r# {1 E0 u
}6 e0 P7 t0 g& T' ?- d: A' l/ ?
% W* |7 j/ k5 m* S  x9 g/ ]* C
if (document.all||document.layers){$ {' `+ H* z0 D: m: B' s; b" ?
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')) r2 v/ _1 v9 q
window.onload = initializeBall;- d/ G& h; t$ s
window.onresize = new Function("window.location.reload()");
6 z7 s* B1 K9 L4 O8 S}
. u" ~6 [4 e  ~% b1 R6 G, [6 m0 @0 ?, k5 S# U0 h
</script>