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

zw2004

<style type="text/css">
  C  \, S! l# x! S" B; \6 q#supertext {
6 C2 y( B! K0 ?( y* b% C. g4 S1 s  {position:absolute;* C: Z& l4 Q7 Y$ q
left:0;% j0 W  z$ [2 q' D
top:0;; R% Y4 x( \8 T" B. P
visibility:hide;7 m& q7 Z) F+ o- a! p9 ]( B$ y
visibility:hidden;
3 o+ O7 k. @7 ]/ F/ e}6 Y' B, Z' R( Y, h5 f; O: {
</style>2 j0 [6 a( a& {- g. O% ~& {
<script language="JavaScript1.2">4 r) L% E+ ^6 x, {5 T9 B$ x( `( d! `
<!-- 改变下的字体的大小。颜色-->
9 \9 _+ x& {' k" ?- [& _. fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: n. P' F) G, q- P1 e3 ivar hidetimer='';
) v1 A4 |! A: K6 H6 W! r, N<!-- 改变下的弹跳速度-->
! @$ b  }0 C1 n+ ^& K  O& `) o" D" V, }var BallSpeed = 20;; @. G7 b) X5 s- P1 T' [
var contentWidth;
- s' g( ~/ }8 E. v1 X7 qvar contentHeight;" C& m6 n# U( w5 w4 f( i# \, V# j- k
var maxBallSpeed = 50;
" Y1 S# A( k$ V' D# n! `9 z0 e# l3 i5 R/ s( ]- W  c% g3 T2 a8 T

8 R+ N* B# T1 J# }var xMax;0 O+ \5 _8 {, A  i
var yMax;, V+ a$ ]- o7 a, @
var xPos = 0;
$ w: d$ ?: P# U5 A/ a" X, ]: g  lvar yPos = 0;# B$ r- d3 z" S" I
var xDir = 'right';2 n. o" I% G+ m
var yDir = 'down';' X# @  |1 m, T" \1 Y0 `
var superballRunning = true;! l! e/ v: X) K# ^
var tempBallSpeed;
" U: X+ \' d. S0 {2 w  kvar currentBallSrc;
9 U/ D7 K7 G. t% S9 {+ n- y9 gvar newXDir;
; B( h' Y% t' H7 n' Y& Fvar newYDir;
: d/ R2 v& z: ]7 t6 N
) n9 k$ K1 L6 p! ~  u% I/ _/ Kfunction initializeBall() {
7 ~* j- g  I# R. V   if (document.all) {  n9 k# o4 e4 ?; U  w6 U. V
      xMax = document.body.clientWidth* O* ^+ L9 U# E/ W- K* U5 `
      yMax = document.body.clientHeight/ B$ e: i" |" _! q; b! q
      document.all("supertext").style.visibility = "visible";
# K, i6 x2 C/ A# W, H      contentWidth=supertext.offsetWidth
9 `; I  c) j9 m) B. @) e* g* F      contentHeight=supertext.offsetHeight% X. @5 y  d6 g* e8 P+ x9 ?
      }4 Q: a6 K( ~2 \" o. j
   else if (document.layers) {) T% [! n$ d6 K1 s
      xMax = window.innerWidth;' L: j( ^( }$ g% D# f0 ?) n, @. G
      yMax = window.innerHeight;% d0 D( F8 k5 P6 @( j
      contentWidth=document.supertext.document.width
/ @7 J; l2 k) ^; k- c# q      contentHeight=document.supertext.document.height
+ }) \! V6 |, n8 n      document.layers["supertext"].visibility = "show";
) g, u! p3 H! u2 Q/ B      }
. N# a0 I6 t: X" u" f8 O4 v   setTimeout('moveBall()',400);
4 V! |( ^" k4 ~) v7 Z, ^5 z   if (hidetimer!='')
9 q+ `" J3 G5 r6 z% Q   setTimeout("hidetext()",hidetimer)3 J) Z$ T4 e5 p2 F
   }
9 v5 C/ _9 L+ I4 @& \" Z4 [1 P) m: a4 l7 F; ?* g2 X- K
function moveBall() {
& K5 Q3 _8 A+ [4 t  V& p2 U   if (superballRunning == true) {
" I, J- b. ]! I* X& t9 T7 D1 l      calculatePosition();
% Q4 H) H0 J$ ^7 @4 e" V      if (document.all) {. p6 y, P- D: A8 o
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ S; d# Y2 X. l; Y         document.all("supertext").style.top = yPos + document.body.scrollTop;. z/ m2 Q+ j2 ^- o; {
         }
5 d) G5 K) \/ t+ j      else if (document.layers) {
3 j, u$ N7 K% l         document.layers["supertext"].left = xPos + pageXOffset;" ~3 r6 r/ x) U6 J4 [  L
         document.layers["supertext"].top = yPos + pageYOffset;
8 D* \8 k) N8 s8 l" W         }
( ]- v3 f: L4 R# ~      animatetext=setTimeout('moveBall()',20);
. e, x4 i7 x2 h  e7 e& Z# K) _' n      }- C3 T% n: ?9 {* `4 m3 T3 C
   }( P7 e$ F" E' Q) K

1 \. U' a! W$ O& O$ T- Q% G* Bfunction calculatePosition() {9 A" [3 I& Y* @2 n0 h5 A
   if (xDir == "right") {+ n% D4 r8 y' F" r% h
      if (xPos > (xMax - contentWidth - BallSpeed)) {
: |; H1 {) V  @( i( e* m         xDir = "left";
$ I7 }, b, o! I: c3 S7 u4 u         }
6 M8 y% B0 o$ Y3 g      }6 ?9 L! f0 h% \6 W
   else if (xDir == "left") {# Y+ d4 j, h7 U! `$ h% b' J- ^
      if (xPos < (0 + BallSpeed)) {
, p% g! j4 E7 Z5 F         xDir = "right";
3 ]! N# N- h; \& o6 v0 ?8 d         }( ]$ E' b: u8 }# Q6 y3 F
      }
- _7 H8 D' T2 R* {! V, x0 p   if (yDir == "down") {
) x8 F7 k# j3 M6 m5 }2 ^+ Q# Q: y0 t      if (yPos > (yMax - contentHeight - BallSpeed)) {
* J$ P# U! u; q) X% r/ C         yDir = "up";( a& [, R, n3 ?- R: i; |; T1 g
         }
- E! b- K" Q  F$ q7 q% Z+ ^2 r      }
; `7 M) |/ F) \% X4 g, k' u   else if (yDir == "up") {
1 ^( c' Y# z2 B7 L, I' t$ l7 e      if (yPos < (0 + BallSpeed)) {
2 i8 h& `. j, ^6 B- Q7 [4 U6 v         yDir = "down";
9 F  q7 l$ X1 I3 n, K' S         }8 z7 A* f1 B# A8 O- {
      }
6 R3 V! r3 m3 q2 d2 O$ i% Y8 l+ j   if (xDir == "right") {
& d' D- Q% O+ @& R( P9 p" z      xPos = xPos + BallSpeed;
' k8 O0 D( }% V: J  H+ e+ F      }
- a+ z- m" O9 q4 ^   else if (xDir == "left") {! ?" c9 Q6 v8 {& X9 D5 W0 u- ^
      xPos = xPos - BallSpeed;! D. ?* F, E9 \& c
      }
, H, v7 V: f  i3 D   else {9 a: S& i0 W4 a# u! D
      xPos = xPos;0 A4 M1 c1 P1 H* p
      }. e5 Q9 H) O0 M, q' A
   if (yDir == "down") {
1 W- O7 c  J8 Q" |' e      yPos = yPos + BallSpeed;- Y( r( p$ r) _2 y6 E. `$ U+ J
      }9 R4 w( [$ n/ C
   else if (yDir == "up") {3 G0 G2 r% p: w7 m% \
      yPos = yPos - BallSpeed;
, z+ C( E% f- z" U( D( Y- C" {$ q      }" x1 C( N% `$ t: X1 c( c: t
   else {7 E& c  B* r& ?2 m9 r/ l' a& r  @7 p6 w
      yPos = yPos;
- m8 h# Z: m6 Z/ J3 z' \      }0 E9 w5 r* D, L3 P  p
   }& t. Z: ^- Z. J

' m. C! H( d; B4 d  ]/ Ufunction hidetext(){
+ ]+ {: ]% g0 t6 h2 C( x: j8 J4 iif (document.all)
2 j% q( R9 A. r1 n! rsupertext.style.visibility="hidden"
4 ^; V. M1 {% \3 Y7 c* Gelse if (document.layers)6 i  Q: |, D6 i2 s; I  p& s2 ^3 ]; `
document.supertext.visibility="hide"
( P3 P3 z' b; K' a( G1 w( I* wclearTimeout(animatetext)
, R7 [; Q4 m' ~0 p" m}
, N! |) D1 |6 t$ r8 s1 q
6 f0 c( J5 k! m8 Cif (document.all||document.layers){% t2 N% ~/ _; U' X
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( K# t4 s$ H, G6 E
window.onload = initializeBall;
' t0 \1 }2 v6 z7 }9 @1 f0 Vwindow.onresize = new Function("window.location.reload()");
/ E2 R$ K3 ]* b}
5 O" D4 l# o) Y- X& T. s4 G6 f2 K1 b% U$ _( n
</script>