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

zw2004

<style type="text/css">
' p1 H5 w, e$ N; l0 w#supertext {" I! _# @+ q9 c9 H. q, ?) [& ?
position:absolute;5 v2 `- B1 y( B- c9 ~
left:0;& T2 |7 k5 O1 F1 T: m
top:0;
7 d1 i1 b+ x7 W0 ~9 F: gvisibility:hide;4 p) o) d  H: I% T' V7 O+ v9 V6 P" x
visibility:hidden;" C; b/ f4 E9 a4 a# e
}
! O- G7 A/ L7 J( U# U</style># d6 ?/ v$ t+ W
<script language="JavaScript1.2">, k+ _% G7 |* m0 C" N+ M9 n+ G
<!-- 改变下的字体的大小。颜色-->
' h, M3 I9 c' v9 f; {- svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; I4 ?) t& e; |2 S6 u2 a
var hidetimer='';
6 ^) A  G, h  T$ j  n( d. Q4 @/ k<!-- 改变下的弹跳速度-->- |5 p) V& O8 C$ x! c/ H6 ]
var BallSpeed = 20;) b4 i# L+ ?! S0 p/ a" Q
var contentWidth;: Z  h$ Y+ K3 w" r9 V4 m
var contentHeight;& e) S# M0 D0 s1 A( ^
var maxBallSpeed = 50;0 l6 d: k3 @% B9 X# \

4 O$ Z! _0 J0 E6 G/ ^, {3 [1 b) w$ g' b; N
var xMax;
9 ?/ J" P2 R, @var yMax;0 b- [2 N0 d8 Q
var xPos = 0;) j6 z$ v! B8 d2 O
var yPos = 0;
( [. x, b% b  \" A! F; Svar xDir = 'right';
9 |- s; m  D" t" D% g8 mvar yDir = 'down';% l! ]6 C' w( w  ~# O
var superballRunning = true;' j2 K( }& S$ ?$ b
var tempBallSpeed;4 e% R; ]- Y, w. ^6 z
var currentBallSrc;" @2 y* K& I8 Q5 r  ]  i
var newXDir;. q: e8 T4 V0 }+ q! o$ [
var newYDir;
: i5 i. p7 h+ O3 z, C
6 c& j+ h5 G5 U0 Q4 jfunction initializeBall() {7 L/ C% x- I$ p; K, a
   if (document.all) {
" W+ g/ U2 M; b" s& T      xMax = document.body.clientWidth9 [7 n  @- ?0 w0 v6 p
      yMax = document.body.clientHeight
: U' o8 \9 B7 _+ s      document.all("supertext").style.visibility = "visible";/ N8 c, v9 t7 e! w. D# [+ X
      contentWidth=supertext.offsetWidth
" }6 b) s0 G) t; X" D      contentHeight=supertext.offsetHeight" g+ v" V6 d( o: n1 m" w* b
      }
. x0 n1 B# l# ^- v. m1 B   else if (document.layers) {7 x  q3 R8 {# \
      xMax = window.innerWidth;
/ B; [# Y5 B! ?, S      yMax = window.innerHeight;
! f9 @. c. X2 e6 v      contentWidth=document.supertext.document.width
1 |$ J# H" x2 y$ o; i3 E& N      contentHeight=document.supertext.document.height
) M' p" i& Z% K% k; [* R      document.layers["supertext"].visibility = "show";
- O. i* T4 D' ~& L' ^      }- U2 U" D6 e0 w- d' F0 @: M' j
   setTimeout('moveBall()',400);. S; c. p% {1 O
   if (hidetimer!='')
/ d4 h* x; M. i4 Q/ m* d7 l   setTimeout("hidetext()",hidetimer)* a3 t. G) p, T' [
   }
! q( a' v( T3 [6 W
* v+ k5 o1 M+ v! `4 u) m. Afunction moveBall() {
- _; a9 f6 N' Z, `0 O2 E   if (superballRunning == true) {
  O: k% t2 ?5 e" K4 J8 l5 a1 K      calculatePosition();
0 P: k9 E3 V8 @) T- ~3 Q/ f3 d- @      if (document.all) {7 f0 j7 C+ |- v% g! K
         document.all("supertext").style.left = xPos + document.body.scrollLeft;' w) S+ Q6 `6 t
         document.all("supertext").style.top = yPos + document.body.scrollTop;
. J# X) e: S7 G& m$ L( p         }0 e; y3 ^+ `4 |% e/ s
      else if (document.layers) {1 ?9 {# H' W, n; b
         document.layers["supertext"].left = xPos + pageXOffset;
; P0 W* B+ W! e4 X% W/ \         document.layers["supertext"].top = yPos + pageYOffset;
0 [6 ^9 x# d8 s! s         }
/ Z8 K+ Z0 d& J: y1 |# i' i8 I5 `      animatetext=setTimeout('moveBall()',20);
2 n: {* t9 d1 D- s6 ^2 X8 I4 P8 h7 d3 j      }
. j3 W& i1 ]& Q6 z: `% j# U* T9 v   }; o; M9 U7 \- y9 d0 O" q6 ?

0 E0 }8 v/ X/ z( \" g$ ]3 G6 i4 H- Ufunction calculatePosition() {' D! \  q' o4 i( g
   if (xDir == "right") {+ |5 B) Z, Z2 c
      if (xPos > (xMax - contentWidth - BallSpeed)) {
( r' [" f8 l& G% |0 j         xDir = "left";5 \, [- Z# M& f+ _  l* V; w' v5 g
         }
; y; Z; p" Q- S* W      }  E5 O0 I0 J0 T' S7 R8 @
   else if (xDir == "left") {; P+ {6 J9 i) x4 _
      if (xPos < (0 + BallSpeed)) {/ C& Q$ u3 h- p
         xDir = "right";
- S* ~' f) y' X0 _         }
# u( c- z+ J% g6 A! ~      }
, G0 ]$ q* ]6 a* j( C   if (yDir == "down") {; a( s1 M0 }3 M; \- l# i9 c7 B
      if (yPos > (yMax - contentHeight - BallSpeed)) {( b. J4 u6 U/ n$ \
         yDir = "up";
* z1 E1 y/ S) `0 N         }7 M0 r- k$ k- P
      }
) |+ ?/ j: k- V0 ]9 p5 U   else if (yDir == "up") {
8 z: T; ^0 v( x" r% G      if (yPos < (0 + BallSpeed)) {8 m2 Q. @0 y9 r+ G' A
         yDir = "down";* g2 ?7 B) V2 _' e9 @
         }5 Y8 S% c/ J* s* T% |: n9 R
      }: J9 {: \! _( S  q
   if (xDir == "right") {
% Y6 L$ d# N3 Y      xPos = xPos + BallSpeed;
+ D1 |5 I1 j$ O& \: h      }
6 L2 }: Z4 m; U  f& a8 N   else if (xDir == "left") {/ v# @3 n. |- @# y
      xPos = xPos - BallSpeed;  u) {1 i0 M& ~
      }# A1 Q, P& ]: n( v' q
   else {
) y; m$ a2 L0 O, D  |      xPos = xPos;
* c; z# p% \0 L5 |4 D2 s      }+ s" K; J' l6 F" r: B2 c, n
   if (yDir == "down") {
, s/ A6 I* v6 ]      yPos = yPos + BallSpeed;# [& R: M- \) b$ c( t  z& @
      }
: p3 p  H- v$ T) \7 X   else if (yDir == "up") {  m" O& D6 K1 t1 \; A0 z
      yPos = yPos - BallSpeed;
3 T% `6 T( F, V) t+ n6 s' f      }) _* ?% j, ]+ n# T0 O" I
   else {) h0 m( j2 Q  m) ?3 O( d/ r, ^6 J
      yPos = yPos;
: u+ N: p5 d3 w. X, Q6 m      }
, ^3 x7 a9 h. i0 ^; R0 [- t   }
& X9 R6 B/ |* o( O  h- D- ?# X: u7 F2 p2 w0 G& x* m7 ?
function hidetext(){8 }2 M, E' A- `5 h. r& p+ I
if (document.all)
! M) D: s; T+ W+ [supertext.style.visibility="hidden"
: \1 K- u' `+ y; ^8 J, A& o' zelse if (document.layers)" Y1 G" B7 A& u
document.supertext.visibility="hide"
3 O1 x# v5 |3 }0 {1 U5 qclearTimeout(animatetext)
9 e: U; D# O1 }}8 a: F0 z$ r: n! N+ C6 m

# w1 y$ W% R' c( }. V  _if (document.all||document.layers){
# ?8 p( L6 x% T, K) Edocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 N& i# }/ s2 p- o+ P  Q1 I- p* \window.onload = initializeBall;
$ n) D4 l1 @3 k5 Y- @8 }2 C7 m) Ewindow.onresize = new Function("window.location.reload()");% C4 v9 Z2 i3 Y3 U' a2 B& w* N
}2 C+ X7 {, s6 k8 V0 h) n3 J
9 A  A" y* y6 o( `. n+ x
</script>