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

zw2004

<style type="text/css">
! h) B5 A2 L) {' Y4 v0 p+ Z8 F#supertext {
5 P- G" m- R7 \& zposition:absolute;
5 a, \- J6 l6 e- b5 \left:0;
2 R" E' W$ H! ttop:0;
* b. Q3 Z% V* O- I/ X2 L- j- s! kvisibility:hide;
/ J4 |% I' C7 y" y: Xvisibility:hidden;
2 a  r! u8 C. |' n1 w}( [* c: R# m' u4 r- C5 ?" I; Q. G
</style># l4 y4 L5 ]" h$ e' u2 q
<script language="JavaScript1.2">
0 z  \* c* K  L( m<!-- 改变下的字体的大小。颜色-->% r! C* M$ E+ ^7 F0 L
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 u1 R7 B: C7 Q9 x1 v) t
var hidetimer='';- O1 ?! M0 T3 g' `
<!-- 改变下的弹跳速度-->
1 o1 s- W! L$ uvar BallSpeed = 20;
% A+ p1 C* t; t3 s& U) evar contentWidth;3 ]! a, D0 m7 e# o
var contentHeight;
4 }; _' {. \) [% |) ^6 Pvar maxBallSpeed = 50;
5 a/ k7 H; S0 g- k
" P6 y7 n2 y1 @$ Q* }; o$ e) V5 E
  ^; N/ f$ d2 S! h* Kvar xMax;; G6 s# j1 a: ?# J  Z  q; |/ g8 C
var yMax;
# L+ }+ u6 U4 _! N0 o3 S* c  o, `  Cvar xPos = 0;
1 z6 q: R+ ]# ^; [0 ~- v) m; ~2 [* evar yPos = 0;: J, _5 c( u& ~6 }. q, s/ D$ ~
var xDir = 'right';3 h- I- E$ |7 u" R. Q
var yDir = 'down';/ U4 n1 ~# g* ^' v0 U0 t8 H
var superballRunning = true;
3 c; N+ j8 w' q4 b6 K' e9 R- Ivar tempBallSpeed;
7 V& I, d7 \1 C6 Qvar currentBallSrc;
* g( n' e+ V+ e$ I' q3 l4 Mvar newXDir;
- ~; a) C9 a( \1 \( Vvar newYDir;
" ~3 D5 N. Z" k9 @( m; U  D7 n' E
function initializeBall() {8 U+ j, T& P+ Z9 J! \4 s
   if (document.all) {/ Z, O3 E5 g5 G* a9 S% S& e! ~
      xMax = document.body.clientWidth
5 u6 T3 {& \! u( H1 n# n8 K; C! N      yMax = document.body.clientHeight
2 j$ L( h8 ~/ R6 a1 l: T      document.all("supertext").style.visibility = "visible";
1 u) v  A# U1 \4 ^' K      contentWidth=supertext.offsetWidth
2 ]4 ^' L8 X3 ^9 L8 j) \4 M      contentHeight=supertext.offsetHeight) ?8 r1 |7 S0 m3 y. O7 S
      }, i& s7 J0 j  L1 T5 D8 \5 ~
   else if (document.layers) {
. j* {0 v  n4 x+ N' F: t: F$ N      xMax = window.innerWidth;  L9 i1 |9 O' ~$ R# x$ c9 m
      yMax = window.innerHeight;$ H4 z4 q4 T1 p" r+ g
      contentWidth=document.supertext.document.width
6 w6 B; ^" o# P' X0 ^* c3 W1 V      contentHeight=document.supertext.document.height- w$ \3 j: E: X
      document.layers["supertext"].visibility = "show";8 X& P, B9 S! m% s- f- A% }# a: p# B4 A
      }
0 H4 W# h: |/ W& s7 W- k; R2 ^   setTimeout('moveBall()',400);. z2 d2 h8 H' f) o( g3 Q: Y
   if (hidetimer!='')
. Q* n1 n, A8 e6 l   setTimeout("hidetext()",hidetimer)
3 k- o. p9 M" e% Y' M3 l   }- l4 S, T, L& h" j+ G

* u, q- g& v; n' m* W0 [3 Sfunction moveBall() {: Q5 J. D) V# U& |+ V) d
   if (superballRunning == true) {( k" Z& @1 p2 t; H) R
      calculatePosition();  j% H- B- u% v  i- l. V; e6 g
      if (document.all) {9 U) |4 s1 y2 F* H
         document.all("supertext").style.left = xPos + document.body.scrollLeft;) c! W& w" g5 P& w- Q2 V8 n& I
         document.all("supertext").style.top = yPos + document.body.scrollTop;: M: R, v" `) c1 L! c  v6 m$ W
         }; q# q  _% i; O; _  b4 Q9 ?! ?/ m
      else if (document.layers) {0 T, y" O% O- g) N; {0 t
         document.layers["supertext"].left = xPos + pageXOffset;
5 A" t, T& X' F7 k1 X4 Y" w3 h, G         document.layers["supertext"].top = yPos + pageYOffset;
/ v1 g5 \3 F' m" b" |         }
1 f7 c) p/ `3 g1 [( k) U      animatetext=setTimeout('moveBall()',20);
2 ~; S/ a6 Q# c$ K      }5 @; R9 f% p. m0 p% J# [: R
   }
$ e9 d3 A5 y# e" d; p4 v* w! O: ^" M; C- ^- U9 r
function calculatePosition() {8 C3 V2 a5 x1 c4 w; K8 l
   if (xDir == "right") {- T$ B# `% b) k1 k8 S
      if (xPos > (xMax - contentWidth - BallSpeed)) {7 w5 ^8 @% F4 B, C
         xDir = "left";
- @" T) V1 v8 q/ i7 o. q/ |0 ~         }
; b5 e2 X; p+ x% ^" B: t) g      }
4 f8 C9 Q$ m; {2 ^. }; `+ \   else if (xDir == "left") {
2 M. o( p; \1 N      if (xPos < (0 + BallSpeed)) {
0 o! R& c5 I; r$ c5 w         xDir = "right";% D/ O* O- r8 v5 o% u# M- w% G9 ~
         }7 Z. Y& x7 E; T$ r  G: j
      }
" D3 E1 n( g" b' j' m   if (yDir == "down") {8 k" P4 U5 e0 E- r3 w* v5 U! E3 T
      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 f* [* b% r6 m6 S# U. P/ L         yDir = "up";
) ?) `; H+ V! J+ p3 _$ A         }7 ^. p$ F6 i* u8 N4 d& H; T
      }
$ y9 q4 c" S! |, a' E5 B% a   else if (yDir == "up") {
2 w$ a) q* G# y0 C  Z  S* m, A, _0 Z      if (yPos < (0 + BallSpeed)) {0 W0 E, C1 p; k8 S8 \
         yDir = "down";
1 ^# C' B* ^. k- C3 H9 D         }1 h$ V* a6 ^% v. a% ^
      }
6 x- p% \% K0 `7 P2 P   if (xDir == "right") {8 ^- D) D) \& O! \4 e& x0 m
      xPos = xPos + BallSpeed;6 ?7 U2 i/ T  x7 W6 v1 y( z
      }
) {$ g( b3 ~* ?+ \: n   else if (xDir == "left") {: ]* @/ K/ G3 l8 Y2 n
      xPos = xPos - BallSpeed;
/ I* ?* f2 S, p( h6 L: ^* X, X      }
7 {  Q0 r# V  v# g& w2 f   else {
0 p2 ~' D5 \( A( J7 t: O. ?      xPos = xPos;4 s& i1 U& R$ s$ b
      }
  K/ x. I  o4 f+ g2 }   if (yDir == "down") {' _! a5 ~( F: x( p$ r/ j+ Q
      yPos = yPos + BallSpeed;
) E# E0 N% V, ]% J2 p/ }% {      }
3 P6 r! V$ C" z0 G9 t- T% V   else if (yDir == "up") {
" T: w7 ^! B/ L      yPos = yPos - BallSpeed;
' L  I* W  m+ E# r3 B2 B- \      }
+ Y& K) Y2 T" ~1 c# W   else {
' h6 h9 D3 s0 M$ e4 Z9 C      yPos = yPos;
# c/ O6 n- k6 W      }
; c8 p% o! @4 h) N   }' h, p7 A2 [) f7 l# S
9 H- e5 v: e" W
function hidetext(){
# D/ q, ^; \! sif (document.all)
* D; h) _' E9 X4 i- ssupertext.style.visibility="hidden"9 l2 W8 Y/ x' L1 X4 E) o7 h
else if (document.layers)
7 A7 J, E) i$ \+ Edocument.supertext.visibility="hide"
0 l) t$ Z6 x, R& yclearTimeout(animatetext)- I' l' X2 U8 ~
}
6 E$ f2 h- m8 T8 O  P% ~
, J- X/ y! b+ ]" e! eif (document.all||document.layers){# g3 i. K7 I; o$ y7 i" [
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  Y) Z9 `; b& ^8 {
window.onload = initializeBall;+ Q# S8 X4 Y( K- G
window.onresize = new Function("window.location.reload()");- v( Z) c: o5 b$ f' ^1 z8 l* B  P
}3 l( C# J! F& }. P
2 [/ [" s8 K- `) X3 `
</script>