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

zw2004

<style type="text/css">- T( X' F. t, [9 l4 @6 z
#supertext {
: J7 O) f$ H3 z8 U* p- i) Nposition:absolute;8 W9 r8 _3 G( ~' u
left:0;0 p0 w7 i: z6 r( k$ d
top:0;
8 Q* D; i2 P" |# o  Jvisibility:hide;
: e6 h8 E* I! f) l. ovisibility:hidden;
( z$ j$ R6 V) e9 r% R( d1 \* l% K}
8 h6 v9 ^) N4 s, f3 ^  z; [' X5 c</style>
6 J; d% g% ]9 M8 f5 i<script language="JavaScript1.2">
% m$ @$ u( h3 `5 |+ Q<!-- 改变下的字体的大小。颜色-->) `2 Z" e$ w% _9 d' e2 F. ~, j8 L; h
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% q% _( l9 e" G3 s$ {, a4 d
var hidetimer='';
& k$ e7 M% b: {" {4 `1 K, T  b. j& S* t<!-- 改变下的弹跳速度--># Q" [3 Y0 |. C- B3 u
var BallSpeed = 20;
) ]. G6 N6 E( g  C5 o: ovar contentWidth;
- }# `: q& L7 v5 a, f6 [: f: w$ t/ Nvar contentHeight;" \% C7 X! p! C+ i  ?7 y7 w
var maxBallSpeed = 50;6 w: a8 f5 [6 m- h8 c' {& x

/ v) C  |6 l9 S/ m( F9 S" f0 d+ V* @9 I
var xMax;
+ J1 X8 a/ H5 c  i& \var yMax;
2 x1 t2 Z" e6 G6 d$ {, Cvar xPos = 0;
) w' \  p) m% z! ^; C+ A% ?' ivar yPos = 0;
+ B, J; W4 b$ ^8 [5 C6 T! Wvar xDir = 'right';0 c4 g& C# W- v7 L% s) j( |8 A: g
var yDir = 'down';
  q9 p0 a* W" @2 ovar superballRunning = true;
5 c; p) L; k) }& Y1 Svar tempBallSpeed;7 Z9 I0 E8 T5 H( v
var currentBallSrc;6 t2 a9 l+ L2 A+ b0 V* f( c
var newXDir;. Z; R3 a4 ~6 g. N* y  e
var newYDir;; C3 Y# @, A" k4 o$ B
3 N$ X# y$ [  ?4 l  v6 S
function initializeBall() {
% Z1 {6 E! T1 o  V9 u0 M6 Z   if (document.all) {
/ j( A* r' k0 p0 j: [# @4 x      xMax = document.body.clientWidth) N6 Q- f- z2 Q% q8 W. Q; {
      yMax = document.body.clientHeight
# N+ {. b1 w' j2 O      document.all("supertext").style.visibility = "visible";
; \! r5 H2 Q& R. G) `' c6 d      contentWidth=supertext.offsetWidth6 d" p" I! v6 j6 g; C, ]* R
      contentHeight=supertext.offsetHeight( G  I" h+ T! }! d( w: |
      }
% _' N. B1 J1 M' J6 M% e" @  L, k   else if (document.layers) {
1 n. N; S5 Y+ z/ N  k( W4 P8 n      xMax = window.innerWidth;
$ s! ~! k! l) Q* k" o6 r      yMax = window.innerHeight;
! _, a4 `9 z/ D; O      contentWidth=document.supertext.document.width& d- H3 o) m" t2 P3 b
      contentHeight=document.supertext.document.height
: C1 x6 Z, a# J* F      document.layers["supertext"].visibility = "show";
( `& S. e2 R* V# x2 S* N, M! q      }
0 P$ {+ a+ `/ b: i   setTimeout('moveBall()',400);5 \9 i2 N0 m$ u2 N/ j/ x; G4 O4 z: p2 K
   if (hidetimer!='')
0 W3 t' v! p. A5 U3 n) v   setTimeout("hidetext()",hidetimer)
; [! a7 c8 `' r3 F' F5 K0 g$ K   }
& I& {* k! Y+ d% @/ n0 y( ]  e# y5 V7 e8 i8 I5 t) F5 K
function moveBall() {+ M7 I& U3 q& `% }
   if (superballRunning == true) {& N0 [* g( F: {% X
      calculatePosition();
8 l5 \) l8 x8 ]( ]      if (document.all) {" ?+ ]2 d1 Y- V
         document.all("supertext").style.left = xPos + document.body.scrollLeft;! J' `. W' @3 V8 q' r% K) t6 G
         document.all("supertext").style.top = yPos + document.body.scrollTop;
3 m8 t. B7 \1 P& ]: {$ s         }2 Z: u5 [" P) ]; @; e: S
      else if (document.layers) {
& l' {4 R# M! j         document.layers["supertext"].left = xPos + pageXOffset;
) a7 N5 }/ w9 V: \( V$ Y5 n# f         document.layers["supertext"].top = yPos + pageYOffset;
) ~$ e) o! Y/ p9 A         }
4 h- {& _! Q0 ^      animatetext=setTimeout('moveBall()',20);+ t% n7 k% _# h" G8 U
      }
0 v! A, h8 A. y" r7 T   }% t: ~7 l8 X3 e: d8 a

6 @" a& w8 D. q" k9 N. t( D6 Hfunction calculatePosition() {
' I4 ?" B. r2 H9 E8 r3 ~$ e   if (xDir == "right") {
) l# w/ h$ M8 x      if (xPos > (xMax - contentWidth - BallSpeed)) {
, J: Y- y) q" x+ |0 S% ^         xDir = "left";3 \; F4 w+ e5 D6 @5 ]$ G
         }  }8 n* t) D/ Q5 R8 g
      }' m/ P% j. f# K- Y  r
   else if (xDir == "left") {3 f# t! {+ N( ]
      if (xPos < (0 + BallSpeed)) {
( I3 s" d" q, o! G8 `/ G  b6 r         xDir = "right";
7 d) ]7 E* j: D* i5 N5 E# G         }9 N1 A2 K  Y$ E# z: J3 _& x
      }# a7 b: Q7 H! M. E4 [5 O) h/ j5 |2 {
   if (yDir == "down") {* ~+ T) {* W% E
      if (yPos > (yMax - contentHeight - BallSpeed)) {* x& w6 ~. B$ K; d" b
         yDir = "up";
" q8 @$ x  y) n* ~         }2 v" S/ V; Z6 W" j" o( \
      }8 A4 h  ?% Z  Q0 ^7 O% B  e
   else if (yDir == "up") {" I- Y( S* O2 I$ n
      if (yPos < (0 + BallSpeed)) {- U& x: V2 K0 A( i  s
         yDir = "down";
: `& u4 B8 U( g; E0 ]* X         }% V1 ?3 e" I( m5 w
      }
' X; f+ ]) f) w( {( g: z( B- \   if (xDir == "right") {
4 t1 Y5 a5 n/ {, E+ Z      xPos = xPos + BallSpeed;
, o: ~7 W6 ]! S9 ^4 n      }4 V* A6 C( C# s5 n
   else if (xDir == "left") {
5 ?" A/ x! C5 [1 }      xPos = xPos - BallSpeed;
3 f. d3 O- X( w: B* L, ^: X      }' d- V/ U& I% u1 |9 Q
   else {
2 b4 t: ^& w: z      xPos = xPos;7 e* S! W" c2 Z3 {  T/ n3 J4 f, q
      }
) ?% w: b2 p2 y   if (yDir == "down") {
; M. f4 i+ E8 j; n  w      yPos = yPos + BallSpeed;( p9 j4 o, t. f$ [! z* o* l
      }
- s- o4 B" R8 M   else if (yDir == "up") {/ U( Y' |! f2 f' [
      yPos = yPos - BallSpeed;2 r8 {4 o( p" V
      }7 L6 [4 H" N: y6 A/ S( C0 ]6 [# g1 g
   else {8 n0 O& D3 b( l8 I2 ?
      yPos = yPos;
3 |0 X# _. X* s; q# ^; ]      }* G( ^0 [( F: H' S+ N' f/ S
   }5 @3 c: \/ f( D, k  S
1 U4 u) y$ }) E- T
function hidetext(){$ Y$ j8 E9 a1 a% K, N
if (document.all)  k$ e- |( d% k: Y$ M
supertext.style.visibility="hidden"/ u/ D; h2 |6 }
else if (document.layers)/ H& a  P# H& l* F: g+ F
document.supertext.visibility="hide"
1 \) k. M' ^* R2 h7 ^clearTimeout(animatetext)) A+ L' i# g, e' h! K* o
}
& D4 w! {5 b0 O6 ~- m; a  U/ l
6 N4 ]) q7 {$ d, z9 u, R7 Qif (document.all||document.layers){5 H; U2 d# a! J3 x# s9 U& ~
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
  ^/ A6 ~, m2 O/ p7 |window.onload = initializeBall;
5 e% S+ ^! Q* l# _* ]. V: ~- X; Nwindow.onresize = new Function("window.location.reload()");
0 i# H$ w0 C! r6 v- v2 `% M}- k9 q" v4 r% L; i; J7 f- h

8 u4 Z; a9 {( t7 u* c8 G</script>