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

zw2004

<style type="text/css">
9 ^0 U: C7 k5 ~8 c/ c. w9 m#supertext {
7 g; P1 V& b( Z& Z( q$ U$ n0 Tposition:absolute;( G3 Z! P! L/ a) O2 B; n
left:0;1 W& E- |0 Y  S1 p
top:0;& F: Z4 Y  c! L% _. f1 [4 s
visibility:hide;' k* W; X$ J2 ^0 L! c
visibility:hidden;
, D- d' v$ B2 g$ r6 j; m}1 i% A4 ]8 l- ^% i1 d  `4 k
</style>. U- q$ y- g7 P: B& o
<script language="JavaScript1.2">
) ^* b& E) l$ J" G0 m<!-- 改变下的字体的大小。颜色-->
$ _5 |  u' O* i( z, vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ N2 u- M( m# {' Q
var hidetimer='';
& F6 }2 D" p" }$ ]( O9 L<!-- 改变下的弹跳速度-->
5 Z# {+ E6 k7 F& avar BallSpeed = 20;3 T0 ~$ |) L- K; j/ L
var contentWidth;: Z8 a( h! m6 E4 Z+ T  u. p4 A" a
var contentHeight;/ _" j" @' `/ d# M! [, m
var maxBallSpeed = 50;: H4 H' j2 m: e: W& i. ]

) r2 z- t- `. [$ `2 G- |- d4 ?* E& ?) ?
var xMax;
; `4 x% ?1 A: I" ?0 avar yMax;
0 g8 F/ A/ Y% Z. R, e$ `& J& zvar xPos = 0;
9 W% d" b; Z5 s" I! r# [var yPos = 0;
- K0 N) ^2 R9 h. V# @2 E9 e, ?var xDir = 'right';1 T$ k% Z) l% X" f5 Q. f; t
var yDir = 'down';
  i) g3 z' {7 h7 v( q5 @( R" \var superballRunning = true;; J, O9 q4 A  b7 b
var tempBallSpeed;: I8 h( I7 y) X" T# K
var currentBallSrc;
* `3 L# a$ b! G& svar newXDir;9 `: _& w# {! M
var newYDir;1 N2 Q1 q  b  K" D) N! o# J

5 Y# |% E1 G) b  Z& @: L& Q, Hfunction initializeBall() {
" K1 F3 g0 {/ \* O% }   if (document.all) {
! F4 }; s' q9 m8 _+ ?      xMax = document.body.clientWidth' Q6 h: _7 I4 b
      yMax = document.body.clientHeight
& \" u" a, X! s! y. i9 o, o      document.all("supertext").style.visibility = "visible";
/ ?$ C% j5 [8 n      contentWidth=supertext.offsetWidth
- [! t) Y8 B, h3 E1 X      contentHeight=supertext.offsetHeight
7 N0 Y, {' C, t1 w% M+ m& l! a      }
/ C' d/ i1 ?4 ~' o4 ]; k% i   else if (document.layers) {
5 |3 K* f: f$ ^' ~      xMax = window.innerWidth;/ O$ L. N6 o) W' n1 G
      yMax = window.innerHeight;/ T( Z  k% |( B8 ]  @) o: L, w- d
      contentWidth=document.supertext.document.width
6 m/ N5 x% S2 e+ ^      contentHeight=document.supertext.document.height
9 {: J6 V  f+ O0 e; z      document.layers["supertext"].visibility = "show";
/ Q1 u* [( t9 t2 e      }6 G1 s" W- C6 G  S" t
   setTimeout('moveBall()',400);( }) ]( `) D4 C3 y! E
   if (hidetimer!='')& `& k+ W3 x& c  S( {! H
   setTimeout("hidetext()",hidetimer)
) K: o$ \$ i1 B) P  |# r   }3 E( s, K" G) B: ^$ i9 T8 \+ h  x

; T  G3 M' u" u0 l: q+ S4 h3 Wfunction moveBall() {
3 S  M9 L  Q& I2 g   if (superballRunning == true) {2 `* c/ r: Y& a. |
      calculatePosition();, X- m/ C/ t% l
      if (document.all) {$ E! o1 T+ C9 i* ?
         document.all("supertext").style.left = xPos + document.body.scrollLeft;2 P' \6 x) f& h4 I
         document.all("supertext").style.top = yPos + document.body.scrollTop;
' X% }* r% N; r" p& A         }
& V! x3 t! `% M) P      else if (document.layers) {6 |* n1 Z7 K3 I& h2 R5 ]' o
         document.layers["supertext"].left = xPos + pageXOffset;/ `1 f2 @) L  s$ u9 }' H& P1 v& e
         document.layers["supertext"].top = yPos + pageYOffset;7 A* {7 P/ Y" ?: g& p8 n
         }
- |/ \# S1 C3 x! H0 T% L% Q. Q      animatetext=setTimeout('moveBall()',20);
# Q2 P! Q% V: s. H# X5 o" l) i      }
6 r9 J% l+ Z: T5 f/ m  c   }5 d1 o4 @& M* \1 V# Y5 R

) k! d$ k0 t% zfunction calculatePosition() {
$ y: O! {: j" e. k$ P   if (xDir == "right") {
4 ^/ I5 y# c6 w4 k) }      if (xPos > (xMax - contentWidth - BallSpeed)) {
) o1 o2 i' v( ~9 v1 Z% E         xDir = "left";
; n8 B6 O  A! u  W3 W         }
6 `7 ~5 P5 Y! I5 Q      }; ?) a  U' }4 D8 K: G; T
   else if (xDir == "left") {
3 c: V2 d. N+ r$ t9 t4 j/ }- j1 x: z) K      if (xPos < (0 + BallSpeed)) {
. U  J2 v) L/ L" b( z         xDir = "right";2 c" B3 P& T. @5 `& ]
         }
/ b) g4 I3 p5 ~2 I      }; ^+ _) F+ F- Y
   if (yDir == "down") {& i3 ?* x7 ]- l0 g
      if (yPos > (yMax - contentHeight - BallSpeed)) {# P$ ^* c  }6 g0 b. d
         yDir = "up";/ R- I* R6 l. i
         }& X3 h: |: \0 q+ A& W- C& x$ o
      }
. R7 o" i1 W/ Z   else if (yDir == "up") {
0 x( l) j( y$ ~: t- V9 g* c: H3 k# S      if (yPos < (0 + BallSpeed)) {! i+ A) D. D9 _7 h7 H/ G( ~
         yDir = "down";
/ U- W4 F! {  J3 f9 X* P) @         }
+ @7 o1 n% n: \$ V$ S      }
* w: z/ @$ ]$ g- l" ]6 j   if (xDir == "right") {+ O8 Y  e; T5 z2 h: Z7 ~* b
      xPos = xPos + BallSpeed;
  r5 c! ?- V1 K$ u1 J  E      }- ~2 b! _7 z/ p' E# s/ E
   else if (xDir == "left") {
  c' E* `1 s! _' [" w      xPos = xPos - BallSpeed;! N* }! }$ I7 b  Y6 Z2 I& |* Y( K
      }
9 w+ S0 B" v2 V1 ?   else {
8 w% x; y3 w4 @4 ]- D      xPos = xPos;/ I: w9 p1 q- G6 v3 M$ z( {
      }
: x% `& d9 K5 j   if (yDir == "down") {' M! N" s! @# f: o  ]5 \/ Y
      yPos = yPos + BallSpeed;
0 }5 |' p& `" T2 H# x$ L      }
, b/ s! L- ]$ S7 R$ ^   else if (yDir == "up") {
9 x# ]1 n0 X& u) }; Q  z      yPos = yPos - BallSpeed;
9 H' ]: @' i' m" {( l! N4 H  P      }) R6 m1 a% l  `$ `: ^  ^
   else {2 [3 M0 L3 _1 W4 c
      yPos = yPos;! j/ @5 J, p4 g+ T0 ~! L$ `+ t
      }1 \2 p2 f  _3 w( L) `; p4 ~  v
   }# N: \0 N  |! i. Z; J& @

1 u: ~& Z* Y; P" [% `# l  _: S# nfunction hidetext(){
. f& F, ]8 L0 l  `5 Q. X, Gif (document.all)7 a0 W9 @3 m8 d% G, j
supertext.style.visibility="hidden"& s0 r6 e  r/ D# w
else if (document.layers)
1 s, x) Z8 L( f1 [1 v3 {, C0 \8 ddocument.supertext.visibility="hide"+ X9 t- W: C0 c) N
clearTimeout(animatetext)
. b$ Q6 }6 ?( E+ V8 Y}
" M' N9 }9 f" i3 e' }; `
" M* p7 l' J* `* ]# yif (document.all||document.layers){1 h% }( A8 h3 B
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 y+ B2 j5 |; ]* }" c" z6 d
window.onload = initializeBall;7 x& ?# ]) g! P" L, ]
window.onresize = new Function("window.location.reload()");5 q$ E# S2 Y3 k& i& h
}
9 ]# k: V- H0 p/ Z+ j
; m# h! _( F* Q: E2 B- T( }</script>