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

zw2004

<style type="text/css">
  s. I2 v8 ~& b0 G  R#supertext {
* M; v% _# F, K5 U) Wposition:absolute;
4 m, N3 @/ C. l& X9 p1 qleft:0;% o3 D; \* f+ K
top:0;3 o1 i  Q/ S" M8 b7 l; }
visibility:hide;
* z8 o, {" B% m+ o* ~visibility:hidden;7 J# I8 `2 d3 |7 D  v
}9 y- T$ P6 C+ U) ~! Z1 a
</style>% x: C; t" w) x+ r' P! v
<script language="JavaScript1.2">3 p- J4 S/ @" i# ^# j* `
<!-- 改变下的字体的大小。颜色-->
/ o( i: {- V1 ]var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" I3 X; K, h8 N9 }, L& Y, y$ n; L6 @
var hidetimer='';2 F( N* e  a0 c  y* f: W5 y/ f8 ]
<!-- 改变下的弹跳速度-->
9 N: c; e* R5 {var BallSpeed = 20;5 i! z5 X1 _' ~! m/ z5 m  U
var contentWidth;2 ]& y- [: |- q1 }: v
var contentHeight;
; P. Q+ o" O: z( svar maxBallSpeed = 50;
/ {7 S' P- N4 ]" b+ B, ?
1 |2 \! t6 ~) E7 v) j. g0 Z
7 o5 V5 ~5 V8 ]var xMax;
- s$ X  \, G1 g+ wvar yMax;, {' x. S3 _- \! n1 E2 f+ p
var xPos = 0;$ e" {; i# V) v7 F  N# v
var yPos = 0;5 ^  ?: Q8 w/ q" N- F
var xDir = 'right';$ a! P5 j8 n9 U2 V, H7 u% Z$ P+ l
var yDir = 'down';' a5 ~2 ~9 q9 ^3 G1 S( R0 c0 V
var superballRunning = true;  @7 `0 L7 u  S7 j. V
var tempBallSpeed;5 K$ z/ L+ i; N
var currentBallSrc;, w$ w# W) ]2 Q
var newXDir;0 o  j( R6 ?) m6 R5 F; E+ Z. ]
var newYDir;
" {, `- F/ B; G5 G& k$ j, b
- A5 }* I* c" P6 W. }function initializeBall() {8 ^: u* a1 F8 t. K' ^
   if (document.all) {
1 P5 F0 }, w  R5 m; W7 [0 c      xMax = document.body.clientWidth1 c4 E* b$ L% V# u" |8 c  {) G
      yMax = document.body.clientHeight# ^+ K8 z2 q4 @% d! T( F6 Q' x! h
      document.all("supertext").style.visibility = "visible";7 t9 t1 }  l' x. r% {
      contentWidth=supertext.offsetWidth
5 M7 ]( j6 Q( U" r      contentHeight=supertext.offsetHeight: @2 q! z  B) H
      }
. ~! g1 G$ W5 X2 ], b0 T" o  f' R; U   else if (document.layers) {
$ p5 E# \' T. w, f      xMax = window.innerWidth;( `+ i' R6 G' e5 r  x
      yMax = window.innerHeight;, B4 l: ]# w/ S# N
      contentWidth=document.supertext.document.width
% o  [7 ]( @; {4 K, j+ J% X2 P      contentHeight=document.supertext.document.height2 w  z* u$ f, x: m# ?
      document.layers["supertext"].visibility = "show";
4 ]+ P3 i$ E  E6 E! P+ u5 F      }! Y8 }& C" o) b$ Z
   setTimeout('moveBall()',400);# }% q5 r) M* u0 @, o% t2 Z
   if (hidetimer!='')5 \( D7 C' r' \9 C
   setTimeout("hidetext()",hidetimer)
" o$ j9 v9 H. W   }% R5 v  s* c( q
2 c% s! N& W; Q8 i* G  @2 R
function moveBall() {
- g( Y1 u& o1 a% h  o0 J0 Q, ^   if (superballRunning == true) {
  F9 S5 {# O/ T# X0 z" g; d      calculatePosition();
2 ]2 w$ l  h! D1 J- O      if (document.all) {) C2 a9 \+ @% E9 _
         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 f) r: w- S7 a
         document.all("supertext").style.top = yPos + document.body.scrollTop;
2 D  o* b# d  j         }+ K8 r2 r, \0 N8 ~6 i$ F  n$ J1 q
      else if (document.layers) {7 o1 Q+ [* t) c7 O7 ]% ]& T
         document.layers["supertext"].left = xPos + pageXOffset;1 A/ d( j6 {. \2 n
         document.layers["supertext"].top = yPos + pageYOffset;
9 s* E* J5 k' q4 N* u5 Q         }9 q) Z2 F# _' ~1 c1 {! J6 o
      animatetext=setTimeout('moveBall()',20);
8 G; ^' O' D. m0 m0 M      }
0 Q6 |5 W' g; s) ~, J7 n   }' U, x8 s8 ]/ d) [7 M+ o' s

; T# e; t0 P( e" Xfunction calculatePosition() {
3 r- y+ ]9 w/ v+ r8 R! o  Y( W   if (xDir == "right") {
9 d0 O8 A$ ~: H      if (xPos > (xMax - contentWidth - BallSpeed)) {$ o" e0 a3 u$ X1 r! K/ W- z( l
         xDir = "left";8 N- L& j! c6 T/ _; T" g: \
         }
: T  C( {  {+ e4 n- B1 p( h2 ~3 m" o      }
& F6 ^( \/ Z( ]9 e4 \6 U" ?* m   else if (xDir == "left") {1 O4 k# z0 ]6 N' H7 ~
      if (xPos < (0 + BallSpeed)) {8 j+ D! s# h; y0 V& a) {
         xDir = "right";- a* n1 G# s9 [7 h& u4 i3 v4 O
         }
( h$ H4 `# Y; [+ i$ ?& `3 r$ ?8 [. ^      }
5 ?9 E. X1 g5 e8 i/ x2 Q& A# ~) U   if (yDir == "down") {
  l6 q/ A0 R, v$ L8 o' d      if (yPos > (yMax - contentHeight - BallSpeed)) {: z  L9 i, h! a; I: v+ s$ e2 T& Y
         yDir = "up";$ Y# y' K" V: v! g) w& N
         }% M% t/ K2 H8 {3 e4 A3 c3 C8 W
      }/ k( F# _9 [! x; J0 ^
   else if (yDir == "up") {
8 q. u0 f, ^9 ^* s      if (yPos < (0 + BallSpeed)) {
' g7 z' M3 C8 O+ v         yDir = "down";/ ~$ Q! [, |9 ?+ d
         }# j" h) Z5 `! x) _) T. B
      }" _: B1 N8 @3 G; J2 V' x' q$ B9 M
   if (xDir == "right") {
7 Z/ |4 k% w* V2 W: o1 w. b; q  H      xPos = xPos + BallSpeed;! l2 Q: j7 O4 P3 J
      }7 v! r$ W/ s5 t6 e
   else if (xDir == "left") {
; P) G) k, P2 x      xPos = xPos - BallSpeed;' k& r7 k4 z6 y+ D+ E# T1 t; f
      }
9 Z7 [, p6 l, J/ Q* c   else {
+ \& z; |4 \0 x5 J- i/ x      xPos = xPos;: w# m7 x, b3 v; `9 I
      }
% n+ W) I; ]4 O" M   if (yDir == "down") {
1 T( f/ }, f  j) ?      yPos = yPos + BallSpeed;! L8 m. J* @+ o5 S' O7 R; E% V2 c
      }
7 V9 b' g. v3 Q! ~   else if (yDir == "up") {( \  k! Q4 C+ d1 W9 w1 t
      yPos = yPos - BallSpeed;& C. u8 s" s  m$ h2 O; Y
      }
1 l( i: I$ A9 }# W( ~   else {4 V4 E' |- I/ d0 B' g: j9 k' e' ~% j
      yPos = yPos;
8 S1 o  T2 N6 |4 w  F2 l# Q1 G      }5 s% l8 q8 H) u7 }: u* s
   }
: m' K' h* y. ]5 Q! Y* Q, O. l/ X) k: t
function hidetext(){" n8 y% r& U7 Y$ y6 j
if (document.all)6 W( [6 a2 \& V( `  Q; b8 y9 V9 Y
supertext.style.visibility="hidden"$ ?! H/ q, I7 _
else if (document.layers)
# t2 t' m! _/ h: B9 X! V% Y" a0 |1 ?$ Qdocument.supertext.visibility="hide"
3 ~8 X3 X) _% u0 A4 m; ~1 B* `clearTimeout(animatetext)+ g) V% L* N6 l! }& {3 q
}: X" a1 j* b# R* h- V3 m1 |8 i
( M" X7 A0 m( x
if (document.all||document.layers){: }" e! [6 i8 J: x
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ V0 F& L5 A" k0 t6 _
window.onload = initializeBall;
0 l% _, m* M  m6 |3 x" Hwindow.onresize = new Function("window.location.reload()");) ]: ~& K5 @* B: y/ W
}
9 ~6 J1 x. j& C7 J5 {6 t
! ?& f& L, J: o# S2 ^' j</script>