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

zw2004

<style type="text/css">; }) F& Z3 a+ ]) h5 a& X; M3 Z- r1 h
#supertext {: v) i7 p- u$ \& S
position:absolute;; Z# j$ E9 H2 \( b
left:0;: |+ s! W  ~4 F- i3 R1 A6 T8 I
top:0;" h0 h; o( F" j+ v
visibility:hide;
& o9 }# i/ F4 T. R7 B* ivisibility:hidden;
0 }4 ^' @" q1 ~* s  m$ c9 j1 K}4 z, B1 b; Q% W1 _5 K# |7 s
</style>
' @6 a9 J( A* O0 q" I<script language="JavaScript1.2">: E, ?+ I: t$ m. j4 t4 d) p
<!-- 改变下的字体的大小。颜色-->
, `3 g1 }% f3 r" @" i( ~" Rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8 i7 A8 @& |/ l$ {5 ]var hidetimer='';
( f6 A" w- E! V9 f<!-- 改变下的弹跳速度-->
7 z" |+ G) |5 dvar BallSpeed = 20;- W7 h* u. J' Y7 y
var contentWidth;
( T; J+ X7 z4 fvar contentHeight;& f0 I2 W6 w' C& R, }7 W' L+ {2 P+ `
var maxBallSpeed = 50;6 [+ _( W/ N( W) v+ Z

" W; y* b: c' ^  |7 {; P5 v3 z( M
var xMax;
3 C5 ^5 L3 {: V! L0 Z' Gvar yMax;
  u3 M: p7 r! n; b6 w  `9 Svar xPos = 0;
6 g* v$ Y6 z" V- E0 C3 U, x* vvar yPos = 0;+ m/ V# O$ {/ ]8 ~0 V3 G: ^, A
var xDir = 'right';
1 ^. m, y) `6 |% g7 a& v9 G+ \var yDir = 'down';7 O2 b! B5 C0 n5 x/ R
var superballRunning = true;3 A9 P' H+ q8 f9 a9 G* S: _2 X
var tempBallSpeed;
  T. }; e3 ^) T  b) `$ Wvar currentBallSrc;+ p$ q5 S5 @  K# [+ [" d
var newXDir;
! ^: t( o' `: c7 f1 |) ?: Xvar newYDir;- N( g1 y: l9 S2 f0 Q( u% `3 N
- U# ?' ?: a, b1 j
function initializeBall() {
* p8 t+ `! M: @) \. E- s   if (document.all) {6 B, X1 c, `9 i! j
      xMax = document.body.clientWidth
9 p5 o2 q/ s( R# \      yMax = document.body.clientHeight$ G& m2 G9 g$ m3 K* T8 n# _
      document.all("supertext").style.visibility = "visible";
5 }) o# {0 i* [; w( I& F      contentWidth=supertext.offsetWidth
0 w' p, W) Z# v9 A/ I: d$ ?* g      contentHeight=supertext.offsetHeight' w4 P1 {! I5 V% {4 @
      }
4 F6 D. j: m; U. O' d0 ?9 A6 K0 u   else if (document.layers) {
, H7 m' w$ H$ K$ r6 w      xMax = window.innerWidth;; o* H6 o) m& `( c' X  s
      yMax = window.innerHeight;6 N/ B6 S4 u- i( K2 r8 C8 [
      contentWidth=document.supertext.document.width
# ~. J* M3 g2 g' Z% \9 }      contentHeight=document.supertext.document.height2 m. u6 T- [7 X; P' l& D7 [0 x
      document.layers["supertext"].visibility = "show";3 b  P# Q  m3 L! t6 _0 `9 c" ~
      }
: T6 k' E# g. [) T: ?4 ]: @  J: W# a   setTimeout('moveBall()',400);
% B9 u3 J. W$ b( Z   if (hidetimer!='')
" \! H- }  S6 r+ \   setTimeout("hidetext()",hidetimer)
  i- Y, ]* W. i/ H   }
0 w! S1 p! z5 R: |3 a; o. N* S0 M# a- O3 V( Y5 c% F  ^4 S
function moveBall() {% y8 S, T( f5 s& X$ m  h, a8 t
   if (superballRunning == true) {3 E3 J0 R. k& H) L! Z
      calculatePosition();5 c; _" y" l/ X
      if (document.all) {8 d. A4 ?$ ~4 F7 E6 J/ I9 s0 f0 N
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
6 o. L8 n. U1 g  P- B6 k         document.all("supertext").style.top = yPos + document.body.scrollTop;
- |" `& M' c* i' O. N# \         }
6 J, }! l' C& _4 ?      else if (document.layers) {
* P% ?  K  w' d( g* j4 H4 q         document.layers["supertext"].left = xPos + pageXOffset;/ e  s1 L' Q2 Q: }8 X8 X! d) D9 @) q
         document.layers["supertext"].top = yPos + pageYOffset;7 x$ a" f* h! S: }* O4 B3 I! E
         }
" C4 f+ P- f) }6 Z; T      animatetext=setTimeout('moveBall()',20);( ~% Z/ y$ ?# H7 ^
      }) v' t7 n3 j2 U+ e* o
   }/ G: @% {3 N. u

4 r6 f2 ?/ {3 _* b- {4 Kfunction calculatePosition() {
- t; }" C) M; {4 t4 O/ e9 e   if (xDir == "right") {
% }! t6 F' Q6 N' U5 e/ F) I' O% ^" q      if (xPos > (xMax - contentWidth - BallSpeed)) {
1 a2 L5 C" p- p0 _/ k7 H3 l$ ^         xDir = "left";$ ]) Y% ~' ^$ Y6 G
         }& o: `/ _8 u& I7 O- r, ]$ `
      }
9 B& ]7 K% {! |4 \. j. j4 q% y   else if (xDir == "left") {( k9 y4 k( E6 s& K' i
      if (xPos < (0 + BallSpeed)) {2 I) J8 x# K1 A/ V- D; t* G6 n6 z
         xDir = "right";
1 v; P& r+ v3 F8 o4 N* z         }
8 R8 [  s: z5 s7 S      }
/ v. E( o0 @0 ~# F- {   if (yDir == "down") {
( \) @+ W& Y% n      if (yPos > (yMax - contentHeight - BallSpeed)) {9 S( X) J# c) N0 m7 E
         yDir = "up";
  t1 {3 _2 a8 c* f+ }! B  d         }" g( e5 \9 A: l5 o$ v
      }
' h' ]% \# f4 x+ }  D9 a, \   else if (yDir == "up") {
' I, T$ B8 b% d5 E      if (yPos < (0 + BallSpeed)) {" |4 `5 R* m2 ]% |9 b% y6 v
         yDir = "down";9 I+ ~/ Z" W+ `
         }/ v7 S- E+ P6 A5 Y" ]
      }
' f, |4 |6 W) o# i# B3 q: V1 a9 m   if (xDir == "right") {
4 t, M/ p: z0 _0 F      xPos = xPos + BallSpeed;
; U- @* s) G0 _9 E3 X0 C! z( S! I      }+ t1 y3 P$ }  L2 M; V8 w! ?
   else if (xDir == "left") {2 _  k  A8 F- ]. w* W
      xPos = xPos - BallSpeed;
$ E6 j9 Z: z  U' l" J$ V      }
! R6 u/ g$ Z2 q5 I% |' g, Q   else {$ E" A4 I% U' V6 L0 z
      xPos = xPos;
+ ~4 N5 W* J# I7 A7 y7 |* l( O) b      }/ c% ^- l( C: |; @2 I' ~
   if (yDir == "down") {
9 J( Z" R! J& H      yPos = yPos + BallSpeed;' w  ~$ M- U8 o( v0 m( G
      }. r! Z+ b5 A/ l8 x) w6 h
   else if (yDir == "up") {6 T) Z/ w. j, n/ O' n0 V
      yPos = yPos - BallSpeed;4 t5 O# _5 ^/ b' I3 ?
      }2 p5 L) o* q5 t$ R- c/ j* P0 F
   else {2 Z4 \7 O% y3 G! @7 m
      yPos = yPos;
' v) h3 a' [4 m: c% M& H7 y3 c      }
! k! ]1 |- G2 r# D   }
; P% O  s3 j8 U3 C/ [, T( W7 W2 }! k7 o5 e  u2 z7 f( i
function hidetext(){
6 {; }4 [  d0 d4 U1 ^2 l* tif (document.all)
" J! w% W3 z  [' usupertext.style.visibility="hidden"0 ~3 d+ k6 E$ x- C& q
else if (document.layers)
' f" I) s4 p. U! h3 ^# i3 S1 k4 y* Odocument.supertext.visibility="hide"& q+ Y, o+ o: z7 Z
clearTimeout(animatetext)
; h  _3 s  ~, {* j: S- }9 H}
8 }, o: R3 t1 w  T" ]
5 f8 K7 W) n, s+ b( `& _* Oif (document.all||document.layers){% _" W: x5 b7 {3 d, c0 m  h! q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! ~9 j; j' y: p5 U1 K7 k8 |window.onload = initializeBall;
% o7 }# a1 B& Y$ u; h+ C! \2 hwindow.onresize = new Function("window.location.reload()");
: K( w* H4 A' q}( r3 O, N/ G8 ~! M0 b9 N
, R- k: ?; y- [, x
</script>