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

zw2004

<style type="text/css">$ i4 k7 c+ E3 J! F
#supertext {
$ B0 z5 O- Q: O8 @1 m' T1 x  fposition:absolute;. y0 k* K+ l9 E0 i
left:0;
! \+ B) A# `" V" S/ qtop:0;
( j6 J7 z6 `" b' T. ~) k6 Kvisibility:hide;
8 V; w4 a, ]# {0 \% j* _" g: Nvisibility:hidden;
" X3 y' z; T4 f( ~; N2 b}! O) N; V! P9 @; r0 k
</style>$ L: s1 ]9 k, R# F  J' R7 Q# D: Y
<script language="JavaScript1.2">! x& }8 E( U3 @
<!-- 改变下的字体的大小。颜色-->& Y, y0 P' u3 Y
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', P2 P5 P+ v+ S$ w/ }& [+ O4 N
var hidetimer='';! M  e- ^) Z$ `8 `3 Q$ }, ~
<!-- 改变下的弹跳速度-->4 Z1 Y& B: f1 G
var BallSpeed = 20;
6 d" A1 [, A/ V4 O4 z) m# W' Nvar contentWidth;5 f& L8 ^) _+ H2 t+ L$ d! _0 w
var contentHeight;
, j: c0 C2 V2 ]+ v# x% vvar maxBallSpeed = 50;
& b' h& J( u$ B+ n
* j8 K6 z5 a5 T" p0 w5 f, @8 `7 }* b- b9 A5 R3 a
var xMax;0 X+ _- ^% S# S; K
var yMax;
' z, N# t9 T' g% Tvar xPos = 0;7 o9 t9 Q& R! a1 g0 e
var yPos = 0;
% e! N/ F! U8 svar xDir = 'right';6 B( F1 A9 d( a0 g$ K* B9 V
var yDir = 'down';
+ |4 W; L' k! |$ E- w! s5 pvar superballRunning = true;% }# f) K5 Y: n2 H( L
var tempBallSpeed;
3 e: E$ ]0 f, q! D, Yvar currentBallSrc;
+ ^( P5 s- N0 s( ?4 U( l2 bvar newXDir;
7 d! I6 V. |1 E0 [var newYDir;: r) r8 I3 y2 k

1 G* \2 _9 N2 w6 F0 ]2 r4 G3 Tfunction initializeBall() {
( O8 p9 Z( Y# F0 ?! N# d   if (document.all) {* Z& P5 o+ A- D4 O' b) ?* o
      xMax = document.body.clientWidth
' o% m. [+ S3 f      yMax = document.body.clientHeight
  F& E( j- l* |1 H# t! F      document.all("supertext").style.visibility = "visible";
* z. L( j/ J$ y! D      contentWidth=supertext.offsetWidth0 [* ^% j! p. k+ h3 o- k
      contentHeight=supertext.offsetHeight
- M" n9 _" O$ h  Q" s0 J      }1 _5 V) K( I$ G2 a/ S
   else if (document.layers) {5 z/ h4 r; ?' m6 I; e
      xMax = window.innerWidth;# ~7 _$ w/ P" l6 i" j, p; J+ R
      yMax = window.innerHeight;4 s6 y, l* {4 u9 m# U- d& V
      contentWidth=document.supertext.document.width0 h8 f1 U8 F! _/ g
      contentHeight=document.supertext.document.height5 h0 s6 \/ J( T- n5 V6 Z
      document.layers["supertext"].visibility = "show";  h1 e; J4 P8 X: f% X. C
      }/ R; t" S" c& a6 |( c
   setTimeout('moveBall()',400);7 ?' p  O& F! S! ~! E
   if (hidetimer!='')3 g' j: l# ]/ j" ^  U
   setTimeout("hidetext()",hidetimer)
3 U/ T# T8 ]! B+ ?8 }5 F$ m   }
) K1 G* r* B% a8 ~' e# J7 W& e4 e2 E
function moveBall() {
1 t3 j$ Y# b* ?  X+ E3 `   if (superballRunning == true) {
' l3 |1 {7 I$ h6 w: ]  t) Z) H" D      calculatePosition();: G7 t" o% Q4 w$ x
      if (document.all) {. u! o% z# ~0 m) b4 _. ^. T0 o
         document.all("supertext").style.left = xPos + document.body.scrollLeft;0 t/ I" h# L( ~( ^. o. q
         document.all("supertext").style.top = yPos + document.body.scrollTop;5 y  F" n+ O3 _* \5 i
         }" C2 S' T+ Q  Z1 R  Z6 e5 v9 T
      else if (document.layers) {' u" v7 `; h: B( _1 U
         document.layers["supertext"].left = xPos + pageXOffset;, U9 q; Y, b2 P$ _9 T
         document.layers["supertext"].top = yPos + pageYOffset;, C' ]# w' ~4 y( W7 Q: M
         }, x. ~4 N% d3 B$ A
      animatetext=setTimeout('moveBall()',20);! ~8 R7 i0 C$ O! B) p6 u/ ~
      }+ u& |( O1 }$ Q4 f" `7 j
   }; {; L# y& T5 c) r
. f4 B  v8 l3 j( R* I
function calculatePosition() {' {( E0 Q- \0 b5 S! _
   if (xDir == "right") {' W9 U) D  l  q$ }7 f
      if (xPos > (xMax - contentWidth - BallSpeed)) {
/ M: L) Y8 ^5 n4 Q& h4 b# x- b         xDir = "left";: e2 s9 E$ f$ p' ^2 r: D. z
         }2 Z8 ?) G( v- f$ Q7 {5 m
      }% x5 O+ B+ o0 t4 R& i" ~( ~
   else if (xDir == "left") {+ l2 ~+ `) w7 A* f+ H
      if (xPos < (0 + BallSpeed)) {- J  g5 K3 G. V  g9 C/ t+ x
         xDir = "right";
0 F' B$ @' m3 ?         }
* c* ]0 a" \" H% h1 d      }
2 [8 C- [7 d5 W7 ~0 q   if (yDir == "down") {; T9 M1 I8 J/ C/ D. @
      if (yPos > (yMax - contentHeight - BallSpeed)) {
2 R+ X8 x$ B1 n. `2 g& S  S9 O3 K         yDir = "up";( S6 A" @) n3 `/ O
         }
6 |" w1 x6 P2 f  i* N7 o9 u      }. t( I3 n6 _1 h; _- \) C& w
   else if (yDir == "up") {
) j* m% D, [( c6 F8 \      if (yPos < (0 + BallSpeed)) {8 f! P* X# b: i6 E, ^6 v  g
         yDir = "down";
& B  ?2 m/ \2 A9 @: N9 t1 `         }4 B& I0 n- ?7 K4 }
      }# Q1 ?! R  z1 q& B
   if (xDir == "right") {
( |7 V# w# G, D5 E, D  h* d      xPos = xPos + BallSpeed;
# o. _, b6 o! f  G      }
( V6 S+ h9 n4 C' s$ i9 Z  _6 Z$ G   else if (xDir == "left") {: d4 F' ~  T8 S5 Q: W
      xPos = xPos - BallSpeed;
) \- h& M, [$ w! a' W1 }      }
( j# X9 x- R- D# I; j   else {
+ ?$ [$ D: H6 t) A) q+ T, F      xPos = xPos;" m# T4 l4 J( t1 w) \, t+ w
      }( W( Q) d9 E) I
   if (yDir == "down") {2 R  z% @$ g1 @9 h) _
      yPos = yPos + BallSpeed;
" F9 r5 c# T. V      }9 i/ N8 h0 f7 R4 d/ F- H
   else if (yDir == "up") {- S' [& l6 l8 U8 ~( t+ \
      yPos = yPos - BallSpeed;
+ c: ?1 W# P7 {4 `9 ~; D0 ]      }
. j5 N; g6 B  A1 `5 _  `   else {
2 K' D( d  e# C" x' [$ k0 W/ V" Z/ z      yPos = yPos;" j  [# U; B1 P3 K
      }6 m: N! ]- r' P4 L$ o; O1 g( g/ ]
   }$ C! O1 V5 {$ M1 ?. J
8 z( D) ]7 b0 q
function hidetext(){
9 u, w( x; o( ^if (document.all)
) |9 d2 g& s) t) G- W! I2 Jsupertext.style.visibility="hidden"' {+ D: c* r8 k5 J% B7 ~9 I
else if (document.layers)' u7 ~' H0 c% E4 ]  X& D; L# S7 d
document.supertext.visibility="hide": |5 k1 y6 a) N
clearTimeout(animatetext)
3 o( r! a, V8 `# t}
, w" A% E* {3 e3 B9 I
0 q2 m( z' P* p: h9 K$ s$ qif (document.all||document.layers){
5 s) n- \2 u+ N! }document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- |3 W  C; Z0 c$ `4 @
window.onload = initializeBall;( l; O8 p8 D2 k2 H
window.onresize = new Function("window.location.reload()");' P+ F' m$ q' y3 h8 _
}( x# S1 q% Z- J

  P" U. X' V. r( \2 n! M, }- M6 f</script>