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

zw2004

<style type="text/css">
5 z6 N6 z% J3 ^#supertext {
7 @3 P6 r/ M1 {' V& m6 xposition:absolute;
' @. [$ S: Y, R7 aleft:0;( E1 ~+ }* M) {2 d" E! _0 @
top:0;
8 Q1 a1 r2 o& f% r8 B( i6 c! Lvisibility:hide;! A: W4 C+ [6 y0 ?3 L) v# U
visibility:hidden;: j' q  s; N; R5 X9 c6 u
}
! ?+ s" N( x8 k) g( v, n& Z</style>
$ `  L$ l) |' I2 g! a3 Q" u( i<script language="JavaScript1.2">" I: ?$ `; J! f9 b; a! B2 l
<!-- 改变下的字体的大小。颜色-->) N) R$ n% l9 P% H
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'' k# Q6 Q5 R2 {/ f+ c. H, b- _
var hidetimer='';2 H: h% ~, B( W, l3 A
<!-- 改变下的弹跳速度-->
: Q$ l2 m$ l: c% v  jvar BallSpeed = 20;
# r3 A! g4 d! N8 r- I# Lvar contentWidth;
& I1 U- g( h* ]! P) A% [5 Yvar contentHeight;
& D. D) Z( i8 m1 I: ~7 `" ovar maxBallSpeed = 50;/ z* k0 d$ A6 N0 `
* ?4 U( z9 H3 b! C" c) R7 [
1 @$ A5 V0 Q* n# A' K- s& _/ [8 ]
var xMax;" j& M* T1 b' H  r; E/ |8 p
var yMax;& q: W. y' n" ?7 \7 R
var xPos = 0;& ]3 k5 C2 j' k& w3 q( L% S) U
var yPos = 0;
5 l" K" g5 E! I- ?. Uvar xDir = 'right';
  w, H- `/ g8 q  {% x( U7 ivar yDir = 'down';
- e1 I  B* _- a" r& O8 {var superballRunning = true;
" k0 t5 P6 i# q" ?2 j4 M/ I7 Svar tempBallSpeed;
& p; T( @8 K9 M9 {: c- s& Nvar currentBallSrc;
3 q2 e$ W/ c1 H7 \var newXDir;
+ {" ~1 `8 l/ ~( l6 Qvar newYDir;
/ ]% D6 n7 S5 q: V3 c+ r1 F% h: e* Q/ ~5 w! _- t  t
function initializeBall() {
0 D* ~  [6 T' C  W" m   if (document.all) {  K- |# e. D) G2 U
      xMax = document.body.clientWidth
9 y+ w% C6 F( h. m% l2 @      yMax = document.body.clientHeight+ Y/ `4 t: m  u. L2 }0 @( Y+ T
      document.all("supertext").style.visibility = "visible";
0 h: T' [& @" c% Y# {( O      contentWidth=supertext.offsetWidth
  ?9 ?9 X; \6 A9 j; K6 u      contentHeight=supertext.offsetHeight
  Z6 d6 [, Y" A0 ]      }$ B9 g3 \& m4 |4 U/ e6 K- `
   else if (document.layers) {
, N9 P0 h# f, R) W      xMax = window.innerWidth;
% r+ o4 H  ?( f% p5 a      yMax = window.innerHeight;" u2 I0 R/ N3 t4 C6 I) k
      contentWidth=document.supertext.document.width8 z! a! ^9 p: O# d: V, |
      contentHeight=document.supertext.document.height9 S! r  B1 f& K1 q8 M! @. M
      document.layers["supertext"].visibility = "show";
0 V. f" u  B5 f      }
8 j+ P+ r" L! F$ \0 ^' ^   setTimeout('moveBall()',400);
/ x/ c- v6 \/ A8 o) q# u   if (hidetimer!='')
: f- `1 i& d7 y- r   setTimeout("hidetext()",hidetimer)% ~6 w% H  ~! }1 K! F5 _* f
   }
* }* w3 K$ B: t" }! U) j, g5 _/ t" Z# d6 }1 y# G+ C" k. h
function moveBall() {* d. `1 }- X) u. n& T) @
   if (superballRunning == true) {
% e0 u9 z  w" ?- B' d2 L      calculatePosition();
$ L, X8 y. n8 _% E" K' _# X) W      if (document.all) {
  d' R- h% y2 @- ^( J" R7 R         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ m. N: x4 i* v2 H* T- X- E  h' L
         document.all("supertext").style.top = yPos + document.body.scrollTop;! d# s5 u" u4 U* ~
         }
9 Q6 l0 U# n1 l! |3 l6 A4 e      else if (document.layers) {2 u$ t. r3 W+ }
         document.layers["supertext"].left = xPos + pageXOffset;
3 N5 V/ W6 a- G+ O         document.layers["supertext"].top = yPos + pageYOffset;
; P! |; F3 ?: G8 V         }  S7 \6 n+ U! r+ N) V" H
      animatetext=setTimeout('moveBall()',20);
! N$ [/ C+ i, `+ y3 ?/ b      }& r: ]' [  Y* L% ~
   }
/ z2 n0 P0 B2 }9 q' m# n1 r' a# v; L5 e" P+ c
function calculatePosition() {
! }# ?% s& q9 j' [% O( J- b/ }; N   if (xDir == "right") {! F5 x& g1 k$ D6 v' e+ l  X! a' n9 e  ~3 \
      if (xPos > (xMax - contentWidth - BallSpeed)) {) ?- X- K7 g/ q4 j8 ~
         xDir = "left";
3 s- h& h/ M8 x+ X$ Q" i; Z8 r6 |         }
( X2 A# u# @: R& }8 L, W' C0 S* ^      }
% r& J: H) g: ^3 ]1 Y   else if (xDir == "left") {
% c: K& v3 `7 H! O      if (xPos < (0 + BallSpeed)) {! V, ?$ K+ S9 z. I, @3 E2 c
         xDir = "right";
- ~  G( t( W) v. O0 W         }
! C4 {2 I; M1 f& Z: @( L      }1 x9 d/ l, D6 K3 X1 X$ G0 N2 h" s
   if (yDir == "down") {
8 l. i/ o: X% I, X      if (yPos > (yMax - contentHeight - BallSpeed)) {4 t  T( r  \" ]
         yDir = "up";
2 I; M3 w0 e2 o- m% |         }
* J: X# l+ E5 O) c0 n      }
$ O0 W# n6 e( c   else if (yDir == "up") {- e1 T$ q5 G0 [0 \# d
      if (yPos < (0 + BallSpeed)) {* V. q* [! [5 c
         yDir = "down";( \2 w0 h) n; c5 v
         }) r- z: z% s; S: B- t& j, P
      }1 K* ?$ U2 S# p
   if (xDir == "right") {4 v! u- K0 i! W1 t+ _  P
      xPos = xPos + BallSpeed;) L. r# [9 w( i
      }7 T# N% v. e. @' D6 X5 I5 j* {
   else if (xDir == "left") {, r. b2 K9 K& b# Z- I* W
      xPos = xPos - BallSpeed;
/ ]0 T9 h2 z7 c7 z5 E) E      }- n5 S$ x* p, @( e' P
   else {
( h$ ^: ?4 _6 D$ s' Q# y      xPos = xPos;' R7 l. r1 @2 a$ F$ z0 u, X
      }4 H" B% _1 ?) O) X2 s% w& c% h
   if (yDir == "down") {
5 X/ d. K9 y8 v) t! y      yPos = yPos + BallSpeed;) e7 @; i3 F- i( @+ X
      }
4 S0 A$ e- C& i( j) Y  S   else if (yDir == "up") {
+ o3 s7 L6 X$ y' P( m      yPos = yPos - BallSpeed;' ?# j1 v0 T8 }# c# \: g4 j/ H: \
      }
' O# g  j) h9 G   else {
/ d; P  t+ N! G$ \      yPos = yPos;6 Z8 B; }  P' K! E- `7 Z, D. r: [$ A
      }
! ]# ~8 c0 R7 J9 H   }
/ `& ]( C. z# U4 q  \- R  g( i$ l, o  ~3 G. ~
function hidetext(){
. n* F; ?9 ~( Xif (document.all)
8 {* T; F+ w! v# l- O( `+ Fsupertext.style.visibility="hidden"6 A8 N* r2 |# R6 @4 s0 y" ~
else if (document.layers)
" X5 s& F( h: Y; e' g* ?2 U! Mdocument.supertext.visibility="hide"
- o7 P) p; Z4 K# T  D, ^2 LclearTimeout(animatetext)4 E' A" t8 d8 y7 H( t
}: ~$ N" b- y5 }5 L5 d$ w2 y

6 J& w1 e5 }) Eif (document.all||document.layers){
6 r6 E' U* Q; @$ R/ ~: _document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  I1 K. e! s6 {- @. C6 v
window.onload = initializeBall;
, i5 Q. P  i2 ~( Hwindow.onresize = new Function("window.location.reload()");& W$ I2 _! u* d
}
. S6 r2 b: F1 O* y- M3 Q: c8 z/ D! d
</script>