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

zw2004

<style type="text/css">
3 K8 T( t; b+ r/ y. q#supertext {( R8 R3 r. t: q4 g- U, X
position:absolute;
, @2 @1 f* ]  O) o* a# I8 n. }left:0;7 \5 ~2 d% y/ X
top:0;
- K: U# K& _- t; `8 u3 tvisibility:hide;' M7 i( r  o# T) Y& J
visibility:hidden;
, d& G# _- t! X4 H8 h7 @}! X3 l9 k/ C9 r2 D' O
</style>4 E( I6 r3 h9 `7 s
<script language="JavaScript1.2">
9 v7 @% @/ ^# R0 V1 a, E2 i<!-- 改变下的字体的大小。颜色-->$ P  L" k) y# o( S7 w+ [. _- N6 q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 [' L4 i" C% Y& G6 A* [( A  Y6 C
var hidetimer='';
% v! c# U- K& O* T9 S! a3 o<!-- 改变下的弹跳速度-->
% ]4 ]) s' v9 ~5 Cvar BallSpeed = 20;9 i3 |1 K8 I# E
var contentWidth;
! R% K9 E& N3 [7 b$ J% [var contentHeight;( F: E2 a8 X4 `, }
var maxBallSpeed = 50;+ B2 {' f0 c4 [* S+ z

' p8 k- C! s( f8 @; T. M0 b: F* Y, [* F" _- U* E
var xMax;- u% F. u% H+ P
var yMax;( O" f  N0 X* D7 S9 ]
var xPos = 0;4 W' X' h- o& ]; r; d
var yPos = 0;- L0 q. V5 W* Z( e4 s( G% s
var xDir = 'right';
( x* R$ e0 ^. j0 r" `var yDir = 'down';+ r$ R! f0 t; b! [8 P- v- M
var superballRunning = true;
6 s7 q" e) {2 A' u4 E5 rvar tempBallSpeed;
/ G* n' F! @# v" m( G. ~- xvar currentBallSrc;
! l3 l6 Z) h9 C: `- W8 }$ Ivar newXDir;
% ]# K, b) c4 h! }0 _0 Nvar newYDir;
+ C; t. V+ z7 S" t2 p% _
2 `: ~, G4 d1 b$ z' B  gfunction initializeBall() {
5 ^$ @7 F6 c) t7 R" g+ _   if (document.all) {0 u3 P+ S! y+ a
      xMax = document.body.clientWidth
" c8 b6 M: N4 i$ e      yMax = document.body.clientHeight! z; k* r) d3 U& @* x* V* k
      document.all("supertext").style.visibility = "visible";
- H) r" F4 `5 S/ j3 L      contentWidth=supertext.offsetWidth
( J) e3 S8 s. s3 M7 k      contentHeight=supertext.offsetHeight
+ i; W1 a" x2 n8 J' i' J      }/ P, O1 `# J5 L; |+ N
   else if (document.layers) {) P0 X6 r" z5 t: Q
      xMax = window.innerWidth;5 M, C& T/ D2 \/ x6 m* _" z
      yMax = window.innerHeight;" G  O3 H1 S7 i4 b8 ]
      contentWidth=document.supertext.document.width$ `' e& G2 A% X
      contentHeight=document.supertext.document.height$ n! X5 Q2 ^2 u$ W4 U* S, }8 g$ l
      document.layers["supertext"].visibility = "show";& {7 d* ?3 D4 g8 a5 m) V% y2 W
      }
/ M+ x& a( _* {& T) C- _+ f( I   setTimeout('moveBall()',400);: v$ U1 {  m7 ^
   if (hidetimer!='')
2 g! `1 h+ |  T& O3 k! A, b   setTimeout("hidetext()",hidetimer)
( n3 L7 Y; I; v  t3 L8 T2 J   }
9 V, U6 g: t+ Q  I) h1 r" \/ J
1 q/ K1 `! D( A1 L* tfunction moveBall() {& {$ ?! {: o" Y! Z$ {7 w7 g3 n
   if (superballRunning == true) {- c/ {6 L8 |  j4 o! [
      calculatePosition();+ q8 k2 k' d) K* |' U: I% e
      if (document.all) {
# B+ E" n, y) y4 b         document.all("supertext").style.left = xPos + document.body.scrollLeft;
$ i; Z/ L9 c- `, V) \$ P& d) S; y         document.all("supertext").style.top = yPos + document.body.scrollTop;
  \) c) M; L1 D         }1 o* K$ D5 n# u- s" M2 E
      else if (document.layers) {( @1 Z8 F7 J# ~
         document.layers["supertext"].left = xPos + pageXOffset;
% x( ]7 C7 i4 _$ [: C         document.layers["supertext"].top = yPos + pageYOffset;
: ?8 P) o3 M) R; L7 y/ N         }
9 L8 S  f. Y! w. S- L( ^/ k  \      animatetext=setTimeout('moveBall()',20);
' y+ r( b, @' x6 ~( z6 o      }/ ^6 d; f1 q( @
   }' a- i( q- J7 q- M

7 v( c$ t! I# i6 y6 Nfunction calculatePosition() {
# c4 q$ l1 f9 S( g   if (xDir == "right") {$ B& [  R% {/ @  H
      if (xPos > (xMax - contentWidth - BallSpeed)) {! M( {% I/ P: Q: o; g
         xDir = "left";( M8 g; A" u) z9 ~
         }
3 F) G% _9 o7 }$ o% [      }
" D4 B* p0 t* [  D( g   else if (xDir == "left") {
% p/ A$ D( I/ y2 l! J6 W      if (xPos < (0 + BallSpeed)) {
$ S3 u8 f* h6 ]         xDir = "right";9 b6 b5 a7 b: S, @
         }
- c1 L6 k2 h' F: z' {3 I4 S      }1 ~: w! k% ~1 t7 }
   if (yDir == "down") {
5 ~! a- N7 e- C; |      if (yPos > (yMax - contentHeight - BallSpeed)) {
5 ]; X, V7 c7 p% Z         yDir = "up";
. x1 R# t. U0 ?8 O+ b         }5 ^' V3 E; b0 C3 X
      }
0 F& U' t8 M' S/ J1 Y! Q  O   else if (yDir == "up") {
! H% S# T% S- h) R# m* M) p      if (yPos < (0 + BallSpeed)) {( A/ ^  r/ |8 ^! x2 {
         yDir = "down";. L% X" R! j1 U; k
         }
5 n! R' G/ ], i; }8 R5 K3 d      }. v& f( f7 V( Y3 H  i
   if (xDir == "right") {
" Z- L3 w4 z4 K) e+ N9 a) m' d      xPos = xPos + BallSpeed;8 N! o, I) y1 e
      }) x& b; ?# d! ]4 M& ^- j" l
   else if (xDir == "left") {2 r1 R5 w, U3 v. Y) _
      xPos = xPos - BallSpeed;) A) x. Z; f' f8 Q5 X
      }7 s) S0 I  f0 f. I! g9 A7 d
   else {
$ Y% V) w2 v  H& ~      xPos = xPos;
0 }# |' M1 E2 `0 O( f0 Z/ H0 W      }
) m/ J6 z8 ~" ~8 f3 y7 z$ g" F7 F   if (yDir == "down") {$ ]; d* N1 h8 P" Z  y: l) r" b; R2 x
      yPos = yPos + BallSpeed;
4 C2 V2 x0 E/ n* R, x& n( j      }
' ]1 J# g4 K7 F* o# B1 \# b( Z   else if (yDir == "up") {8 \0 l6 x0 p$ _: T0 j
      yPos = yPos - BallSpeed;
, p, J) t) h8 Q; i& z      }# D9 t) p* T1 O: J  ^; v
   else {, d* k5 ]& ?% C- o  w
      yPos = yPos;; ]2 a2 B' A& A- B
      }
- U5 _* Z: R+ c6 E! J/ c   }& {3 V( |  p+ g: b
$ [8 Z2 H  F/ m9 k4 F, F& o$ t/ P
function hidetext(){1 \/ o# e& }, V2 t5 q8 |# j- M
if (document.all)+ u9 o) I' d( v4 E
supertext.style.visibility="hidden"! E8 e$ ?, Q8 K# H9 n$ U. A
else if (document.layers)* p9 q4 o5 @3 D; W2 \) u
document.supertext.visibility="hide"
& n3 X+ E/ ]/ r* ~clearTimeout(animatetext)
: {  P6 ?/ [! F) F# t1 V# v}
. [- S' Y9 k# l8 Y: v, O2 V" a- [$ P. _( G8 z$ g
if (document.all||document.layers){
9 a# E* I2 r& Q. X" {1 fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& ?; Z- ?$ z; ]0 F; L6 Wwindow.onload = initializeBall;
3 F0 t: D) K9 P- g3 b) mwindow.onresize = new Function("window.location.reload()");4 {# p) p, a7 H5 s" t
}: B1 `" n9 T4 e5 S) y

; {* F4 Y% g& p- w+ V. H: c! Q</script>