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

zw2004

<style type="text/css">8 S6 E& X$ f, `7 u* L% H
#supertext {) u4 b5 x: v) b* G# ^! y/ v7 ^
position:absolute;
8 Y# D! ]+ g( M3 l& Q" eleft:0;
0 V# e0 u& L$ u8 Q: gtop:0;
0 c( `* V. _5 g9 g/ n3 E5 Zvisibility:hide;; m6 |! Q, J% P5 T" n; B6 f9 G3 e
visibility:hidden;" v$ @* h1 t. u
}
6 r5 o: D4 n! f. _  {9 K</style>' U8 h9 o; }! Y3 w" O. C
<script language="JavaScript1.2">
" J; V8 m4 |' r- S. q<!-- 改变下的字体的大小。颜色-->
# w- l2 c) p. F+ J' H5 lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 r* Q4 N# |- O+ S3 Rvar hidetimer='';
. Z8 X, t1 z, N9 f7 [, Q. U: l8 J  V<!-- 改变下的弹跳速度-->: D/ ]. L( I" t, |9 `
var BallSpeed = 20;
% y! g8 u) X: g( C9 q" fvar contentWidth;
2 k* U" I  w& |/ avar contentHeight;
0 Q$ _+ i" I1 d+ u& ^# h6 hvar maxBallSpeed = 50;
$ Z$ B, h+ I/ v. L2 U" |! p' X, b" d7 {  }# W7 a" ?5 N

6 \# R7 C4 J% p' ~( Y, K# w2 n- Xvar xMax;
9 B+ c& i. Y' r" f  _3 \var yMax;
- N1 o0 C) _( B/ ?1 u  V5 Bvar xPos = 0;
. S2 g" v1 K0 E: _0 _5 p$ E  m! wvar yPos = 0;
9 `$ o* K8 `0 \$ Z. w2 x$ Dvar xDir = 'right';8 t3 Y! E3 v1 O3 {5 k
var yDir = 'down';+ [) [4 D" K( e1 n- q
var superballRunning = true;7 h9 n3 W9 g1 b
var tempBallSpeed;8 x/ V+ b7 i5 V
var currentBallSrc;
) Y* U# i2 _, P. ^2 n, |var newXDir;
6 ^) s9 `$ M5 M5 Q- [, n& j8 ~var newYDir;
& _% x7 R. T; i5 U; C2 w
6 h# e, Y* n, t! X# n( B! Rfunction initializeBall() {
7 ]0 z$ `; }+ T   if (document.all) {* F# b$ X9 d7 C
      xMax = document.body.clientWidth
( y* o  l: u3 L8 e0 j0 [7 x      yMax = document.body.clientHeight
+ R2 Y% E$ m; _$ X& q      document.all("supertext").style.visibility = "visible";8 r  L  }9 W: [* t; p) L
      contentWidth=supertext.offsetWidth8 E" N4 U" A) \# D4 D* u
      contentHeight=supertext.offsetHeight
8 s- F/ R0 v+ T  n      }0 B# o- C; S" i- F8 R
   else if (document.layers) {: ?) a/ v6 J0 |/ n. b
      xMax = window.innerWidth;
: v& s$ H( g6 Q% m. B; e. i* r      yMax = window.innerHeight;
2 B% G; A2 H- J, k6 d      contentWidth=document.supertext.document.width
* u7 a, R7 N; m: C7 Q      contentHeight=document.supertext.document.height3 e% a; ~% k4 ?+ q0 Y3 M' T
      document.layers["supertext"].visibility = "show";
9 j- g1 G) ?3 S# \" \+ }8 _- F      }# z3 `4 _6 p7 H( \
   setTimeout('moveBall()',400);: T+ O: l9 a& Y* w; F  W/ m* t: s
   if (hidetimer!='')* R) S+ R+ [& L; w8 ?
   setTimeout("hidetext()",hidetimer)
$ r6 U9 f% W3 e* y4 E$ `   }. ?% O( h" y: C8 `8 D& V/ V
3 d' D' l! b4 X$ f' U4 b" |
function moveBall() {
. s# L. N7 B, B   if (superballRunning == true) {1 I" z3 K+ T% W1 k. r! l* D: B
      calculatePosition();- z5 a: ^( [! Y9 j& ], m/ f" _
      if (document.all) {: l; \# R3 ^. |5 d1 z) \
         document.all("supertext").style.left = xPos + document.body.scrollLeft;# R6 R) O1 V- z  F) r" v
         document.all("supertext").style.top = yPos + document.body.scrollTop;
1 |! d, N9 o5 p. u6 E         }
- T4 J3 o9 p" }& C8 g      else if (document.layers) {  `" l) O+ j: n
         document.layers["supertext"].left = xPos + pageXOffset;
! f/ B! z1 B9 m! X4 s         document.layers["supertext"].top = yPos + pageYOffset;
7 ^5 f5 Z  M% [4 b         }
. J6 r$ C' |+ g! M- _& x+ Y      animatetext=setTimeout('moveBall()',20);
  Q8 |- U& q: t; M% R$ p- Y      }
! f0 D. L: n$ C3 G/ c   }4 j, u! n$ O! W6 P: Y; W

1 H$ i. @& i3 H, V. _$ R, }+ q% qfunction calculatePosition() {
( |4 H5 ?: \) {  H& M7 s   if (xDir == "right") {: P' v' J! h( p. M
      if (xPos > (xMax - contentWidth - BallSpeed)) {: ?. s+ P; U) ~. j
         xDir = "left";
) T; V2 J1 V" B  C6 p+ a         }
  A3 c' `+ l; j2 z% t. z+ P      }) `7 {& |) ^2 \$ D& l
   else if (xDir == "left") {# c9 _/ ?1 T' X0 i
      if (xPos < (0 + BallSpeed)) {/ P  `7 W) a0 E3 k
         xDir = "right";
5 e) V( B# L: S& j3 A+ [         }
; p# X8 k' s, q      }5 @) {2 _7 z* E# e
   if (yDir == "down") {' f" ]6 ^* |/ T9 O' S
      if (yPos > (yMax - contentHeight - BallSpeed)) {1 d! B" B- y" s8 h7 M( a/ V4 [
         yDir = "up";
8 W- A- ~( j3 M% E3 J+ ~/ K         }
1 {) c+ ^/ I3 h* f2 `      }' F1 M2 X! Z, D" ]
   else if (yDir == "up") {
2 o0 m  e: ~4 B      if (yPos < (0 + BallSpeed)) {
# F) v: j& M7 M+ v% N         yDir = "down";2 Q# D5 {, J) n! c1 b4 _
         }: g' o1 B3 V; E
      }
! W) T7 s. ~& N: Q6 i' P   if (xDir == "right") {
3 v7 [4 D) K6 `      xPos = xPos + BallSpeed;! F/ x, M( l" ~
      }% R- S" j2 o5 x
   else if (xDir == "left") {# S4 p  c  w) f
      xPos = xPos - BallSpeed;* ^9 l* g. h0 H
      }) k# q  w; P/ [/ e" O
   else {6 Z$ @" m" n3 _* P" w/ U
      xPos = xPos;, U7 ^9 ~- W6 K% W: o1 u, X
      }/ h" i- L" w5 j5 w* s  q7 o
   if (yDir == "down") {4 O, Q% ^* o9 |5 E9 w" V
      yPos = yPos + BallSpeed;
; x' S3 z% Y# e/ \      }- l: [3 @) V& l' {- a
   else if (yDir == "up") {
" W9 u" J% n1 R5 e      yPos = yPos - BallSpeed;2 D# L' n9 Z" P% ]# K! {8 i
      }
( ~/ g  y! W5 b( n- T   else {
# i$ `! A  Z8 W+ V      yPos = yPos;
) j) D9 Z+ t' b' M      }
5 Z0 c: K' {0 M" y3 d   }
$ Z; ^1 ^' b6 w  z) g- Z; |
) L/ B. I$ j$ A% X3 |9 Z( a3 C5 tfunction hidetext(){
( d/ U+ @3 @7 Q2 g5 h  |" Kif (document.all): n# a( p1 w% z: n* }3 ~$ A- j5 l
supertext.style.visibility="hidden"' N4 m5 i1 K5 P; o  Y
else if (document.layers)
+ D5 y5 z7 J& @- ?' ~document.supertext.visibility="hide"
( ~% K7 f5 k& S5 z7 aclearTimeout(animatetext)
/ H; _( G) f0 N) ~- i}
- {( N7 Q) D0 p1 t' g
: o, |- s- k3 A8 X2 f8 D3 @if (document.all||document.layers){
. q9 o+ f( \' z! Xdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 }" k/ S0 c; @. Q' t* S6 y" Lwindow.onload = initializeBall;% }( y+ L( }7 `$ i5 p- {1 B
window.onresize = new Function("window.location.reload()");
+ @; w$ y* h$ i; |$ z- {* ?4 F}; O7 a: ~' G1 B: M* D
( f& F. F+ J; @
</script>