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

zw2004

<style type="text/css">
  P8 J$ e" C+ T& d& P$ w#supertext {3 s7 D9 C( H6 d( b$ j" J% B  P
position:absolute;3 Q* Y+ I9 [1 X& ]
left:0;
5 `  ?2 }1 x7 X+ O( r2 ?8 atop:0;
* x% U) k0 U* ?, ?8 H3 O* [visibility:hide;
( T! e, V! g/ o: p0 A. Q* ivisibility:hidden;' l- n1 `& u  p! q$ Y4 Z
}
- y3 h& ^; U. _2 G* N! F; `. e</style>; T. a/ ]6 p4 j. s' X  P
<script language="JavaScript1.2">* {0 ?- S6 }& X1 j5 G. J4 N6 `% \/ A
<!-- 改变下的字体的大小。颜色-->2 t2 d' M. f' U" g' z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& i8 n# z" [7 O/ ?3 _8 _var hidetimer='';
0 i2 `% x) D- [" e/ H8 n2 r<!-- 改变下的弹跳速度--># a( f7 e+ ^6 n% X# C# D7 L8 R% s
var BallSpeed = 20;
( D4 }: Z+ r! ^  ~var contentWidth;1 g2 b' y" V1 n) ^! I3 t& G
var contentHeight;
6 Q% C0 y6 ^' T- Ovar maxBallSpeed = 50;  J9 @5 |! u' B1 C' V
" r$ p# K2 u. C
& K5 E( J' E, @- U% o
var xMax;
/ a" j# d4 V) _/ hvar yMax;$ {. X$ l8 l! W( s
var xPos = 0;
- @0 I' E2 K/ \: Pvar yPos = 0;+ a2 v2 x* e" b% `
var xDir = 'right';
9 U) h3 }0 v( }3 O3 ?var yDir = 'down';0 Q7 E) H4 F) }% G
var superballRunning = true;
8 F4 Y) N' q. g  U4 d$ A) K) {1 }6 [var tempBallSpeed;3 C6 o; `+ i# X
var currentBallSrc;
  j  w+ q+ n7 j1 M/ Bvar newXDir;
. z% b( x, d% O$ H7 W* Fvar newYDir;
# p/ C- k+ Y! o
: \- ~0 v/ w- O. Mfunction initializeBall() {2 l$ A" R4 o2 l1 R0 \( t3 \
   if (document.all) {
$ g0 l6 c$ C) `& [+ H8 ^      xMax = document.body.clientWidth
  t/ U0 ?. ^" ~/ y; ^2 b; R$ R2 c      yMax = document.body.clientHeight- L( T5 a0 N- j. V  d1 c* [/ A
      document.all("supertext").style.visibility = "visible";7 [; M" C0 P& z; e- B! k# E+ S
      contentWidth=supertext.offsetWidth
$ @3 c: @, t/ A5 {* Z; X3 }      contentHeight=supertext.offsetHeight
5 y9 C$ b0 Q7 p      }
1 L) Y. n9 V" C0 N   else if (document.layers) {# I( a" F5 b8 d
      xMax = window.innerWidth;
' I, a. y  N' {+ O1 U      yMax = window.innerHeight;9 I$ b5 G- a6 i, z
      contentWidth=document.supertext.document.width
% M/ s3 i( N% F" ?# C: s/ V! ?% t      contentHeight=document.supertext.document.height
* I$ P6 Y+ a6 ~/ j! y2 B      document.layers["supertext"].visibility = "show";
. ^9 Y& [  ?& q6 l: U' n      }7 c6 i/ {3 I6 _3 Z+ g
   setTimeout('moveBall()',400);
: w2 K0 H5 B4 T8 M0 I   if (hidetimer!='')
( k) K, f. X3 w8 @0 g+ i/ q   setTimeout("hidetext()",hidetimer); M! n: H- _* P- {: T
   }( {! M, u1 ?$ W5 o

. c" w. h% i3 D, z3 ~* k* Zfunction moveBall() {/ P* l# T/ `+ E) p8 N
   if (superballRunning == true) {9 t, w  ~$ U/ y9 M% V& u) ]
      calculatePosition();
7 e0 K- D0 d& T8 v+ I4 @- L      if (document.all) {
* @9 {: ?6 w) i$ x$ k3 q, h2 |         document.all("supertext").style.left = xPos + document.body.scrollLeft;
# P, Q2 y. x8 j         document.all("supertext").style.top = yPos + document.body.scrollTop;  M3 m0 a* n0 Y1 T- N$ O
         }
0 |- A6 T6 d! p) e* X( l( O+ I$ J      else if (document.layers) {
; h: ^5 N( ]3 C* A) i- r% O         document.layers["supertext"].left = xPos + pageXOffset;8 h5 t  ]* z0 P8 m
         document.layers["supertext"].top = yPos + pageYOffset;7 }- |; w% m0 h8 P
         }
' o, W1 m+ h: _, }, d      animatetext=setTimeout('moveBall()',20);0 x# l3 l4 p! z% X" O- e
      }
+ j" X+ i; t2 m( \- h0 \   }
6 n! I% G! B- ^( z* w1 Z: {' s; p7 V# a& g# E$ a& E6 N: L
function calculatePosition() {' T( W7 @8 ?. ~1 Q" S
   if (xDir == "right") {- `* S: Z/ U3 e( e- _7 d" O! U
      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 [4 p" {. U, M9 q9 u$ z  S         xDir = "left";4 }! a) X- F# e$ l5 S2 V# H7 L
         }
% M! n8 e( b. o3 s& L' T- F; a      }$ h/ p0 G+ Y' I: V! d
   else if (xDir == "left") {% r$ `! Q0 P8 Q# E. a3 A
      if (xPos < (0 + BallSpeed)) {3 W" d. s: P( m, O
         xDir = "right";
. X& P4 G7 |; Q; t         }
3 [4 f) }* d9 _, y$ A      }
, F) ]2 A# B# r4 w$ `" |" A! P( h3 [   if (yDir == "down") {
0 ?( z/ I( g( P+ {# l' L      if (yPos > (yMax - contentHeight - BallSpeed)) {
% |; s( K6 d$ I4 P6 T         yDir = "up";
+ R  Y% _8 v) t! P         }
+ r0 V% V3 J! R' D6 r      }
* o* K& o/ q8 U; a& e7 y7 E  C2 C   else if (yDir == "up") {3 k' X! h# ^1 D) y
      if (yPos < (0 + BallSpeed)) {
# z( \2 W: P/ i! b7 ?4 B# x         yDir = "down";
" ~9 v0 `/ _8 F4 E) _3 \         }
& j0 n1 |; d) d; v( h      }$ ^3 s7 F: `- \7 _- L7 J9 V
   if (xDir == "right") {( ?( p( V4 E- I/ D) Y2 Q
      xPos = xPos + BallSpeed;
% L9 c8 R& A+ c+ o7 O: A      }
; j- Z' _3 B& a2 }7 q5 w4 d   else if (xDir == "left") {
% D$ J# L! U4 R7 t$ d' _! z% b      xPos = xPos - BallSpeed;, {- G/ D! z4 s% e
      }
) q% e) k/ m/ u7 c- m9 A1 U   else {
7 [% l7 K* T* P* P" @. a      xPos = xPos;' p+ s% K. Z# h; D) r4 O# n
      }' Q/ Q3 q7 d! L5 c
   if (yDir == "down") {
( b$ o# N! K2 v% L  }      yPos = yPos + BallSpeed;( f& a  Q3 C, A: W- O1 x# U9 S
      }& ?7 E- \# o) b( l$ n0 w! t
   else if (yDir == "up") {
7 D/ y, h" M7 V      yPos = yPos - BallSpeed;
2 f0 H" g2 T: ]      }: w7 i0 X- m/ q+ f* B
   else {
( y7 n7 q  _  W. a- ?      yPos = yPos;
; E+ T: f9 b( V  E6 H- V: R0 f0 O& a      }9 l. {3 L+ G) j& X$ |5 D" x4 A
   }
0 ^9 T% f4 {" [  a6 Q# v% H0 q
% g; c3 a! W, E3 E' j- |; Vfunction hidetext(){
; ?- |% j+ K% I5 N: rif (document.all). r* r$ ?' K8 `# h" J
supertext.style.visibility="hidden"
: d. u0 `8 q: K; Ielse if (document.layers)! J& L/ K0 U% N) c. k8 x4 B
document.supertext.visibility="hide"
6 p+ i, h# B; H9 [. Y: q. ?, H/ ~clearTimeout(animatetext)0 Y5 i' B8 S1 p( ~
}1 g$ ?/ w3 M0 H2 s# U. Z

# C' A5 v, e! H, {' y8 \9 w! [if (document.all||document.layers){
# p1 ?3 Z" l/ Z0 J/ w/ x* ?/ G3 Rdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# @/ p( N! t$ n/ F; R
window.onload = initializeBall;
' b- D, }8 w& _6 b  Wwindow.onresize = new Function("window.location.reload()");
; x; [% E. n) n8 G$ o}& n( @; Z% j/ i2 N3 T; {
4 {- x' L* ^  S4 r  [
</script>