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

zw2004

<style type="text/css">
3 @5 t8 p7 ]* c4 o#supertext {
. D3 x5 A9 x9 Cposition:absolute;9 i0 \$ h3 Q8 P) w+ A5 u
left:0;4 |& S, R) y* h! p! E7 K
top:0;5 A  ~, H: v6 d& a2 h5 b
visibility:hide;
8 v# N, @8 E/ s$ @. Z6 w0 G0 q$ ^1 ^+ }visibility:hidden;. n: x# V8 E$ T8 C5 o
}' U& ]+ r/ O* x5 s7 r' n
</style>
7 ]" {$ Y. M( e% B( W" P  S. y<script language="JavaScript1.2">
& j6 B. l2 j. K6 [; j7 \' k<!-- 改变下的字体的大小。颜色-->' e  H0 D  q/ E; z: }+ B
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ ~" W! h0 B' X7 p+ |' avar hidetimer='';, |% T, _; _7 Z& d
<!-- 改变下的弹跳速度-->6 o  G+ a. p+ \7 W
var BallSpeed = 20;
' D" G( h1 J  E+ S+ I+ P9 D1 Zvar contentWidth;# a3 R1 L+ Z# r! p4 G' Y
var contentHeight;7 w4 }+ w' c1 U* I: b3 {( O# ~
var maxBallSpeed = 50;0 G- q2 l/ C4 ^1 b+ j
. Y' B9 @# I$ x: Z$ w
6 H8 E# f! q1 c8 s
var xMax;
+ S( G9 l9 T: z- j6 U5 w8 uvar yMax;
( o3 m6 N& n/ K" O% Z* rvar xPos = 0;' G) o2 z; O) N, n/ ~- r( I" ^
var yPos = 0;
) O' p- f& D# A7 B4 z+ Bvar xDir = 'right';, l: i. G  V- ]* q. b9 k8 b" w, a
var yDir = 'down';6 p" i' G0 |$ K8 t
var superballRunning = true;$ X$ w) ^% y. R8 p$ s
var tempBallSpeed;
$ n9 X* x% T, Z/ ~- @4 j, e6 @var currentBallSrc;% d. Z5 E- p- I$ y; g
var newXDir;5 q! b' D0 j$ g8 q; ^' t
var newYDir;
; }- p/ {( N, m- w4 W; \; S. A/ c( U
function initializeBall() {9 G: N9 G2 j, y0 @
   if (document.all) {* n2 t* |9 }1 Y3 f8 z
      xMax = document.body.clientWidth( _  S( e1 F6 s; h* e* d/ L
      yMax = document.body.clientHeight
' W, Q6 ]# P" T6 U      document.all("supertext").style.visibility = "visible";
) X! ?) ]: j1 g2 J      contentWidth=supertext.offsetWidth: c4 Y$ x7 k# u1 r$ a+ [
      contentHeight=supertext.offsetHeight
' E/ r0 o0 G7 `3 v      }5 J. ?7 e4 R& [7 V7 N& d- v5 Y
   else if (document.layers) {
( M+ i& a# u! q4 a4 e" H. z, k      xMax = window.innerWidth;
) T& [: {5 S- b3 b6 A      yMax = window.innerHeight;
: G- b( b. p' p      contentWidth=document.supertext.document.width
& U6 y6 P! v: J/ y( A. \& |      contentHeight=document.supertext.document.height
" U7 D8 G" u" n. o6 |1 k& q      document.layers["supertext"].visibility = "show";
4 K% i' r% g! K2 Q; X      }8 R" z0 [3 M  p! `
   setTimeout('moveBall()',400);* P: Q  f! Z# l: X  h
   if (hidetimer!='')4 Q- ], e# b0 _. `% _8 ~- a
   setTimeout("hidetext()",hidetimer)/ h$ o1 P3 M8 f$ u9 @1 w' t
   }
5 H( e0 [8 M) R
1 q% r$ a# ~% `9 H) Z+ o8 [function moveBall() {
& p. H, v8 Y" c3 l9 @: q  ~* a   if (superballRunning == true) {
5 {# [3 W' R' d* W" g, j      calculatePosition();
) S- L0 J3 m+ h5 u      if (document.all) {
) D) b1 B$ C" B9 m         document.all("supertext").style.left = xPos + document.body.scrollLeft;8 j7 v% T7 g4 I8 q1 l% e/ f2 Z/ h/ q
         document.all("supertext").style.top = yPos + document.body.scrollTop;! P! g0 B$ g+ U- U# c; ?
         }
5 d( s' m* x1 s0 W4 h2 H9 T      else if (document.layers) {, I) z# `) N5 K. q) n5 a
         document.layers["supertext"].left = xPos + pageXOffset;/ ~" r" N/ d' f' S- i, @
         document.layers["supertext"].top = yPos + pageYOffset;9 r& N! N* e% x" ^$ ?, c  D
         }6 t0 y4 D$ z; H: b
      animatetext=setTimeout('moveBall()',20);
" E# R3 p$ L! Y" u1 _: J! U      }* [$ h( I* n0 ?' l( @
   }
. h4 A, X1 \6 F: O- M. ?
# \5 T6 `: h& ~; p8 `" Pfunction calculatePosition() {
' X+ S; H* _( o8 ?% Z. H   if (xDir == "right") {. ?$ x* w% C( {0 G/ I* D+ e
      if (xPos > (xMax - contentWidth - BallSpeed)) {
; k& l) m" y) I1 |2 j/ R         xDir = "left";
* K+ F" |) _' k         }$ B9 d6 G, g' @
      }
! J' v+ E2 m( i9 p8 C   else if (xDir == "left") {
# w6 O" E7 R4 ]      if (xPos < (0 + BallSpeed)) {4 ~6 h$ T- l0 j7 [
         xDir = "right";
6 {/ G* d. F8 U* O         }# r. f8 k5 T( q0 L" r: R
      }/ s5 T% R/ r' X. p
   if (yDir == "down") {
3 M" z, K; g0 f  z0 z. i! L      if (yPos > (yMax - contentHeight - BallSpeed)) {
- f& y( t  ?* O8 `: ?         yDir = "up";
6 J/ ?) V, y' f  e* F  L- b# n         }- n* E, B5 @; q! z6 j) b% G
      }+ Z& H0 X9 H: G; u' l( v( o
   else if (yDir == "up") {
$ l* c+ ^* w" G, O) ]) I, C* {      if (yPos < (0 + BallSpeed)) {
, g: V5 w2 F; s0 C2 |         yDir = "down";+ _8 y3 K5 f! P* m
         }& ]5 n& X, y* i; C6 ^' d
      }
2 g  r/ {$ c1 r5 x) y   if (xDir == "right") {
+ k, K: Y$ \% Z: f6 g+ |2 ~: ?      xPos = xPos + BallSpeed;! A. ~! @  i2 }) Y1 z
      }
# k4 k7 O, C% ~4 g' o3 b8 Y+ q& d   else if (xDir == "left") {4 Q$ I0 f5 J: P
      xPos = xPos - BallSpeed;  |( D; t! _8 V/ z
      }
' e& r7 F' @3 e* V+ O" G0 q   else {% B9 r+ Y1 g6 D/ c8 _6 H7 M+ f
      xPos = xPos;% I# \6 A! _9 W7 @  H( M
      }  |- r( p& ~% l, ], }- I+ U
   if (yDir == "down") {0 R2 J! o2 \5 U1 x
      yPos = yPos + BallSpeed;
4 r7 H- r6 y" K$ g7 b4 ?" h      }. O7 l  ^; L' {
   else if (yDir == "up") {
; s8 k2 N" M  n      yPos = yPos - BallSpeed;
3 A4 ~( g  u7 v$ A( ~8 C- {      }% _! O% Y: m; K. @% A- S( `
   else {, A8 y  y: E% S
      yPos = yPos;
7 k! e2 z+ f* o# ~      }; x* _/ G9 ^: H" O* `: K6 M
   }7 ~2 t$ i( B, Y- g; g# H: f' q# E( v

, p& D6 c( U- \  Qfunction hidetext(){
1 O  k) j; a4 V$ Qif (document.all)
8 z% R) B6 R4 P/ m1 \3 Esupertext.style.visibility="hidden"
9 p6 ^, L" S) Y) e8 M( Yelse if (document.layers)
/ R) @& d! B: g0 V% ^) ?document.supertext.visibility="hide"
0 S) l2 J  H- u9 l+ t* v+ K/ T7 e5 TclearTimeout(animatetext)
$ A/ n+ |; J; s9 Q( h8 h, X}; W6 G- ^' m9 T  D# K

$ W2 h" I& U/ N" c; J, Mif (document.all||document.layers){
) _% e2 L. p& ~document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 t9 P# C$ `: p0 W3 D, ~
window.onload = initializeBall;. O" H% b# r" d6 v, Z- ^
window.onresize = new Function("window.location.reload()");
# [/ `+ s! d/ I% L, L4 D, z}( {8 B8 A9 f& Q; O$ E* t

! W' G" @  x' G# O</script>