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

zw2004

<style type="text/css"># _7 Y* I) @9 U
#supertext {
8 V# j: T2 W, j, c" F8 e! Xposition:absolute;/ L" A# G+ U, x0 D3 P9 l1 ~# O
left:0;
( K* D5 ]  i5 o$ J  I/ mtop:0;
/ B' u' d! _% Z" z0 V" ^/ d7 g/ zvisibility:hide;
! k5 ]% j. O) ^0 Fvisibility:hidden;8 G# x0 i2 f3 C! {8 V8 D1 ]+ u# K
}& w% T; O( Q2 t: X. u9 I
</style>
7 @( U, m% c" O- n/ a! Y<script language="JavaScript1.2">
! e$ e; K8 B9 n<!-- 改变下的字体的大小。颜色--># C( j3 Z) _% y2 a& w0 B, d& X, I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 o9 Q, ?! G" O, \$ d. S% pvar hidetimer='';9 E/ d* W+ p, l/ a$ o3 `3 M
<!-- 改变下的弹跳速度-->" `( E$ B& U/ N
var BallSpeed = 20;  A5 V0 `$ R3 y) K# V7 Q9 \% s' ~' z
var contentWidth;
) Y; r9 w. b9 o6 f# n/ Dvar contentHeight;. `. Z. U3 z! ?2 s7 G8 ^8 l* Q" y% Z
var maxBallSpeed = 50;' o" J7 f5 q% f: B  ~8 m
6 U  r- j. v. z7 o0 d8 }& Q
2 a- L3 i# J, P& P
var xMax;
  }; x0 t. D/ [: l" s0 tvar yMax;6 T, ~- q) y8 U# k
var xPos = 0;
2 T2 T8 e0 m, k* hvar yPos = 0;' w/ p' Z# B: R1 w* f
var xDir = 'right';
1 W& e7 m, s5 h% t9 Dvar yDir = 'down';& U- p! ~( B/ {) _; u
var superballRunning = true;
, Z8 A2 m, y4 }% N6 R# ~2 H3 fvar tempBallSpeed;
' S9 o8 B" I' c, E$ O* c! k, \var currentBallSrc;
' x: @4 z9 S3 \var newXDir;  E/ d  I: }1 t9 v, X, \
var newYDir;: c& K9 d. M  d

5 m4 k; E5 c! f! p/ g6 h& jfunction initializeBall() {
5 C' n; G; L. ~5 F% V* r  Z8 t7 O   if (document.all) {& H: S. j/ b" Z! w0 L) L. Z; V
      xMax = document.body.clientWidth( w( h" |  h' Y( _/ D
      yMax = document.body.clientHeight
; d! A. c% E6 O, \) `      document.all("supertext").style.visibility = "visible";- e1 [: F7 M0 `7 y5 t  a  ^
      contentWidth=supertext.offsetWidth6 T+ D! W+ z% Y( A; c
      contentHeight=supertext.offsetHeight
' Y1 y$ [2 k8 g& I9 O7 I      }
  u! B. H0 R7 @8 q" a  F   else if (document.layers) {
* t6 Y: X: T) ~6 @8 j" R' K      xMax = window.innerWidth;' }$ Q7 p  @' O& p! Y5 a
      yMax = window.innerHeight;# `" [2 M0 `) Z9 e( F9 W/ s5 w( n
      contentWidth=document.supertext.document.width+ [' H' `' t" o; R& L  O
      contentHeight=document.supertext.document.height
2 z7 B3 `( O  r2 B" g/ m      document.layers["supertext"].visibility = "show";
  J& z  V7 b; E* J# }      }$ A0 I& z3 [# U5 X& A
   setTimeout('moveBall()',400);$ s" l. i  y/ h
   if (hidetimer!='')+ g. i2 v5 ~$ }3 n
   setTimeout("hidetext()",hidetimer)  v" U; [* M& K# ^
   }; O) f; U6 t0 T* p

& q$ Q% p6 G4 M6 U" [2 I, |* Y- r7 zfunction moveBall() {
/ v2 X/ R7 D( Q9 _   if (superballRunning == true) {
- |' j6 n+ Y1 A      calculatePosition();
. j% B$ H0 c3 n# Y/ [      if (document.all) {5 W1 h3 ]/ o/ `0 L. ~1 [
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
0 M0 ~: I+ `6 T- Q' v9 v1 v: e         document.all("supertext").style.top = yPos + document.body.scrollTop;9 s5 {3 A7 R& o8 r% k6 x3 ?% l
         }
+ r, @: L' _+ J! I2 a- g# X  w      else if (document.layers) {* r* X: A" [- k$ G+ X! x
         document.layers["supertext"].left = xPos + pageXOffset;
/ i, Y! Z. L1 t1 q+ g         document.layers["supertext"].top = yPos + pageYOffset;; A. U2 ^  G* x3 |8 K
         }
0 L" |& q5 a+ {! M0 j+ [' x& p      animatetext=setTimeout('moveBall()',20);
# }5 \! J. F  i& }0 p* L      }
9 r3 H+ {- m& H, v$ V   }6 J% y6 n6 H' g2 r1 B  v
9 b$ v0 M& t- e7 h' L  ], V! n
function calculatePosition() {$ Q' H1 [  `3 M% t& p6 i  O
   if (xDir == "right") {" l/ P, C; j- e9 \  x3 Y
      if (xPos > (xMax - contentWidth - BallSpeed)) {% F' X7 ]7 B( s. z8 Q% s( q
         xDir = "left";( Z3 b1 d+ l" `: t- _  P
         }  t) z  k! U" d. E
      }
6 S! b3 o7 |3 h& i( f   else if (xDir == "left") {- J8 D0 A, V0 @- _7 q* t: i
      if (xPos < (0 + BallSpeed)) {* k" R* @8 l  v8 u$ _
         xDir = "right";
6 M! i9 S. Q$ y$ y         }# L- N" Z/ }/ \: K0 Q' v8 q
      }
- Q. ^' f- @7 g9 C   if (yDir == "down") {+ {3 V0 V  v8 {
      if (yPos > (yMax - contentHeight - BallSpeed)) {
- M; \4 T8 e  I         yDir = "up";
' `/ N2 L/ D/ ]         }$ E8 J% j/ X, ^$ X
      }
, U1 R8 ]1 l) L, H   else if (yDir == "up") {2 v3 h  U- |4 {8 t
      if (yPos < (0 + BallSpeed)) {
4 S5 X- {1 e0 [' E3 R         yDir = "down";
- R; F1 R: z9 K) ]- o: _: Y5 F         }( S8 _) h: g! o
      }3 N7 N4 W5 L( @% ^- ?# |% |. |
   if (xDir == "right") {
. w7 d  v( ]. M8 w+ r0 B      xPos = xPos + BallSpeed;
/ g2 }. I5 ~) I7 h0 r5 c      }: Z; p$ G; z- i2 v: U" u8 u. a3 B
   else if (xDir == "left") {
5 `+ r9 B0 X. a2 Z1 C7 b      xPos = xPos - BallSpeed;
( s. {5 r6 n6 C) R) h  j      }7 g/ J! O+ K7 O) @  V9 M
   else {
/ M+ ]4 C5 \* w% |; B$ W      xPos = xPos;
. k$ w: r  M# n7 x; o( j      }; Q! s# G. M) L' I
   if (yDir == "down") {
, w" ~, V$ h9 O3 Z$ w- n      yPos = yPos + BallSpeed;
/ Q! L. v7 C1 S% G0 u7 Z      }
% g, n* J0 c7 ^   else if (yDir == "up") {9 h; ~. {! }( M& P0 }9 I9 E2 A1 |
      yPos = yPos - BallSpeed;/ p, @/ f/ j% G
      }
/ S) l& A; R8 X" s   else {
, Q: O: Z% X# a* J0 ~9 v      yPos = yPos;
& w: K3 G+ p: _% ]$ e( Q      }, j' V# ]0 j, o: ]6 y5 `
   }6 Y2 q2 [- |4 n0 P0 d3 `4 A3 j( M! K

/ N7 V5 o  t+ \3 q# dfunction hidetext(){
( h! [3 {+ V4 A- i3 mif (document.all)
- ?2 ~* d# B) Z0 Tsupertext.style.visibility="hidden", P! w% j/ {+ N& S8 o' b( h% t5 j0 {
else if (document.layers)6 ~% T$ d$ A3 `! c& t3 p; p
document.supertext.visibility="hide"
) q: |1 c8 ?* i, z4 R7 UclearTimeout(animatetext)
; w6 c6 v+ D' g* i( v; F$ X}: {# z& g# f( k  Q" m- [

6 N4 p& }& v7 i' r: H& n! qif (document.all||document.layers){
5 D; ~6 m$ _) `$ udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')0 I1 x' o. F, H" C1 `
window.onload = initializeBall;
) a: t8 ^" b% v+ V6 l: }0 Hwindow.onresize = new Function("window.location.reload()");
& a4 S+ d8 A' f* _9 f}/ ~2 [) p/ H: o

% n$ l+ O3 z$ i! B( W7 W</script>