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

zw2004

<style type="text/css">
5 ^% @7 l* L3 r#supertext {2 z* W8 A( G9 b# q8 U* S
position:absolute;
# m) l$ z6 m/ j& N' k  Nleft:0;2 y2 [( E, ?8 x4 |8 a; ?& k
top:0;0 I8 G' a8 b* Y& f
visibility:hide;
: v& K, N6 J# s0 Kvisibility:hidden;
) T$ e& L( u' m9 \' t}  ^$ m0 g; Y, `& D
</style>
: ^) v/ E4 o: k1 V9 {  H( Y' d" i* V<script language="JavaScript1.2">- i% J6 u, B* E0 H' G: h
<!-- 改变下的字体的大小。颜色-->
( O/ m" ]6 t) L# K7 t" Xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( E+ p: p" u: @# i1 M+ Cvar hidetimer='';: u5 K7 S+ d, }% R2 |' w/ L5 Q
<!-- 改变下的弹跳速度-->
* p  N. Z. L1 ~7 L1 I% j- l) @var BallSpeed = 20;
% F8 N& e. y5 O0 d9 Ivar contentWidth;; c3 W- v) [% |3 ?" r5 U8 K
var contentHeight;* `! b+ f6 n9 v; x. h# p
var maxBallSpeed = 50;
2 \4 u! j5 n0 p5 C, X. ~
( N( i; y# O0 f% v+ E  K9 Y& A0 J, B" @& s: A9 N
var xMax;
$ Z+ F, C% ~9 h9 r4 G2 ?* b  [( H9 Kvar yMax;$ M* X) Q8 q3 f9 |( D. o
var xPos = 0;
% K/ D# b; e) k" l; b) j" `var yPos = 0;
! i% h( A* ?  N+ cvar xDir = 'right';9 y" \  Q1 k$ p' z
var yDir = 'down';* C* A. k) U% u& ^2 ^4 S
var superballRunning = true;
) d1 y8 ]9 ^9 Dvar tempBallSpeed;! a& w3 p" {$ s
var currentBallSrc;
0 @! M; ?' V1 j: J9 P  J, f$ ~+ yvar newXDir;" a/ v/ ^' d1 _% G
var newYDir;  O! H( {5 R- U1 Y  v& z; X
% ^: A. E/ x4 S* F
function initializeBall() {
9 n4 e! H$ P+ \; q+ [3 C) i5 n   if (document.all) {
4 l: Z+ `4 g3 R, y5 c/ d      xMax = document.body.clientWidth$ O% b3 H% ^$ d$ t8 [4 L4 Y
      yMax = document.body.clientHeight
0 g: ~( [- X+ h: t      document.all("supertext").style.visibility = "visible";) B+ h% ^9 j" t  ^7 ^& B
      contentWidth=supertext.offsetWidth
* r5 H* K* q: G. o7 I0 V      contentHeight=supertext.offsetHeight0 N* `9 D9 `, D
      }
$ U2 F8 y: g! t0 m$ z+ k   else if (document.layers) {5 H; a* r% ~, A% N
      xMax = window.innerWidth;1 [! d1 V5 y5 h. ]2 }
      yMax = window.innerHeight;7 n( D0 d! N; T. W( ?5 }* j7 Z
      contentWidth=document.supertext.document.width( e1 F! m5 c' d! R
      contentHeight=document.supertext.document.height
9 \+ j8 Y( L5 K4 i      document.layers["supertext"].visibility = "show";  j+ ^9 C+ B" a( d/ W
      }) g$ i+ c8 ^) B  _0 U# L1 k* p* L
   setTimeout('moveBall()',400);
- @, K7 P6 X# r/ @/ ~5 p& Z- r9 u   if (hidetimer!='')
5 E4 p$ ?4 F+ ?7 _2 j! v, n2 ~   setTimeout("hidetext()",hidetimer)/ q+ O( `/ W1 D  n
   }" x7 e5 I& Y9 Z* W/ f' B1 q6 P4 o0 s

( N! F" ], C# c9 l. b; t3 S8 A- Afunction moveBall() {
/ `7 [$ I4 j& W4 M8 o2 V/ D% {   if (superballRunning == true) {
# H* {( s+ n0 C7 ?      calculatePosition();% N5 L0 U5 ^& q  e; W: P
      if (document.all) {
9 x) a/ ?& {" G$ I3 E0 _         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( A; U/ L6 n, s. {1 m. p         document.all("supertext").style.top = yPos + document.body.scrollTop;. b+ Q8 a1 @! j! W
         }! n( i( w- s4 U# _
      else if (document.layers) {
* l/ _& K1 F! g  u; a8 @$ H6 B* K         document.layers["supertext"].left = xPos + pageXOffset;
" N% _! ~8 u3 L' [9 ]2 F6 E         document.layers["supertext"].top = yPos + pageYOffset;8 r6 i$ H; S( w  S! F% x
         }
5 j% k/ ^. L9 R% z! q, }, O0 v3 U! I      animatetext=setTimeout('moveBall()',20);1 z8 Y- Q" i6 x, P! _! K. Y
      }# _+ q4 k6 `! h; u2 m7 \; r
   }3 o# d% M6 m1 a7 r
6 {8 M0 E  k2 Q# _
function calculatePosition() {
2 h0 m% A  }6 p& W& N   if (xDir == "right") {
" ?6 r/ {6 s$ r4 O7 q% d& m      if (xPos > (xMax - contentWidth - BallSpeed)) {4 h# [  \$ P9 ?9 \+ h
         xDir = "left";
8 N! Q$ i1 |, |$ m5 O3 j         }9 {7 u% ]. J) I; G# l% B& M. u
      }
; m! U2 x3 M* B9 X   else if (xDir == "left") {3 }( ~& N3 w, {
      if (xPos < (0 + BallSpeed)) {
- N' U) L+ _: I& G" z7 r         xDir = "right";
: k" F/ |/ z1 C1 P+ r  C8 w         }" v7 }6 r5 J: s8 g# T& T3 r) p. |
      }) h( U& R7 h! O3 ]5 @. s
   if (yDir == "down") {% G$ m/ \& u( T9 k3 ^
      if (yPos > (yMax - contentHeight - BallSpeed)) {" M$ P: `3 A% o8 n. [/ ?+ }) @) `
         yDir = "up";# s. ^! |6 Y4 y& Y# K3 a4 i
         }& x. Z$ v0 ^8 I, }0 ], f
      }
3 G$ p- M& l9 [. }  Q! B   else if (yDir == "up") {: }  O& k$ B# }# D6 M
      if (yPos < (0 + BallSpeed)) {
8 O( G% |! M# W" ~0 n         yDir = "down";4 l! r7 Z/ w" J
         }
; i: O) I2 Y$ ]$ E  L0 u( V      }* v4 s/ |9 y( a8 T
   if (xDir == "right") {- V5 K/ }3 D$ \/ Y7 S" U
      xPos = xPos + BallSpeed;
2 Q( o: ^# x4 C3 y2 B) ~      }
# l( p% ?) ~4 H8 n) p4 ~   else if (xDir == "left") {
$ D. r3 k! P& b" G      xPos = xPos - BallSpeed;/ h% [. `" C% g+ y6 c
      }
, h  A$ q% Z+ L   else {' ^/ L# ~6 B. i1 p% Y
      xPos = xPos;
/ u% K: Y* \. ~  \      }
7 N. J  a! g/ [6 e' p0 y   if (yDir == "down") {( ?/ E" R# A8 Z) e& ~/ W8 d. `
      yPos = yPos + BallSpeed;% X4 B/ V5 A( ?' ^% x
      }
# h1 m& z! Q5 H4 i8 r3 K, E! k, g, H   else if (yDir == "up") {
! ]/ F8 m2 v1 t      yPos = yPos - BallSpeed;2 s& h8 N6 q6 X0 e( ^- x$ G
      }7 a2 B( k9 l+ S! A8 c
   else {
$ D$ c. w9 a, u. u2 p0 C# P      yPos = yPos;3 X( y8 q1 \7 }7 g# z
      }
' C/ x  I% b; a4 j5 @4 |/ d   }& g8 M1 p5 t1 P1 M) C
1 o; g9 W/ _! `" D9 I
function hidetext(){$ r$ y: Z1 @& _: t
if (document.all)$ R% v/ ]8 _; }6 I+ {0 H5 `
supertext.style.visibility="hidden"; c3 _/ {! {3 f4 q7 N1 m+ d
else if (document.layers)
3 Z1 a! t$ X/ jdocument.supertext.visibility="hide"
# P6 n% R* ?0 q  h3 S- XclearTimeout(animatetext)  p; |$ l1 k# G8 d
}5 E3 f- N/ W$ v8 d

7 g* s# v; x3 Aif (document.all||document.layers){( d6 y* _$ C7 ~& Q6 ]
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')5 w; P9 P' B4 |$ L+ [+ q+ F
window.onload = initializeBall;
4 A! y- x0 B$ U. j4 i" J+ a: O( Xwindow.onresize = new Function("window.location.reload()");# g% d/ e* K5 _" O
}! F0 h: ^* G3 U0 i; F# ]9 E% e0 K
7 n+ p% U8 r0 k% r- ?5 L; J4 s; s
</script>