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

zw2004

<style type="text/css">+ ?4 a& K7 h" G. P* T/ P* m
#supertext {" q0 ]* S8 r( `7 S5 {0 |
position:absolute;
% x6 _9 G  j. }# r$ @1 @left:0;4 Z$ J0 M: \% X8 l$ e4 u( }
top:0;
) x, J/ Y7 U, _0 y/ Tvisibility:hide;
7 ^* v3 C& }$ M3 nvisibility:hidden;; j; a1 ]  ]# u. |
}
. ?6 o6 e3 j1 F. [</style>
+ y2 H. y' N! b% e<script language="JavaScript1.2">
+ d& V! Y8 h! }. E<!-- 改变下的字体的大小。颜色-->
4 _2 e; q2 {6 B( Q0 z, C" ], q% Evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', c0 H7 R; W: \$ a; g( |2 B
var hidetimer='';
$ @, [9 Y5 B8 c; O- j<!-- 改变下的弹跳速度-->
& P& n; u' A; gvar BallSpeed = 20;8 A& F$ @4 n+ r
var contentWidth;/ a! a" F5 W- V( M1 A! @
var contentHeight;9 f3 g- h0 K1 I( f0 u& T4 `) l+ {6 z+ z
var maxBallSpeed = 50;3 o% [+ l2 S' Z$ T8 O

+ z* d, G3 ~) }& p2 D3 Q" w& J* l# c* k0 b
var xMax;# P; K7 m# O: d: c  j4 S
var yMax;% B# K$ x$ f7 n
var xPos = 0;  }1 j! C; q& L* m2 t5 W- |; u, }
var yPos = 0;3 Y) W8 g7 q# E* z; ]7 n* _
var xDir = 'right';
( ~- s1 I- I& v5 G& Vvar yDir = 'down';2 ]! c# H3 r. g2 z
var superballRunning = true;
' ]$ l8 a' e( ^0 J+ Ovar tempBallSpeed;
; o; g6 A9 _, p% W9 g5 ^' a: }9 kvar currentBallSrc;
/ a# j9 n2 b' o7 S) ^: {+ Gvar newXDir;' n7 }2 e/ B7 }9 G- z% _) O
var newYDir;" X7 h' S: ]& |$ a9 F& ~) @
' M/ d" b" e% w* ?" P, ~+ Y3 X+ ~
function initializeBall() {% `- S. e( f! s, ~$ {
   if (document.all) {0 \# B( W" p9 k; w
      xMax = document.body.clientWidth) N/ ?' h5 p$ w% Y% t$ v" d
      yMax = document.body.clientHeight
; |* i5 B; C: G& @0 V2 I) u      document.all("supertext").style.visibility = "visible";
7 @% y3 Q$ _3 v# \/ d( @6 V      contentWidth=supertext.offsetWidth' C! q. |8 G" p! m* |: Z
      contentHeight=supertext.offsetHeight
9 R% ?$ R3 B7 a9 I- s, g! M      }
$ D6 v2 M2 G8 H& n9 H, v   else if (document.layers) {
! q7 _1 M; w  V2 T& y      xMax = window.innerWidth;
" [  |/ Q" y+ Q- d      yMax = window.innerHeight;
& k5 r' q, j( k: z5 C      contentWidth=document.supertext.document.width3 S: q# K2 g( A9 n$ z. b
      contentHeight=document.supertext.document.height
: b/ Q, h1 p5 n6 _      document.layers["supertext"].visibility = "show";
3 d* J% `0 X4 o) s      }4 O, x' t% Z$ q: d3 @
   setTimeout('moveBall()',400);
7 M2 G5 e2 p& r! J! M& S' \   if (hidetimer!=''), X' Q4 b9 E+ i9 C" }2 x$ v4 K
   setTimeout("hidetext()",hidetimer)  Z# O! J# C* @8 {* C) m+ x2 o
   }
8 {9 C5 g! m- f+ H% v' b, q6 @8 ~% Q( `+ I% m7 @( r' z7 S
function moveBall() {
* N) W) X8 j& c% m  K1 p  a# R: W   if (superballRunning == true) {
0 g; C7 H9 w# `) u/ ]      calculatePosition();
, L  m& S% C, K9 u8 p; S* E; d      if (document.all) {' s- S; i- v! G' k
         document.all("supertext").style.left = xPos + document.body.scrollLeft;2 |! k) C3 Y, I/ }# A5 z
         document.all("supertext").style.top = yPos + document.body.scrollTop;) H- h. \, X. J4 {5 m" l
         }  S$ ?1 ?0 V) F  M! `
      else if (document.layers) {5 u3 t8 g$ I/ m8 v( Z
         document.layers["supertext"].left = xPos + pageXOffset;
: s; q/ ^$ c% k4 c* z+ _         document.layers["supertext"].top = yPos + pageYOffset;
+ ?9 [1 L0 v  B. i         }: R4 U  M. e0 |7 O. X& `6 |# B
      animatetext=setTimeout('moveBall()',20);
3 d& ]  J2 G! H$ @6 b& X/ I      }5 ?( H" r2 j+ G0 u# y8 d
   }, n# F9 o5 E. m0 R6 v; x2 C
1 p" I& o0 L. r& B5 T' C" I* }
function calculatePosition() {
) P, ?4 e! S5 Y8 ]; q- g   if (xDir == "right") {; _/ V7 T2 b8 o% X; Q4 K
      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ A4 `/ e% @: t  l& {! A         xDir = "left";( l- w  u+ d. R
         }
, F) X3 R3 Y2 S% V      }
5 ~! l' k% G  N   else if (xDir == "left") {' r3 N( i( }1 r: R
      if (xPos < (0 + BallSpeed)) {5 J' m! [/ g. f  r& b
         xDir = "right";
' T( U' Z* |! t7 ]1 [         }
, F4 [9 i+ F6 T1 l/ t& f      }/ o0 v. V9 s1 B7 T% O8 R# D6 p
   if (yDir == "down") {
1 _  h4 b4 s- I3 ^1 z9 c      if (yPos > (yMax - contentHeight - BallSpeed)) {% u) V9 t6 O$ B% J- Q2 Y0 {5 O
         yDir = "up";- Q. X7 K# |0 \* _. V1 A
         }6 b2 h7 F" A5 \$ G) W: {
      }. D3 ?8 f6 o  {* @, v& E$ g1 z) j$ {
   else if (yDir == "up") {
8 F9 f- C. A- S; }+ c+ G      if (yPos < (0 + BallSpeed)) {& a* q' v8 i6 T1 O, X  _7 E5 r
         yDir = "down";
5 z! h" l% Q% C  E         }/ _5 O8 J% i# f3 v( ?
      }- M1 E- X. Y: _( n  E# P- e! }
   if (xDir == "right") {
0 {" Y1 u) z$ Q: b7 V      xPos = xPos + BallSpeed;
+ d: |" u2 [* k$ a) V% i      }
" M6 j( b% t, @1 k( k6 [   else if (xDir == "left") {
( E% s$ v) c/ p7 P      xPos = xPos - BallSpeed;
0 m+ f( Y. h1 G- K0 N      }
8 G  V8 M9 S9 @& M   else {
' n8 V4 b6 C4 |      xPos = xPos;3 ]; ~( n, p1 ~
      }
' D: F; H( R" [6 {; c; w   if (yDir == "down") {1 K) w" \0 O, H
      yPos = yPos + BallSpeed;
0 e. j$ E) h2 O3 ]* \      }
. t: h& u% b  f7 B6 u1 F   else if (yDir == "up") {7 g. M" u+ J" z7 T9 v: S$ \" t
      yPos = yPos - BallSpeed;
6 R& h6 {! J. C$ }$ ]2 o/ s      }7 p( T9 j) n8 E7 I9 S8 y
   else {2 P4 h/ s% x$ Q6 n9 w8 _
      yPos = yPos;
9 ?( Q# w# x* V4 O9 v3 L6 X      }
) L6 g8 n/ V9 d# G: ?3 K3 l   }' G4 R& u. O& W3 g8 l& V6 y( ^
4 T" {6 {6 C' t( }. b# W' `: e
function hidetext(){3 ]* |, G7 ]" z
if (document.all)$ [$ P) ~' S9 N5 o) W/ P* K
supertext.style.visibility="hidden"& i; g' f# i  E
else if (document.layers)/ ^2 P! D: `+ y6 u& m4 G& i
document.supertext.visibility="hide"  k' [) ~# F/ S9 L  O+ K' n, d
clearTimeout(animatetext), M- J3 C9 V# v( ]8 U3 Z3 E
}
# c8 G) \8 C9 M' b5 t  d1 V0 B4 H7 b
if (document.all||document.layers){
6 E- n9 {2 ^4 l& j, u* T% edocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& w" N  E, h, q/ k! `window.onload = initializeBall;3 Z- @* g' f$ \2 N2 d$ `
window.onresize = new Function("window.location.reload()");( S) X4 j$ M9 {7 w) U% t
}6 k/ V7 x. e2 C* P  G
0 ~" l% W$ }0 S1 W) b; |
</script>