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

zw2004

<style type="text/css">. S7 {  v0 f$ g6 y3 F' u5 r2 ~
#supertext {
6 O7 a* H, `' O' eposition:absolute;3 g! n4 R  u  ^) B: \" n! h# M# z
left:0;& E: a/ @- y" T& z8 e1 F) B) |
top:0;% W2 i) S* w2 ?3 T. P" F4 Z) B# E
visibility:hide;
8 o, P' R% U# @visibility:hidden;' z& b2 b6 J, R6 y
}
* S0 \: \) w9 C$ J# k2 V</style>' i; P; @) \9 D/ U# @  }- B8 \
<script language="JavaScript1.2">
2 q/ ?: f: u' u- V5 G  N8 v<!-- 改变下的字体的大小。颜色-->+ D/ \( ]' }, i$ k9 G0 m
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': z$ ~  R# D6 J6 p$ c# b
var hidetimer='';+ p) K5 J1 ^- \9 p9 h% ?
<!-- 改变下的弹跳速度-->
; j9 f3 D0 I% l  @var BallSpeed = 20;4 _% d3 B& I/ x# M% A( e  x
var contentWidth;
9 ~1 j% U: e' @' N7 P  U( f' Ovar contentHeight;
/ l$ g5 I0 r8 Z! D( z; _6 E- ~! F; ^var maxBallSpeed = 50;
# U% `! u# ]  v  g/ e1 U
. @4 n8 W* V1 ~) o! o7 z  A3 ~# {
& ~- A; X  U7 U) h5 @8 d7 K  nvar xMax;
! p- k8 U2 r4 B3 n) x4 _/ o. evar yMax;
4 v4 [0 n0 f& o0 Xvar xPos = 0;
$ D7 \& A7 U- w+ f9 svar yPos = 0;
# G7 N- E+ j" V0 I; G  f/ j4 `var xDir = 'right';
1 ]0 c% M+ S% _8 s# X* p9 B6 L/ l  Svar yDir = 'down';2 T. n$ |  o& P6 }
var superballRunning = true;
2 n* P" u4 |' ]6 y/ ~var tempBallSpeed;
- r! _, n1 o( n( u& Y6 nvar currentBallSrc;& Z3 u/ p% f0 ]+ M, \6 y
var newXDir;
" s& |- ?( a% T: U1 qvar newYDir;5 k& F7 b) ?- l. |" B) P

6 g( S) o# ?7 G7 L5 b2 qfunction initializeBall() {6 V; ]4 K  j4 y2 f3 W/ U- s
   if (document.all) {
0 o& `) [8 D! g9 X. b0 \7 x7 @2 ]( @      xMax = document.body.clientWidth# n; x8 E( W& a! y1 U7 j( F9 D
      yMax = document.body.clientHeight; |2 Z. Z2 ?! {+ {6 L7 O) c
      document.all("supertext").style.visibility = "visible";$ O3 j# M# X" c0 N0 w) B! N/ Q& t
      contentWidth=supertext.offsetWidth
# N! w' p. @9 v4 i3 v      contentHeight=supertext.offsetHeight
4 U* {! @3 n3 N# t% F7 W      }
9 k% \2 |" }) x- }( ^! H   else if (document.layers) {
; L0 s/ p+ H; a7 P; n      xMax = window.innerWidth;$ H# o" ?( J- y2 A) j' m
      yMax = window.innerHeight;
" q4 @' V8 e, m8 p      contentWidth=document.supertext.document.width
/ v, j. ^' A, l; N7 x      contentHeight=document.supertext.document.height
( X, x$ N; e; ~      document.layers["supertext"].visibility = "show";
  c3 T& d3 l; ^8 G      }
, r) n1 D7 Y* b   setTimeout('moveBall()',400);1 h  w) o! d2 y' b- K0 {
   if (hidetimer!='')
% n) ?0 P/ J  k   setTimeout("hidetext()",hidetimer)9 \& x0 r) `/ A* N' l
   }
) J7 g7 ^9 V6 l( W/ _: I6 m8 ~5 C/ |$ @7 i& T7 F
function moveBall() {
' t+ y  _& X7 t   if (superballRunning == true) {
# T( v3 \) X, _      calculatePosition();- `  ^) D: F) H, x! U) e6 m
      if (document.all) {
* r' s, f: e( @5 T' I         document.all("supertext").style.left = xPos + document.body.scrollLeft;- S6 i# P, h3 q
         document.all("supertext").style.top = yPos + document.body.scrollTop;+ N% Q1 u  I, M/ q- L
         }5 L. A& T1 O+ R
      else if (document.layers) {
4 M' D' d+ F" Z3 H' x( Y         document.layers["supertext"].left = xPos + pageXOffset;
0 O; m; w! D; o" R3 u4 K5 h1 n         document.layers["supertext"].top = yPos + pageYOffset;5 e% Q! t0 ]& W4 h$ M; ^
         }# B$ u7 m5 D7 p* ~6 x0 }( q8 A) r( A
      animatetext=setTimeout('moveBall()',20);) E, F2 L1 }# E' @4 s% a% g* E
      }( \$ B% N( f: ~/ Q
   }
, \: M7 B5 @2 M) H" v- ^( U9 V
% j4 i% p6 D6 L" m6 `: Yfunction calculatePosition() {
# E0 f, E! V# a. G0 q9 `   if (xDir == "right") {
1 c9 n) f/ U) D! x      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 h  a* ]( j( q' \! G. u5 H         xDir = "left";6 p6 _6 \- E% N2 V" @1 ~
         }
$ c$ c$ @( G9 l' [/ q- i: O8 h      }
$ d$ {+ n' S  d1 c3 a  B' y   else if (xDir == "left") {
, l: V5 `2 m- u7 b- q' e7 Q      if (xPos < (0 + BallSpeed)) {
/ J3 @# ]; l1 y" V5 `; l         xDir = "right";
" R; k: Y" E# ~& |5 F( i1 R         }& I- d6 e( j' b/ P! H
      }! U' d) d) Q: Z
   if (yDir == "down") {0 ^; }4 \1 H( \
      if (yPos > (yMax - contentHeight - BallSpeed)) {' Z7 v& ^* J8 z! p: c* }% Q& j, s
         yDir = "up";
+ B  R! ~8 f& j% B         }
  e' F/ F' U5 {4 y& G      }
. U: k' w& B1 \4 h2 Y, X/ S! D   else if (yDir == "up") {
' ~- [- S, T! r& T! o3 l      if (yPos < (0 + BallSpeed)) {
% I9 S* H6 N* Z) X. w         yDir = "down";
( i0 ^# k! L3 f         }$ j2 O/ r5 t; V9 L* C; o5 j8 |
      }
! @, \* Q$ n+ n) r6 z, d4 `   if (xDir == "right") {
8 `3 G0 k1 w5 |, r, F/ O      xPos = xPos + BallSpeed;  H0 K: T) h# x1 t9 l) p9 K& H1 e
      }$ M& K, l$ \- D8 ]0 [/ l* Q
   else if (xDir == "left") {: T$ Y' G% ~. g; ~1 r& j' V7 G3 J
      xPos = xPos - BallSpeed;
/ ^& r( m! Y+ H( p" ?: d" Y      }( V  P$ ~) O0 _' ~! I
   else {3 M$ T( L/ O9 G, n
      xPos = xPos;" K( W. e/ k: R
      }# {& u2 v7 x0 \( g: ^
   if (yDir == "down") {
( Q7 R+ ^2 u; `0 x) ]; a      yPos = yPos + BallSpeed;
+ E: c4 B' w$ b9 h+ Q! _      }6 g2 C7 I3 t4 i7 N, a# a
   else if (yDir == "up") {
, y  U; Y4 ~" a7 Z/ y      yPos = yPos - BallSpeed;+ h. ?" ~8 @+ l1 n/ o0 R
      }
4 V, B3 k0 r) Q0 L8 B3 E   else {
0 q5 A, o; c9 Q  D" A      yPos = yPos;
1 o3 A; F% A) v, d& _& r3 c      }& S2 H+ w% Y8 R; ]1 H- V' ?% d+ b
   }' j7 o  j1 ^+ `
; B6 C. M8 o8 l8 l2 e# M- a
function hidetext(){& ^4 w9 q3 n8 _: \# e6 g$ g
if (document.all): u0 g$ g8 V$ _9 a
supertext.style.visibility="hidden"
& @. [! A  f" H5 oelse if (document.layers): F9 c' u9 s9 w' ]. W
document.supertext.visibility="hide"+ y5 a6 n2 b, k  C+ y; a
clearTimeout(animatetext)* `+ a& N0 z/ D" C; ^4 R1 S, N
}
9 B$ I8 y# c2 O1 U" x4 _. B$ g
# |7 b+ _& D0 w: A9 O1 dif (document.all||document.layers){3 b9 G7 L2 i3 A) {
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- B$ @+ N, m- X( u8 `4 I) Ewindow.onload = initializeBall;
7 r8 K5 ]" L0 V1 ~+ Hwindow.onresize = new Function("window.location.reload()");
) ~  @8 V9 I. k, _* \}6 U% C4 Y- N$ r+ s4 G) B+ [

) r: W# C" I' m</script>