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

zw2004

<style type="text/css">/ W5 S. w6 ?8 z" R5 \
#supertext {
' v$ g! {1 o- O7 }$ {# K. p0 Uposition:absolute;& X7 R1 d) W2 ]
left:0;
+ ]( u( p7 L2 j3 s* m: _' A+ r2 otop:0;  L# q; w+ A0 S- P
visibility:hide;  ~8 |: G+ b) v9 Z, Q+ j' [& ]. Z
visibility:hidden;
2 o  x% W, W( j( p0 A+ ^0 o8 F+ ?}
' Q$ G& Y. v- Y4 U</style>
- M; U$ O+ L5 T: i1 m5 Q<script language="JavaScript1.2">% ?6 H" C) b* j" |5 @" `
<!-- 改变下的字体的大小。颜色--># x4 ~# B5 p: ?
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 T1 k: ^- Q6 y6 s% `  N9 u9 T4 P
var hidetimer='';, ~. ~  P. N1 S# m# _+ }  l
<!-- 改变下的弹跳速度-->" \1 G( m* l0 R$ f5 ^4 i
var BallSpeed = 20;8 g' A) c8 e9 N# q  H6 J5 a
var contentWidth;
6 L6 G' A0 n+ T; n0 _/ f# qvar contentHeight;
6 G: _7 W& F3 e4 svar maxBallSpeed = 50;6 y" ~7 b2 A! U: h$ Q/ b$ P
# L% h) q% w1 h; @* Q6 O( }3 ^
; T/ L* F" T4 s7 ~% \" T9 V5 k7 p
var xMax;; z, p0 |; k7 S  S0 Z" [# a" M+ F# s
var yMax;
8 G. L7 C, G1 jvar xPos = 0;
+ H( Z/ ?0 ^* T2 F: Xvar yPos = 0;! A* t' H! y" N7 y/ C* W  N& ^9 f4 V
var xDir = 'right';; W: J8 U7 B% S, d; n; @. e
var yDir = 'down';
* K8 V+ }  Q" w3 j2 x3 Q6 P; tvar superballRunning = true;& a& h  V- q& G: `" X' z5 A8 n. N9 B4 T
var tempBallSpeed;3 z8 o1 D8 f' w) l4 e
var currentBallSrc;* g4 r" D8 S6 w
var newXDir;
5 H6 O+ X6 B: j' N" ^var newYDir;4 y# {0 |3 I+ Q
" A0 w$ h8 b) ^2 F& {" \1 F  Y
function initializeBall() {
3 f; l4 M( Y! w   if (document.all) {
7 c& ~0 k, J$ S" a      xMax = document.body.clientWidth
: x( d  C3 }+ i2 L6 F, G      yMax = document.body.clientHeight
# A+ E- {) f& j7 h3 k* q2 Y# P      document.all("supertext").style.visibility = "visible";9 Z3 D0 s+ d$ ?* J0 W6 v) f7 `* ]
      contentWidth=supertext.offsetWidth
/ q- ]. L% {0 ~3 l$ U, q      contentHeight=supertext.offsetHeight% [* v, Z  p1 T9 H% F% V+ K+ S2 Q2 p0 |
      }. u7 L4 f% m6 c1 K( r
   else if (document.layers) {
5 E) L! F3 a, j7 d7 {) p* z/ ?) H+ q      xMax = window.innerWidth;7 M5 M, Q5 g6 ]/ g
      yMax = window.innerHeight;9 j, J3 S1 s, w: P* G3 M
      contentWidth=document.supertext.document.width& X2 l# J: [7 p" O" L; ~7 S5 B
      contentHeight=document.supertext.document.height# K# E- e  O" h6 ]
      document.layers["supertext"].visibility = "show";
' f3 o- d  r( G" ^" x+ m      }
& G- t2 Q* j5 ?+ k   setTimeout('moveBall()',400);  ^5 l- L; p+ N, S
   if (hidetimer!='')
3 R- l/ @' I- m6 C# H0 T* [   setTimeout("hidetext()",hidetimer)3 w1 n" f: O3 M. ?* V- T8 k
   }" u- ~7 U! J. Q. J/ h

, g* |; q0 B, j( {$ B, }6 `function moveBall() {9 O  M% K" y9 S. Y
   if (superballRunning == true) {: J/ T, B: j$ G4 L+ E, G
      calculatePosition();
, t0 ^$ ~1 j" D% F* `      if (document.all) {
1 E& q* |6 O8 Q- e5 p         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 b, ]) M' ^. C) Q+ y8 b$ t
         document.all("supertext").style.top = yPos + document.body.scrollTop;
3 x( _& T1 \6 K: h         }
9 H: P9 }! J; n: T      else if (document.layers) {5 P( l% ?# J/ m) b
         document.layers["supertext"].left = xPos + pageXOffset;6 T/ @/ r3 B/ t+ x
         document.layers["supertext"].top = yPos + pageYOffset;' ~4 w/ g$ f* z9 p' Q  U$ r+ F
         }: X% c. `; F0 @2 ]7 t
      animatetext=setTimeout('moveBall()',20);
' r4 a( j$ K, U. Q      }- d5 P, C3 a# P( s4 l4 ]) w) n
   }$ C$ T- x7 k# m3 r  |# U" J  p$ Y

4 ~# O% e  m* }) P- [& D9 ]function calculatePosition() {
' x2 H" Y# {  c* d   if (xDir == "right") {
# r8 \; m, y4 M6 x      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 H1 I& B' @2 Z/ a1 E* j         xDir = "left";
, z% {- ]* P1 z  c         }
! X0 |5 B/ A+ X, V+ ]* G      }! I/ _7 s# ?/ L. N+ [' ~6 g
   else if (xDir == "left") {4 Y7 W4 Z- l+ \9 z+ M7 F- x& \& D
      if (xPos < (0 + BallSpeed)) {* x7 v) g4 u/ @9 V1 n6 t9 S5 Z1 `
         xDir = "right";
: O' Z7 ^' r1 V1 v         }
0 I: g+ W$ S6 X      }, o. }( y& Q9 m: q$ U3 Z4 O
   if (yDir == "down") {- B9 L/ c( X) Y' o* O
      if (yPos > (yMax - contentHeight - BallSpeed)) {
0 F& S5 o  z/ z; n         yDir = "up";
' }. K. z6 f# `" ?  C  T( r         }
: ^/ X5 a9 [) i) R5 u  j      }9 s. Q7 U; w/ E5 ]+ _5 I4 A4 m
   else if (yDir == "up") {6 N& M) F  m: p+ [: U
      if (yPos < (0 + BallSpeed)) {
: R3 w4 w8 x0 O4 |' W6 r" L, _/ O         yDir = "down";
9 S) Z8 W/ [" f7 a2 Z6 J         }
! G# K5 x' H6 A: M3 w# [      }
8 ^. H- Z2 h) _+ ]   if (xDir == "right") {
) s6 a" d: q' m$ \' {0 ]      xPos = xPos + BallSpeed;) W0 O) X7 G# K9 C7 W4 O6 x0 x/ ~
      }
- {& Z! Q. }2 T' F/ ]* n  `' Z   else if (xDir == "left") {
8 A" A( ~0 X' U; j0 u      xPos = xPos - BallSpeed;* q& J2 w' g: ~1 u6 u: H
      }
* |7 X+ {% x6 S; ^: e" G* Y$ s4 T   else {
7 k; E  [" M: y& J      xPos = xPos;
) q: N3 z# j% R0 r' N5 {; S# ^      }8 Y; t; V) {# v" v0 L
   if (yDir == "down") {
- E- r1 x# \( J      yPos = yPos + BallSpeed;" Q9 u% _- r* F
      }
  A5 k% L, L; s7 f$ n3 A, M4 I   else if (yDir == "up") {
- Y% l; d! @: n* h$ E# \      yPos = yPos - BallSpeed;
' Q' j- y& S9 @5 \# m5 g9 N      }& ]" A' D1 t. X: X0 @( T
   else {2 \5 r$ P: r$ @. B' s7 m/ }
      yPos = yPos;5 B" P' I+ n8 k( Y  u& h
      }
( s6 r( |4 B: q7 w! u9 ]5 A% ^   }0 V- T, y* L; v( R9 N9 S! |4 Z
/ I# g- C. n( O; w; ^" p
function hidetext(){
- l5 b7 w2 i  H( Mif (document.all)7 v7 ^  k3 `4 A; {3 ~9 @
supertext.style.visibility="hidden"' k# z; @) ~% t. k7 R
else if (document.layers)2 t" a& V- g( S2 ~
document.supertext.visibility="hide"
  e. P8 \6 W6 b$ P8 a3 ?clearTimeout(animatetext)
2 {0 T3 E0 m5 N3 j0 o  A; |. d}/ |# @0 g( t8 y% M" ~
) q$ W* J. |+ n9 z' Y- R/ q. U
if (document.all||document.layers){% ?% ]( c& I, H$ I
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& m% ^7 s8 l* ?- B2 dwindow.onload = initializeBall;
7 J; T, [- G* K+ J5 m6 iwindow.onresize = new Function("window.location.reload()");+ ^3 f( q1 O+ ~
}" S& a  {+ ~0 ?; z" E" E8 a0 ~4 F

& h1 C8 l" Z) z</script>