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

zw2004

<style type="text/css">
! x; n  R6 f* p% u1 w#supertext {
2 r4 \. n3 \* Y! K8 kposition:absolute;$ q  m: s/ I1 F; k. Q
left:0;/ x3 O- \2 j, \# Y; b$ Q
top:0;
; z+ Z: O- _! S& U8 H: @visibility:hide;9 d: u0 H& D; k) V) {: a1 ?5 N
visibility:hidden;
2 _* y- M8 `/ X4 a% t4 a}2 m' R$ n( ]) N+ W
</style>
1 y) m5 K* @3 E' s% J9 `<script language="JavaScript1.2">
3 O2 W1 a; P1 k8 p( u* b0 b* K- X9 d<!-- 改变下的字体的大小。颜色-->* R% C5 g! A2 M9 j8 [  u/ d/ }, ]
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 t! s& O9 U/ E8 n  S
var hidetimer='';1 W5 b, |' b( D6 v; L6 F$ c2 [
<!-- 改变下的弹跳速度-->
# q% b1 _) W1 m; Yvar BallSpeed = 20;
  p: D4 K6 ^. {0 M0 vvar contentWidth;
; ^1 d: M* b& U& ]; nvar contentHeight;; C$ B- o- q7 x+ W
var maxBallSpeed = 50;
& C5 Y0 V3 K, ^" }+ ~+ h
+ g% ~$ @: U" G. |; V
! C/ h  O5 |# C2 B: Tvar xMax;
  U$ x. x8 ?$ h! I2 Qvar yMax;+ D9 n' G2 P* \& ]4 w
var xPos = 0;# _( J: E/ \  {/ B: o4 v; }
var yPos = 0;' u3 @+ }/ s( ~. a2 }
var xDir = 'right';
; ~7 [. y8 i6 |% K) Ivar yDir = 'down';+ r% q7 G2 ^  _2 D' q! }
var superballRunning = true;  f: X' W+ ?; N# W
var tempBallSpeed;
2 m0 h- B' Y: C2 q3 A- e" a0 ]var currentBallSrc;
$ T, N. s) j7 ~var newXDir;
' N5 [5 J. w/ }$ _0 R( l' ~var newYDir;5 U# S0 W" T  r1 {. J) k" Q4 Z
) [. z7 t% J: C5 c
function initializeBall() {
- w$ A$ W9 C! l/ g   if (document.all) {% E# t3 h  X* V
      xMax = document.body.clientWidth' L9 O  f6 v" u$ a" B
      yMax = document.body.clientHeight
) T. Q% D5 Y+ ^; t/ P1 t. ^, A. l      document.all("supertext").style.visibility = "visible";; |9 s0 @- w2 M: F
      contentWidth=supertext.offsetWidth9 ^3 C4 A' m$ r2 J# k6 |
      contentHeight=supertext.offsetHeight
9 a3 e0 b7 \0 j( J" d      }
  L1 N' X$ D5 q% e- B. ^% x- C, L   else if (document.layers) {4 v' Y9 c- [  \+ K- o# d2 i( C
      xMax = window.innerWidth;
2 v; O# B6 o7 Y& ~8 ^      yMax = window.innerHeight;+ ~! P3 C* m  F. a1 h* l; k: t
      contentWidth=document.supertext.document.width
6 k5 t) P% _, [% P- J/ o6 J! _      contentHeight=document.supertext.document.height
( P9 v. j' T$ d      document.layers["supertext"].visibility = "show";
2 {4 X9 ~3 `: w" t5 k7 X2 D      }
- U5 o1 e: m$ x/ L" r  W9 @7 h   setTimeout('moveBall()',400);' f- v5 f+ Y! b9 d( }1 G
   if (hidetimer!='')
( f( W/ F4 a; Q; w2 c# E6 \   setTimeout("hidetext()",hidetimer)
% T1 Y: M" ~1 T- q6 Q' B3 a2 B7 w   }( `. j1 I3 J( m+ |

, S7 F' a& K/ h" [2 `! ifunction moveBall() {  T7 A3 J2 W; }! K- e
   if (superballRunning == true) {
9 D2 s( S4 x( c9 m9 u/ T- `      calculatePosition();
% W" o5 n- Q* p      if (document.all) {
) }# @3 }8 M' d* b: a" B* g* Y         document.all("supertext").style.left = xPos + document.body.scrollLeft;
: z3 b, {1 l% V         document.all("supertext").style.top = yPos + document.body.scrollTop;/ Q# H+ M5 H& N7 x' y: U
         }
2 }7 a5 U, V* z( m      else if (document.layers) {
+ a' d, `4 J5 M7 G         document.layers["supertext"].left = xPos + pageXOffset;5 D0 j7 o- s3 s, y. X5 E" y
         document.layers["supertext"].top = yPos + pageYOffset;
; e$ ~8 a+ h0 y2 v) ?3 t' o5 J         }: K" e+ ?3 |/ M+ R
      animatetext=setTimeout('moveBall()',20);
7 {! o7 w9 d. M% e  s* K      }/ f' B4 A( r( `' c" J* k1 R4 f
   }
4 D9 Y8 k; |) p# N4 Z+ u: W. ]3 d" R# Y) Y0 d) H4 y. S: M- x; m% K
function calculatePosition() {/ _) g) U7 Q1 ?& I+ w! a0 I
   if (xDir == "right") {' c, q, h5 y/ }
      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 k' G4 W& y( e3 S8 y5 {( e         xDir = "left";
  y  U0 I3 ~. R         }
5 x& i# F0 o( N      }
1 ?$ O5 z* @6 `) c! J+ Y- w. `   else if (xDir == "left") {& }" q; l. B4 [8 R" W( A6 ?7 _0 \7 {
      if (xPos < (0 + BallSpeed)) {
1 ]: w7 p. b' F2 m% [4 a* E. ]         xDir = "right";0 ^; K/ ~$ a5 `6 b1 {% G
         }- b+ }# T( ]) ~9 J/ d2 z! Q
      }
' o5 a" b; E' `8 M   if (yDir == "down") {) ^0 [; T. r/ V. Z1 v
      if (yPos > (yMax - contentHeight - BallSpeed)) {
( t: W8 Q- E8 X, W- J6 X7 _/ c         yDir = "up";4 D; q$ U: F3 n/ q: E' y  z( C
         }' U6 j) s0 k' f
      }
3 M  g5 n- n: H) i   else if (yDir == "up") {5 r+ t+ j- f* f1 d; `, G, u% i
      if (yPos < (0 + BallSpeed)) {
$ z5 j$ M* z$ X2 d- h9 c         yDir = "down";, g. B2 w0 O' A8 \1 `2 \, ?
         }
# |$ k2 u$ i' \+ j7 s      }9 r* @$ U6 M, Z2 K/ V: ^
   if (xDir == "right") {
9 v7 l* y" G2 d6 G; P* p      xPos = xPos + BallSpeed;
9 L1 f" U' U  d4 k      }
  {' R; S7 K# _/ h7 z   else if (xDir == "left") {4 n4 n, M0 L( C
      xPos = xPos - BallSpeed;& ^4 D  \& L$ k+ r
      }
, C! l+ {5 K6 j; d1 r& u. b# Z   else {
6 Q4 a6 h' T7 }! _6 ^! F8 \; l      xPos = xPos;* W  U. C; u" r' p
      }
( E( e; ^' c( P% ^6 e$ n0 f   if (yDir == "down") {
4 F8 u% j7 f1 d      yPos = yPos + BallSpeed;
2 }- J+ W* m7 |/ q      }& q) Y1 g  U! L# O4 }
   else if (yDir == "up") {
# F/ v  Q' ^. [3 w' C      yPos = yPos - BallSpeed;
$ `0 x6 o' g! v) V* X8 o) {: n      }
5 o& O. T1 G3 l/ G   else {
1 g" {; c* f) q: R8 ~: r4 N  W4 C      yPos = yPos;
% i! E5 s! @* t- b      }
* `# Q. k, M4 y% i   }
, C7 G$ b+ N1 g: t7 e- b7 }- {  \" }
+ U  D3 E" I  t; f: ^1 g: Gfunction hidetext(){) ?0 d& b0 e6 G* }; P7 z, A
if (document.all)
' I% X2 _; Z6 W8 ysupertext.style.visibility="hidden"# |& x0 ~/ G, G5 p: {8 M
else if (document.layers)& B+ m8 F5 o7 Z. J. u* [
document.supertext.visibility="hide"
* |% n8 ?2 z/ X2 w4 ~7 C+ KclearTimeout(animatetext)
' P8 ~9 u! C3 r4 c5 R1 W  |}8 _8 L, X( _; ?1 Y; V3 \
6 f2 {& b0 r7 t
if (document.all||document.layers){9 B; C+ G, @" v! V4 m
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ Z* ]6 }( g' k3 Y8 n3 q
window.onload = initializeBall;. z, j  z9 M4 T
window.onresize = new Function("window.location.reload()");3 L# V6 U8 Y; b4 U  K) o
}8 z5 c; Z8 s: M/ A. Q- j4 f

: z( x7 o. G1 R5 g8 V: M- _</script>