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

zw2004

<style type="text/css">
$ D1 |. c1 U* ~$ G* B#supertext {7 k& z# J& ]5 p* h' U9 C
position:absolute;+ u" x$ u3 `4 U" w* D( k) K. `
left:0;
* C2 U, X, m( `8 g( @top:0;2 t  u; k% X- Q9 B" c8 G) [: a1 \
visibility:hide;
: a$ B8 P' G9 ^: b$ Ivisibility:hidden;" @: n6 j( O" k; F8 ?2 x
}
) |' f7 T% }8 B* n$ ]</style>' ?, y0 o3 N! h. q# ~- d
<script language="JavaScript1.2">
5 v% v1 S& f, v# A% C' f<!-- 改变下的字体的大小。颜色-->- \) `; P' ^7 [% I' Y7 |$ v
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) c/ y0 y; A7 z+ wvar hidetimer='';
9 x0 Y% v- U' Q9 T0 q<!-- 改变下的弹跳速度-->1 r. w3 [# u+ [( B# _
var BallSpeed = 20;
$ m( t9 q" `0 |! V: evar contentWidth;
6 J8 k2 e+ B2 i. r% E0 Rvar contentHeight;
) ^6 r5 w8 o5 t, U- Kvar maxBallSpeed = 50;
* Z2 J5 _, X  O$ A
9 ?2 I! o1 i' O* R  u( C, J' `  g0 X% Q0 L* `( C
var xMax;
, A! R9 X" E7 X& v1 }3 O# pvar yMax;
8 k6 e; F' r8 o7 qvar xPos = 0;- R+ J+ e. f2 _& L. y
var yPos = 0;
+ p* m7 R2 B5 T1 zvar xDir = 'right';  o; \3 A. |5 I: o
var yDir = 'down';6 `' v% G# o4 a0 x  i
var superballRunning = true;
6 _! n/ {; s; dvar tempBallSpeed;
0 w5 n5 p$ A  ~) [2 fvar currentBallSrc;  J# I+ ~% y9 Q* a' b4 A
var newXDir;
2 i3 E, O1 s1 |0 H( x1 ^var newYDir;
: V$ d2 u0 h3 ?: R% i
/ W( g' p5 J) U! d& l* L% cfunction initializeBall() {
/ p' \7 ^0 O  R9 h1 M' Q1 i9 i% N6 W   if (document.all) {) i, m$ h. A% O6 h4 t; I
      xMax = document.body.clientWidth$ n1 C8 L# V0 a# W- _0 j1 C
      yMax = document.body.clientHeight7 A' U) _2 U" _  H' x
      document.all("supertext").style.visibility = "visible";0 d- d7 w6 s( q% Y# R
      contentWidth=supertext.offsetWidth# i' C; M. t6 B6 C  ^8 |5 E' e; c! {
      contentHeight=supertext.offsetHeight
7 z( ~( t9 ~$ o5 T0 O8 r3 c      }
" w$ X! _3 J, X' \. \0 M1 N! G* Z   else if (document.layers) {
2 I' [( J! @' ^. _% a' e3 i9 ]      xMax = window.innerWidth;
1 ^) A0 _- q3 b: X: J0 u      yMax = window.innerHeight;+ }2 ]# K/ I3 u0 y4 N. i; Y' d- y5 J
      contentWidth=document.supertext.document.width$ @4 s3 b+ }- D9 P& f6 q
      contentHeight=document.supertext.document.height1 N) k: S6 Y1 }5 ?1 n. }3 Q
      document.layers["supertext"].visibility = "show";2 n" X; `' }' Y" ]
      }( s& L& r; Y' f
   setTimeout('moveBall()',400);
7 h: _8 E- k2 C- d- v   if (hidetimer!='')
9 B% Q) o$ M7 D+ h+ _7 K/ v   setTimeout("hidetext()",hidetimer)4 h; N/ @* a0 a5 `7 W7 @
   }
" ^  c$ y7 k0 v& {/ ]8 W! ?
% }* p* n/ n3 A# afunction moveBall() {1 J  t: d4 ~% O2 o  J% Z: q
   if (superballRunning == true) {
5 M" M1 U/ Q& c      calculatePosition();
$ u5 ~. ^8 p# i* Z      if (document.all) {1 H, B( W3 O0 s4 P: l' m) }7 U
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 n+ C1 a, J3 C' C% k: [4 B         document.all("supertext").style.top = yPos + document.body.scrollTop;: z1 H9 O0 r! P+ m3 W* z  Z
         }
5 J* F, A6 c' X$ K. ^. f      else if (document.layers) {7 \) u/ y4 y( [5 e& g
         document.layers["supertext"].left = xPos + pageXOffset;' D) X' @4 s. s+ D. G, ~
         document.layers["supertext"].top = yPos + pageYOffset;
/ h+ J2 y" x3 V! J' G5 T/ S         }4 b7 G' L2 G) E( |
      animatetext=setTimeout('moveBall()',20);/ r1 Z2 p, c9 K2 `2 F, z4 E; c
      }
0 p5 N$ j! s' o7 d, \4 ?' Z   }' _7 m0 B: ?( y$ C: Q, p
6 m  X/ Q5 Y- |7 ]: m' S
function calculatePosition() {
- U" ~: S: ?2 b0 E; P- T   if (xDir == "right") {8 y1 H+ ?  _0 t( B- W5 U3 m( b
      if (xPos > (xMax - contentWidth - BallSpeed)) {2 w4 `/ N, c/ }) {2 W
         xDir = "left";* d7 i4 b- k) o  t" {
         }! F1 ?% ?6 S, _) o5 f5 @
      }
# X4 D0 Q. z  R/ }: |9 U   else if (xDir == "left") {% O6 ~& @8 c, V) a5 q2 |
      if (xPos < (0 + BallSpeed)) {
. a& F( R3 \+ F, k# }         xDir = "right";
; }% m7 ^7 r, O4 d1 S# \3 O, j         }4 W3 W5 e, ^+ L; S$ n
      }
" G! j3 W4 w- e$ N$ V   if (yDir == "down") {
- ~8 X/ B( i# H( d8 I, `5 o      if (yPos > (yMax - contentHeight - BallSpeed)) {1 ~3 _- K+ B0 B+ U" @$ L
         yDir = "up";
- W+ F) n: X4 ~1 L  d         }
) l- H! D0 d1 Q; k& i2 h      }
. Q2 h( A- C; ?3 e+ \$ Z   else if (yDir == "up") {7 d5 o5 C1 R2 ?
      if (yPos < (0 + BallSpeed)) {
6 w7 P, l! h" v7 m: V, Y         yDir = "down";2 e' I3 `5 [8 t# s2 m7 N3 r
         }
* ~! Q8 H- {6 L5 g7 r9 |7 g9 u      }
' ?7 i3 u6 R+ U# [6 E' m   if (xDir == "right") {
# C, v) _' z) h      xPos = xPos + BallSpeed;  n4 {8 s4 Z% ]) D7 B& ]
      }
: B1 N" o6 x1 s+ Q8 O   else if (xDir == "left") {
/ z, X: Y* `; q% X      xPos = xPos - BallSpeed;: n: p2 k0 p; A* H  j% F
      }
$ p* w3 P3 T* D* @% L   else {
" Z* C, A' b- y' n; B      xPos = xPos;
  c) J& ~, ]' x6 D: f      }
/ n, |. g3 P3 |, k6 u$ ?) |: l   if (yDir == "down") {0 m' t3 m* ~+ i
      yPos = yPos + BallSpeed;
0 r* k8 b: d' j5 I4 S& b5 e& J      }4 r: I  G! l* |! G
   else if (yDir == "up") {
4 o) k) \: u- u# A  Q5 T      yPos = yPos - BallSpeed;: r6 T+ u% d3 I7 \- }9 a9 l3 O) B
      }
( d- y* n+ e* I6 Q   else {
, F0 ~! ^0 ]- [, c6 h      yPos = yPos;0 e5 s/ w1 R: R
      }0 S: M/ e( R# @7 r+ j3 g" K& X  `
   }7 N0 M/ E: k: E0 H+ |8 l  T

0 O# ~5 N9 ?" }  z) Mfunction hidetext(){1 Z& I3 \8 C; n  v
if (document.all)( T) d6 A1 ]0 {  s! G
supertext.style.visibility="hidden"
* D3 M8 P. z$ T* ielse if (document.layers)2 F; q6 o* `+ b* s/ @* s, @
document.supertext.visibility="hide"$ j' f' {0 |# }! `; O  s1 a
clearTimeout(animatetext)) O- U6 M% x: ~2 w5 G4 a
}
" x: P, \9 x/ ~' c. z9 s
! x+ d7 `& L  o4 K5 l6 ]' lif (document.all||document.layers){, [! P& }( |) ^5 v+ P
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ |: `0 z0 x7 N" [4 d3 gwindow.onload = initializeBall;
! p  [9 K/ N! \& q9 N* Xwindow.onresize = new Function("window.location.reload()");0 ~- M/ D; d1 |( X6 x+ _
}& I  j: \* T8 B
2 m' S; A' W, M( g6 V7 n
</script>