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

zw2004

<style type="text/css">
# Z/ u0 Q8 s6 i$ a' D#supertext {  N7 s/ Y6 `( j$ c$ j
position:absolute;$ J- t7 m$ W3 K* z! ^
left:0;
2 [7 c7 C! q* U* X8 Vtop:0;* o. e6 l1 ^$ S7 A
visibility:hide;
, q$ h7 g9 v: b) D& I. Q. U" Zvisibility:hidden;
* @) z5 L$ @, s$ T+ ~}  l$ j( F4 T4 E& ^  U7 F+ e
</style>
5 e2 Z) L8 N, X6 u! w4 b<script language="JavaScript1.2">) l4 e7 U" C# c$ H0 O* I+ _( x
<!-- 改变下的字体的大小。颜色-->/ P# n, i( D! \. R
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 Q; |, x1 c5 j, D1 a  b1 O2 [
var hidetimer='';2 j! i2 K' V  ^4 G4 F( B
<!-- 改变下的弹跳速度-->; ?" d1 D: W) n6 R
var BallSpeed = 20;
5 J! ?2 m4 u- g( Z! x8 Q, Avar contentWidth;
/ E! p6 |/ Q$ }3 m7 w$ Q2 i  J0 Jvar contentHeight;! ?  ~- M( j6 b% B7 M
var maxBallSpeed = 50;
" J& a+ ~9 ]/ \% f/ z" x  P$ E
1 a/ f" i0 ^6 W+ \/ Z9 T
( g, M3 p0 W) k# C: xvar xMax;
2 D: B" L. E! ]9 \var yMax;* Z+ N# ~3 V  q, N
var xPos = 0;
& ?1 n  p5 D9 w/ ]( }& Bvar yPos = 0;5 m: l$ N, o/ m" p1 S! f
var xDir = 'right';" w4 a! s( ~# q( h
var yDir = 'down';
7 T6 k2 k! ?* C! svar superballRunning = true;
- m9 @; d: E; h2 ^5 m5 Gvar tempBallSpeed;% G  Q7 T6 F$ I; x( H) Q
var currentBallSrc;) ^! k: I( F' G/ O; i
var newXDir;$ O7 J  o+ L8 D% G# w
var newYDir;5 R# H0 Z6 v' G! f

$ }+ \+ G/ s  F7 Mfunction initializeBall() {
5 W8 \8 d2 S% D0 v) ]  T' k- _   if (document.all) {# K1 K( W0 D( E& s
      xMax = document.body.clientWidth
& {, l; G% U: {      yMax = document.body.clientHeight  Z0 b- y( Q! X
      document.all("supertext").style.visibility = "visible";% e: u5 p4 u) d5 k- o7 G: U; v
      contentWidth=supertext.offsetWidth9 \* ^$ G$ m& i8 H) d
      contentHeight=supertext.offsetHeight' U: G: y8 Z: R3 a1 p2 P: b  `, p
      }
& P8 d2 c' r7 Z7 V8 o   else if (document.layers) {
  O  P" I0 @/ p7 h# F      xMax = window.innerWidth;
0 C7 v, V& ?& y+ ~* s& {      yMax = window.innerHeight;( k. H! j5 h% D$ P( l! c+ ^
      contentWidth=document.supertext.document.width# f; G4 M- u7 U
      contentHeight=document.supertext.document.height  M" S  f3 K: ]( L3 ]. w
      document.layers["supertext"].visibility = "show";
$ |& T  z3 u* d& A      }
; C/ S- Y0 j6 P" L   setTimeout('moveBall()',400);
6 i( ~7 ?' s' q# P   if (hidetimer!='')8 M/ c$ S- B* M5 `6 u
   setTimeout("hidetext()",hidetimer), k# d  h3 x2 P' J( E/ w! k4 r
   }1 E( o; m; z1 u7 T! }
% N  I% T. a5 z$ E0 c0 l
function moveBall() {$ ~9 ~: a+ Y$ k2 s( H: K0 y
   if (superballRunning == true) {/ Q4 [) ~+ `$ o! k) m5 `9 x% J
      calculatePosition();
4 J) b/ `( Q9 E$ z      if (document.all) {# F% r4 m1 A* ^# K
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 O9 u3 @% q' K* l         document.all("supertext").style.top = yPos + document.body.scrollTop;* c. X5 g8 e  c# }0 q
         }  p1 f1 ^0 X' w# y' [% C
      else if (document.layers) {
1 L; u3 j) o" {& `0 z         document.layers["supertext"].left = xPos + pageXOffset;
. F  K" ]' y( W5 y. h! E$ ^" a7 ^         document.layers["supertext"].top = yPos + pageYOffset;
2 L* Q2 s8 N/ ~. ?         }0 a4 F$ Z3 \1 r8 C0 {. m
      animatetext=setTimeout('moveBall()',20);; o& }- s/ S0 [9 e6 c0 y+ ]/ B
      }
# f4 c6 F  _! S8 Y. {' G5 `   }; H, X  e/ j, Y  o3 j; x2 c

8 }# i- @& c/ _( @2 b. N& o& j) Tfunction calculatePosition() {( P! a3 ]* ?( ~$ H
   if (xDir == "right") {, ?6 {4 U) J- S( z" y  e2 f' ]3 m$ m) ?
      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 F7 `! q& @; {3 G. ^* v+ ~         xDir = "left";
1 _* M) `" T! U( {$ Y. h         }
4 b9 `% s4 r  h1 S7 o) {+ W! |      }
+ R* s9 U( W: t( Z" }" x; `   else if (xDir == "left") {! _7 i0 [' B" g% q
      if (xPos < (0 + BallSpeed)) {( E9 A, `5 \1 h) f5 t
         xDir = "right";6 u2 V1 T& h$ ^  U# a
         }  Z; j* j( E6 S, z
      }% w: D, X9 H3 C  f. U
   if (yDir == "down") {
1 y" U# |3 W. w      if (yPos > (yMax - contentHeight - BallSpeed)) {, |2 w0 Q, m5 u) n  ]' q
         yDir = "up";0 ]4 `2 t; i" R2 X" j
         }' `, A5 A' K+ k" H% v+ y$ \# A; \
      }
: ^. E* }6 v# m( w1 P# A2 b" H# {" {- c   else if (yDir == "up") {
7 M- ?$ x9 S' p9 j      if (yPos < (0 + BallSpeed)) {; B1 @1 Z# T9 Z
         yDir = "down";& ^: f; D) Y! ^1 k
         }
2 W3 t  I* s% |* U      }# ~( J! e& h7 K! B/ F! @
   if (xDir == "right") {
" e  r  a1 y4 A3 Z1 n1 h. I/ O2 K      xPos = xPos + BallSpeed;
- {7 _+ {4 a6 |/ W- g      }" K! S) |% n$ e) U
   else if (xDir == "left") {
8 E3 N, h5 h) ~+ Z0 x      xPos = xPos - BallSpeed;
" Z, Q$ D' m1 P- ~  R6 y      }
2 _% |- W) `: Y: L   else {
9 M( W4 U& V  d: C9 K) u      xPos = xPos;
+ \+ d3 \9 P& V  ?      }
* l( r) r+ U9 ]   if (yDir == "down") {) }: Y! u( n" q* b
      yPos = yPos + BallSpeed;/ Q8 h& W# g; G" L' y* N- i
      }
1 _6 M! \/ e8 J  z1 J) P3 e' c8 W   else if (yDir == "up") {
& j& w1 Y8 ?" o5 M      yPos = yPos - BallSpeed;0 m0 Q" M, ^% c- d+ E
      }/ ~7 d5 Z9 ~) j
   else {/ a# _" _9 q/ ~( w
      yPos = yPos;1 n/ o2 _- @5 d$ B7 A
      }, Z) l4 ]7 H6 z5 J/ P
   }) N9 {- F# u" @+ r2 g5 O( I
% X! x$ e3 W2 U, U2 O# R
function hidetext(){
8 i1 D4 ^* g! z' v+ xif (document.all)! s( o; L0 s3 Q3 O* S0 L
supertext.style.visibility="hidden"
* v; v* E! R' P+ X( t; P1 ~  N" Pelse if (document.layers)
* m$ \3 l" P# P. E, zdocument.supertext.visibility="hide"8 x  l/ \7 H1 Q. @( i* n5 I
clearTimeout(animatetext)
# _) N9 n/ J& _. Q, \  G# q}
4 Z+ Y, A- K% ^& A8 w( e$ Z$ O; u- {+ R1 p& d
if (document.all||document.layers){
# N% V+ S  E; r2 e" B: w  d! }document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" H* d( H; N1 ?0 M* H6 zwindow.onload = initializeBall;/ G. A* D# T; n0 T1 J& `; i3 _
window.onresize = new Function("window.location.reload()");% h& Z2 }$ [' b& ]+ e2 a0 z" F
}; C" B1 S+ B/ d1 z& t; Q; j" @7 Q
) z8 h' ]& h$ B/ Z
</script>