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

zw2004

<style type="text/css">
5 B& l' s  m! f2 {4 J& ~#supertext {
- `# U$ D0 i# s& ?2 Yposition:absolute;
  J' I/ ~" q5 o! C# h9 [left:0;
& T) ]4 R5 A4 L% E1 p* Btop:0;
# t& K1 a4 k% [9 ?' avisibility:hide;
/ ~7 \) Z6 s* R. hvisibility:hidden;- L! T  p! ]$ u
}$ K3 J; E* a3 d9 D
</style>( R& X( j1 e: S4 U# O+ n( f
<script language="JavaScript1.2">
5 Y8 W) w* b) C. p; e<!-- 改变下的字体的大小。颜色-->0 N# A% S0 c2 m9 q3 I; `& W
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 U/ b; E6 I' @/ f, F1 }4 Y7 Mvar hidetimer='';; l1 a1 @% o' m( [" ?1 c
<!-- 改变下的弹跳速度-->
5 U" A% i- z+ t: i7 C2 D( }var BallSpeed = 20;
! M0 P. x5 E$ ]var contentWidth;
- p$ H0 _$ K8 t& L$ L4 Mvar contentHeight;; d3 H; D' e2 Y( I) K. e5 b
var maxBallSpeed = 50;) D9 y& d. ~# D4 p1 y2 G) o
# A* u2 ?3 m2 F2 a: t9 x

+ P9 Y* F7 E& Z2 @6 ]8 Wvar xMax;
. D$ O+ s3 G" \3 u2 i& u2 Cvar yMax;
' f: y- \5 s5 z8 m5 O+ d% H: avar xPos = 0;" s( V; s3 |3 M3 J5 s
var yPos = 0;8 _7 _2 ?% H/ }" p! c+ p! q
var xDir = 'right';+ R  {, G. `! h  O* ~! u& p6 H
var yDir = 'down';
" X* e/ k* e: a2 m) m7 uvar superballRunning = true;
! K( X. |, u$ [( R. J/ Zvar tempBallSpeed;, |  f# S/ O/ U5 W, x9 F
var currentBallSrc;3 o5 ~8 D& z& J5 ?+ U# B3 J
var newXDir;
8 X+ U1 k& J/ `var newYDir;( `1 n1 ^' N2 e
% U: `: A/ Q3 p+ }. L
function initializeBall() {
3 g! U# U& x5 P8 M   if (document.all) {4 Y: g' U  c4 ~7 n
      xMax = document.body.clientWidth
; B( _$ D' A7 h% _      yMax = document.body.clientHeight: \4 R; B( T) D& x7 X: {7 r
      document.all("supertext").style.visibility = "visible";8 Y* M3 k' L/ V
      contentWidth=supertext.offsetWidth9 p! X# s) L1 h  F7 u  N- H$ G
      contentHeight=supertext.offsetHeight
! @' t6 O2 d) A# N  J- S      }+ _# d+ I; P( E: v: X$ S
   else if (document.layers) {  N$ K/ r) \( ^7 W
      xMax = window.innerWidth;
/ w8 p8 ^" Y* \6 t- P: K      yMax = window.innerHeight;) l# ]/ E& J0 ]( a
      contentWidth=document.supertext.document.width
5 \  y3 @7 H  A' |; f1 O& [( n1 t      contentHeight=document.supertext.document.height
* P8 @' C" k' c  Z3 z7 u/ I      document.layers["supertext"].visibility = "show";2 e/ d( P: g8 M2 q- }9 @' ]
      }
! c& \% j- s. z. d/ A. B, y2 u( ^5 l, _   setTimeout('moveBall()',400);
, n: S7 s- W. C! d7 j   if (hidetimer!='')
: B9 v/ ~( H  f4 ~& g( K: U   setTimeout("hidetext()",hidetimer)( A2 l/ W" _5 d- K  }' @# `4 {
   }4 Y/ y- E4 d7 r2 K, S" Q1 k. z) n

2 g/ q$ x! |5 I, B  T; O, Pfunction moveBall() {
7 c  t% X* g6 \7 Z- a   if (superballRunning == true) {* J, n) ]/ T( V5 P; r
      calculatePosition();/ H% e2 S5 C( Z/ N9 l/ D, a& ~
      if (document.all) {
8 b1 m& m- M5 Y9 c: \0 K* q         document.all("supertext").style.left = xPos + document.body.scrollLeft;
" L% E5 C" g+ t) f/ g+ ?# n         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ T: `- D7 }; E1 Q0 [9 I6 A7 J         }3 O* o  t9 E- \0 ^% E
      else if (document.layers) {
  s  K4 x) I! ~# ^  W/ K         document.layers["supertext"].left = xPos + pageXOffset;# f5 T- a# ?6 h8 U2 e( l: U2 @
         document.layers["supertext"].top = yPos + pageYOffset;
6 |+ K( q- [5 g1 `% \1 D         }$ k$ |' F9 r4 L+ F
      animatetext=setTimeout('moveBall()',20);
$ r! ^/ T  h; G/ a, t6 L* h: M      }% B) x; e9 l0 l. L
   }4 P7 _& U6 ?% G

9 n& I" q) X& f6 y+ r+ K+ K) afunction calculatePosition() {, I0 a! {$ y" w  U7 H: {
   if (xDir == "right") {2 T2 q: O$ b) v- A
      if (xPos > (xMax - contentWidth - BallSpeed)) {
8 U5 A6 {7 T/ q# V% N- W, i5 v* `         xDir = "left";! Z) _5 N+ I/ f! s! S* ~  _
         }
8 f5 e3 S' l% j4 Y, R. s+ u9 X      }
5 R+ I9 t  J/ h& a   else if (xDir == "left") {1 S5 A+ Y: u7 {) u; `. o5 S' |
      if (xPos < (0 + BallSpeed)) {; N5 |0 v6 z6 c4 A
         xDir = "right";
3 E6 W7 {1 X- ?: T5 m. j3 E$ C3 P4 k         }( B' [5 t1 w: R! Z$ c
      }4 S8 |, M) T& r
   if (yDir == "down") {
. c, E& P8 o/ v$ k/ A      if (yPos > (yMax - contentHeight - BallSpeed)) {
* g( `( h( E, ]; D) |/ E4 s; X/ I3 e$ e; f         yDir = "up";6 Z, j- j5 K6 O- p
         }2 {; y* a* d, a- J3 W! ]
      }
2 C' ^" i8 j7 ?* p( U8 A. C; ~   else if (yDir == "up") {
5 Y7 F) Q/ J, b. d: J$ ^# V" b      if (yPos < (0 + BallSpeed)) {
1 ?+ h3 B) K* i8 S( ~6 t3 s' @/ ?         yDir = "down";
  m3 `2 X' Q( R2 x" }% c. U% c; H+ k         }! b; s' S' y4 A) Y2 m  ?
      }4 B0 H& `  p) G$ `1 P( S" Z0 M3 C
   if (xDir == "right") {2 W5 |1 A1 A* Y9 w! O$ W) E4 R
      xPos = xPos + BallSpeed;
, t; l* P( o% U: G' I& H, v# Z5 p5 }      }, {; Z) t6 ^  {1 u
   else if (xDir == "left") {
8 J# L/ p( l- z3 H* J  f6 @/ t$ G  A/ i      xPos = xPos - BallSpeed;
$ t9 }( Z5 ], R6 G/ a" I      }
; H! L+ I( p. O; F9 X   else {) S. e( w6 `+ s; q  T
      xPos = xPos;4 ?: z' e! a  |
      }
: @3 Q4 I: B2 c% o4 |   if (yDir == "down") {, x5 I* S4 [, P. I0 e& P
      yPos = yPos + BallSpeed;5 ?/ \2 [8 q2 ^
      }5 z. K, {. t$ l7 Q
   else if (yDir == "up") {3 k0 N- |$ j( x3 n( i
      yPos = yPos - BallSpeed;. f+ L+ V2 j4 W
      }
& |3 q$ i. t' j3 ^   else {
$ `% k5 w( D6 e. l2 S* G      yPos = yPos;
7 ?8 }. }2 p! l) c# f6 Z+ V; d      }
- J6 |$ ?: R( h7 j8 R& E   }
7 M$ W& v% Q% e5 Y) @# v7 U8 d* D5 O. N5 x' [% n
function hidetext(){2 ^9 B8 M& g; @' V! y% b
if (document.all)
& L0 ]7 v( M, `$ Q" S2 d# `% @supertext.style.visibility="hidden"  L% Y0 _' A- ?7 {; k) l7 c
else if (document.layers)
3 G% v, |7 \$ p2 H9 Z" x4 |- ~8 Qdocument.supertext.visibility="hide"
+ b+ X( x5 {# O- g+ w/ k' GclearTimeout(animatetext)# I, P$ @. D( `% j
}
% e. [! \0 }' q. r7 ^# u+ f; D( p; T& A( r3 j
if (document.all||document.layers){. t7 ~; `/ @: R
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& j. ^# R  k& p* R/ B3 K9 G
window.onload = initializeBall;. S! \3 s9 Z% ]# K& K
window.onresize = new Function("window.location.reload()");7 w# l4 ^& J% Q# r! G) f
}
6 J( q1 Y* U$ q& L  w0 y6 I4 k& c6 r) w
</script>