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

zw2004

<style type="text/css">: i" U' T. U' x/ }! d
#supertext {
! |" O6 n0 M# uposition:absolute;5 s5 l$ Y# K  W. s& Y) D8 j+ V, j$ z9 J
left:0;
5 {' p5 J- K% R$ x: Atop:0;4 E) W2 b/ a, T" J8 z) }1 }/ b6 J" O  q
visibility:hide;+ s) `; j7 E0 A5 u" l/ ^% u  Z% {% _
visibility:hidden;
9 N/ B: {' w) E: V6 p; Z9 E3 d5 |}, [1 T( Q1 z7 V  J
</style>) j7 C4 V9 C" j+ p
<script language="JavaScript1.2">' a+ _+ O+ c/ D, ^! P
<!-- 改变下的字体的大小。颜色-->' a' W$ W, x+ X7 _' K( {
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 j2 q1 X' v- K& l
var hidetimer='';" Y) S7 _$ ]+ L0 G3 G3 V& b6 u
<!-- 改变下的弹跳速度-->
4 D1 t# p& P2 _7 R. M! g: hvar BallSpeed = 20;
/ E; h! @$ d- b: {3 W. ~1 ?! jvar contentWidth;% @, g, J' \' d$ \: L4 {  @
var contentHeight;9 `5 _7 a1 v: h  L. J2 ]' ?
var maxBallSpeed = 50;% Q4 p# |) D  J4 C

+ \0 G# Z' U* D! t2 j$ S) q+ E! S! h' v
var xMax;) S) q$ h# v- c0 _( ~/ v% ^
var yMax;
, I) y6 |( j3 J! @' y; Y7 Lvar xPos = 0;
2 e3 Q4 j3 W; f) v0 T" svar yPos = 0;0 V' S/ F0 D0 f" E$ [9 F) T
var xDir = 'right';
+ s5 U9 n, K6 E. T: H5 r2 b  Bvar yDir = 'down';4 p! }% {" m( N* p4 F* S" ]
var superballRunning = true;
8 J) e9 _4 f. c( q5 |var tempBallSpeed;
4 h' `% |" G- Y8 n3 wvar currentBallSrc;8 l2 B3 ?  n7 f  U! b6 J3 \) D
var newXDir;9 l5 D7 U9 x$ N- s5 m" R8 m
var newYDir;
4 H+ C1 S1 G# {, t7 ~0 M# z1 Y( t5 i$ [4 S1 s
function initializeBall() {+ s2 C, U- r( Z% r% o6 U; p
   if (document.all) {
- D9 x0 b. \/ [( w" U      xMax = document.body.clientWidth7 S6 F; U3 Z4 b: p
      yMax = document.body.clientHeight
+ z! z4 ]( b9 o" l$ R6 @/ I6 Z/ M      document.all("supertext").style.visibility = "visible";
: \! S1 T4 B* B4 Q4 }      contentWidth=supertext.offsetWidth# g' C2 \9 i) T7 T. t& m
      contentHeight=supertext.offsetHeight
! V1 x4 c/ @7 h( X) E      }
5 e3 N/ j! t+ G' j% C   else if (document.layers) {. G/ l9 c9 @8 H* O+ U5 d8 {8 d
      xMax = window.innerWidth;/ D+ [  }' ^7 n2 x- C
      yMax = window.innerHeight;
8 u) z5 B3 A. j, a      contentWidth=document.supertext.document.width
; p6 d' v1 k- H7 U. ?$ ?" q3 W      contentHeight=document.supertext.document.height
+ U2 N- @- W5 x      document.layers["supertext"].visibility = "show";
3 ]4 o5 G$ U7 X% Q      }
$ }% ]% N6 s( D( [   setTimeout('moveBall()',400);$ X- E0 i5 a2 v# M- F
   if (hidetimer!='')6 I% g4 L. B/ P0 m
   setTimeout("hidetext()",hidetimer)
1 b7 W4 Z& G6 F) E6 S   }$ c. @; T* ?' Y0 {
, X: f& p, F8 k. p* g: f( N) A
function moveBall() {; t+ K/ D& O5 K9 C9 b; k
   if (superballRunning == true) {7 ]/ T! o3 r; I+ j7 h, ~6 U. a
      calculatePosition();) H7 E0 z2 f; d& W% q: v
      if (document.all) {7 r2 [8 p) {: u3 P0 [- f
         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 I1 A' b$ B2 _6 M9 t
         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ `0 V" X$ j& j8 T1 J9 H) o3 M         }+ m# D( C" ]4 }: t% r
      else if (document.layers) {
# N, ^% b% T$ d# E( A1 [  x/ }  h         document.layers["supertext"].left = xPos + pageXOffset;  |: K8 V( f* |3 R
         document.layers["supertext"].top = yPos + pageYOffset;1 C, T2 x) b! t1 i6 m1 }
         }" \3 P7 y0 S3 u
      animatetext=setTimeout('moveBall()',20);$ C6 h) z/ z: |- c4 {0 e
      }
- m- f& U2 R2 M+ B3 ?/ W   }
7 f# N  Y# ^- X! ]! E0 y
& n$ e8 l1 x& a- k  j1 }' jfunction calculatePosition() {
& F3 a9 Q/ G7 i' T  z3 i, T   if (xDir == "right") {
  l' N  ?; F3 l; }2 v# {- t      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 c4 j" w. t! d         xDir = "left";
  T0 i& c* R4 l5 A# C         }( Z/ a7 ^$ V1 |. b
      }  I- ?: p: q) k" G3 x+ c5 n+ s: x
   else if (xDir == "left") {; Q# H0 k8 S. \
      if (xPos < (0 + BallSpeed)) {5 G5 ?8 A' f: D# ~
         xDir = "right";
5 i  E3 F9 E" N# v5 b8 G7 c         }
. o* O- T5 M+ `      }2 a+ `6 K  H! W: k% l2 R
   if (yDir == "down") {
9 N! f3 q$ m" q7 f      if (yPos > (yMax - contentHeight - BallSpeed)) {
8 f3 D0 j- W0 `- f. b         yDir = "up";4 \7 N/ t, t" f2 [
         }
( s: @( j5 H4 g, v      }
( X, O' A) O/ G! h6 ?; D   else if (yDir == "up") {$ A$ L" N8 e. X8 o' j" ^  n
      if (yPos < (0 + BallSpeed)) {
. D! {( I/ V4 b         yDir = "down";; B0 Y" {8 u1 P" w8 c: G
         }
/ g; D' v& }, T1 V: h6 c6 a5 {! E( ]      }9 t$ i' \: _# l4 {4 y$ s
   if (xDir == "right") {2 R. e3 `/ ^% q) |( c8 s2 W
      xPos = xPos + BallSpeed;
" k' k' Z- j2 X' S  P      }* _+ _/ I6 r) B0 I
   else if (xDir == "left") {+ F: b+ g- x2 D6 X
      xPos = xPos - BallSpeed;# L: r/ {; F% i7 F) G3 h
      }3 R" t+ b" y; G0 v. G7 |( p
   else {5 N& S" G1 i, P/ U. B; c/ e# m" O
      xPos = xPos;
+ w2 u& V- G4 _# E      }
: A& I$ R2 u' E4 n   if (yDir == "down") {2 G, d1 W2 k) Z1 }# I$ F
      yPos = yPos + BallSpeed;
1 G- A4 ]7 y) m$ X& z      }
2 |# h+ T+ }  u9 ]5 K  }8 b8 ]   else if (yDir == "up") {
2 y7 i  H8 Z$ W* G7 b" b; K      yPos = yPos - BallSpeed;8 _0 e4 c# p6 _% w4 N2 r3 J3 f3 i- y
      }! ?  `/ o7 H5 [! T7 T
   else {
9 ?3 g1 U; Y' n( b; W      yPos = yPos;8 z. @2 T! f& ^
      }
4 S( S+ |1 ?1 f+ o7 q8 x, F. h   }
# Y! k8 e1 `' K
0 |/ p& P1 Q9 q$ O5 p3 d4 ^2 l( tfunction hidetext(){: @/ \1 J. S4 R+ m0 O) w
if (document.all)
3 c( q# ^* ]- P  Osupertext.style.visibility="hidden": M( x6 d/ Z' ?
else if (document.layers)
) n+ M9 m9 V/ Pdocument.supertext.visibility="hide"& B( p3 ?/ E0 l$ A0 I
clearTimeout(animatetext)
$ N+ g. T0 L$ J  `}
; M; C; m8 l4 n% O! L- s% S1 t2 Y* d9 B5 p: m% h  S
if (document.all||document.layers){" t# R/ ^9 l* x+ [( o' t
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' N' c1 I5 u* S# V2 w, q& I
window.onload = initializeBall;5 O1 J! ]" J2 L% v8 U
window.onresize = new Function("window.location.reload()");
/ `0 q2 b/ H& p}
4 X7 B* U! m* G! d- T
. n3 G9 e8 d5 C4 W/ [% g' k</script>