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

zw2004

<style type="text/css">6 l, F2 c# z8 m% t' \( x
#supertext {
  ~$ M1 g. A4 r' G! D9 |position:absolute;  ?0 j! b1 u) L8 _4 F
left:0;: N( y( x8 ?! ?' W' S) Y* b
top:0;: D3 k9 _/ X9 ~! c3 H% v
visibility:hide;0 C! M" P7 M- I6 U6 }
visibility:hidden;1 T; c' D* Z$ O: ]) C8 O
}( e  R5 M. h$ V; o; d0 p
</style>, {& s0 X6 z6 j# x5 E9 l
<script language="JavaScript1.2">/ D+ @9 A4 b# `; v5 }& H1 v
<!-- 改变下的字体的大小。颜色-->
" T* S; k2 `9 C0 ]$ Y# q3 Vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* }# ?; ^: v2 ~; P/ X
var hidetimer='';: T; d0 C# l' Y
<!-- 改变下的弹跳速度-->
) w6 _& H! J. A+ B5 _var BallSpeed = 20;9 Y0 @8 v$ l: y
var contentWidth;9 X" X: D6 a$ }9 |/ x
var contentHeight;* |! z  h# P- S+ N9 r. j5 W
var maxBallSpeed = 50;
, C4 }$ [+ [! j' O6 s; U8 q9 m2 I& Y* h2 W" D* a1 t

0 R4 L1 Z  _5 x+ ]7 Y8 uvar xMax;6 z! y  \5 C& v$ G0 m- E
var yMax;
9 [" i' N( \4 |5 `1 J4 tvar xPos = 0;
% e- |" \/ x- u& b. p0 j$ O7 ], uvar yPos = 0;
9 P2 Z! o: s$ u* b4 R$ Lvar xDir = 'right';' M" \# ~4 ?0 l: p' n3 t- S
var yDir = 'down';; z, k4 T1 t6 n2 B: E! D6 q
var superballRunning = true;
: F9 @& b( g3 q3 o' @; [var tempBallSpeed;0 i# m4 ~3 e( i) K) d
var currentBallSrc;
4 B1 z2 J4 i0 o) r. q" a1 gvar newXDir;# y$ [1 o, }' Z7 q9 I$ ?
var newYDir;( A0 [1 G# R+ S; ?7 p* [

0 }/ j) j6 b# ~9 `function initializeBall() {
0 H5 ]: K& V$ b. d! V; O1 \   if (document.all) {
" L( @; X6 Z8 W* W# u      xMax = document.body.clientWidth% Z  B* m  T. g
      yMax = document.body.clientHeight
" R; }$ ?4 L6 c      document.all("supertext").style.visibility = "visible";+ f5 c- q/ ^5 X9 V
      contentWidth=supertext.offsetWidth* {( |+ Q/ K# z( I: U0 I" H' C/ H
      contentHeight=supertext.offsetHeight. B9 ~3 o7 G# D) T
      }- _/ J! S$ y, E2 o
   else if (document.layers) {
- x6 F, \! [  k$ J! v      xMax = window.innerWidth;
6 Y; u1 D2 H, D+ F      yMax = window.innerHeight;. z8 e/ f" j: ~* `
      contentWidth=document.supertext.document.width
, [0 M  q9 X) ]      contentHeight=document.supertext.document.height1 t: s! l$ D2 d$ d2 k* B) B8 ~' e
      document.layers["supertext"].visibility = "show";, j) c. x! z# C1 ?  R" m
      }& H' C. [+ c; f/ t1 U! |; T
   setTimeout('moveBall()',400);& H$ ]$ R2 B4 t1 P0 T' w
   if (hidetimer!='')
# I3 i$ `4 M5 J8 ~  y7 e  Z   setTimeout("hidetext()",hidetimer)
' R8 ?+ V) Y; F0 A$ U' Q, K   }' p; v4 y5 L5 D, }
7 I0 ^, K: g2 A! s
function moveBall() {" q; n' ~7 s. Q) ^! H
   if (superballRunning == true) {
) B4 R8 T5 F* o3 Z; c3 ?0 O& H# q      calculatePosition();" J) p8 G8 x& X: l
      if (document.all) {# v8 }! d1 G$ F$ a+ s# M& p" v
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
" D1 y5 c6 E& {0 l         document.all("supertext").style.top = yPos + document.body.scrollTop;3 D/ C* p: W' ^
         }% w- y4 K. ?* n2 ^2 E
      else if (document.layers) {4 L( {: s/ @4 k' @
         document.layers["supertext"].left = xPos + pageXOffset;/ O8 Q2 ~; C  L, G0 ^# N% o
         document.layers["supertext"].top = yPos + pageYOffset;7 L6 w9 N, n$ n0 T1 x. ]3 A5 g
         }7 z8 H8 A+ q2 g; g2 [" ^
      animatetext=setTimeout('moveBall()',20);
! A0 @7 V! M1 z! l0 T7 l- K) u$ ?      }. C. [+ h, \1 l
   }9 r9 j  k0 M* X  \# I9 M
3 M% v7 c  g# D  w" z
function calculatePosition() {1 X7 w% s. r* p
   if (xDir == "right") {- f+ [. l7 c" F% f3 l2 l7 ~
      if (xPos > (xMax - contentWidth - BallSpeed)) {
, p7 ?' j# j4 m8 ^         xDir = "left";
: G# w1 J2 X: }         }( ^2 y2 y) N3 x& ]; r
      }: A2 H9 u, M3 @) L6 z
   else if (xDir == "left") {0 L0 Z( ?& N; R
      if (xPos < (0 + BallSpeed)) {- G7 _5 c. R5 ]6 z1 s* j5 s  m
         xDir = "right";
* N* t+ p2 F2 z         }
: |+ v9 Y& L% Y& y( X0 T      }% M0 d: Q" s4 Q) {
   if (yDir == "down") {
- _2 C! o) E; b0 q9 ]. @      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 K% l- G. f3 d: c8 d6 @; e         yDir = "up";; I3 M- R7 Q+ T/ h$ [. R6 u
         }
: h6 o$ V; ]4 k7 \  }7 V      }
/ u" y1 ^8 b+ U" W" v7 _; \   else if (yDir == "up") {! F0 Z+ m& J4 j2 h, _: O. S5 h
      if (yPos < (0 + BallSpeed)) {
- e7 K3 q9 k2 u         yDir = "down";
( I; R# w8 z* E         }3 w, R( P5 v8 K8 C. F
      }: [3 c* i# K2 ~
   if (xDir == "right") {
9 p1 e8 ~+ V8 F- t) Z' |      xPos = xPos + BallSpeed;4 b. f, r7 q/ v+ K7 ~3 H
      }* s( o2 [% I7 c
   else if (xDir == "left") {
3 J9 {# d: m+ I      xPos = xPos - BallSpeed;6 ?! `& C+ S; _/ Z# y! d
      }3 V$ W; s) k; Y) j; i
   else {1 Z) }6 r) l! d2 f, P& D( u
      xPos = xPos;4 U8 f  _" z- _. y; N
      }8 B8 w8 N. f& J; d/ f* ~& k) Q$ X
   if (yDir == "down") {  v  k- b! \7 |5 c# ]( \
      yPos = yPos + BallSpeed;6 I# \. I3 q& b) O( v
      }* k. ^! z8 n( }2 w' s/ _6 D4 L
   else if (yDir == "up") {" H: v7 V9 P& v- R! v
      yPos = yPos - BallSpeed;
" r; C( T3 r# Y& v# j      }. _) u/ E4 T) C: ]2 ~4 m  f
   else {. h6 C/ R4 \  D9 q% d
      yPos = yPos;) {' F$ p1 o! A# ~
      }
- J' M; |% ], c: q   }; |4 v. \$ ^2 z

: @/ C/ O- W& q2 hfunction hidetext(){
6 h; D& M+ R7 C$ ~* Q1 t/ X; j6 iif (document.all)* C, J6 a, t+ r& [! P$ K& f. O6 C" }
supertext.style.visibility="hidden"" U% K( G9 y9 y  X, Y9 R
else if (document.layers)
( b# J$ x( V0 j7 b' @document.supertext.visibility="hide"
& L, {+ _! Q# j, uclearTimeout(animatetext), S) x. O1 i* G& G( T; t+ h. B
}
* o- E' W# v" j1 E# ~8 d/ t& P/ P6 |8 `0 _' J; X6 z& F* C
if (document.all||document.layers){; q- d3 {' {# x  X
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')* G& G" }8 @) _4 b; ~& l: k3 W
window.onload = initializeBall;' O$ `# O4 B. {& ]( F0 r% w
window.onresize = new Function("window.location.reload()");
7 Z  m4 m0 u: C* |) F}6 O3 }! W0 f" }9 B# O( Q0 q2 W# Y" ]
: M$ q1 D6 n# }) `
</script>