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

zw2004

<style type="text/css">; f# `+ r# e$ u0 V  N2 A
#supertext {
" {* `2 ]; A$ F2 Q. d1 ?position:absolute;
7 I, r- [8 ]/ u6 a1 D6 B2 L2 [left:0;9 O9 _1 y7 }7 [6 |1 B6 a; {2 g4 ~9 r
top:0;! t& M* K3 p! b* W& p6 V
visibility:hide;9 J% ?$ Q% ~& R: v9 T1 t+ @
visibility:hidden;
8 ^% |' m& ^* D% V}5 j' y) f3 J: M, l" H
</style>
) g" E3 {$ X8 D& X) `/ p* K<script language="JavaScript1.2">$ f: a2 i9 ^. g2 }8 {
<!-- 改变下的字体的大小。颜色-->* R' y: \/ A& ]4 q9 _( E
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ r+ m! b: F+ J1 A* X( {, j* F# fvar hidetimer='';
( J! C* P0 u6 c9 P% y& D<!-- 改变下的弹跳速度-->
4 {' e4 H1 A+ }$ j6 ?var BallSpeed = 20;
4 |: L6 m. S0 G# n3 s0 [var contentWidth;0 h7 ?7 K/ G1 {9 K2 G9 [
var contentHeight;
1 o& [% G0 J% J( |! |var maxBallSpeed = 50;" V. g1 p3 T/ O& F4 I

4 a0 h) \# G1 u- ?9 s
+ d: _" c. C* |* q1 _) Ovar xMax;
# G- y% I# {- v; Xvar yMax;2 B* M7 ]+ Q, {  i
var xPos = 0;
5 w# Q; `8 \2 Wvar yPos = 0;
" E( {% v: a/ E/ ^- d" \/ ~6 @/ j$ l% mvar xDir = 'right';  A) C& r. R. ~, C0 p# N) J- n0 X% |
var yDir = 'down';- d# C# z8 a* @% B" U9 r# T" V7 i
var superballRunning = true;( |4 n& N% }8 X6 D! o" ~1 {
var tempBallSpeed;
3 U! v' ~: @& k; Y# z$ ~6 Avar currentBallSrc;; I% W' S+ |; U: _
var newXDir;* X5 K; o) W0 g+ K# H
var newYDir;8 B3 Q: b5 E% z" i5 t0 e

2 S% Y# S4 p) A1 `function initializeBall() {
7 I) t) P: U0 Z: k) Q  }; j1 }' K   if (document.all) {. y7 o8 I) `: M6 Y. b
      xMax = document.body.clientWidth% c7 f- O& R; F- e/ ~
      yMax = document.body.clientHeight
5 |' B$ n9 x# ^, t( n" a  x9 h      document.all("supertext").style.visibility = "visible";
$ m+ p2 H/ Z" B      contentWidth=supertext.offsetWidth
/ b) K0 r7 S& ~6 S* {/ l      contentHeight=supertext.offsetHeight
: J1 L. ]6 _2 Y" f9 |% M      }
0 @% ?5 A# V0 e1 }) M% e  }   else if (document.layers) {
& w9 j/ W% v% y7 `& g8 D' `5 S: V      xMax = window.innerWidth;$ K0 \6 k& L& ~8 z
      yMax = window.innerHeight;0 R7 o; q( I! K1 h
      contentWidth=document.supertext.document.width
, \8 m! }# m' R, E# y# c5 r      contentHeight=document.supertext.document.height+ E: j, r$ p  H2 q- J2 t8 o1 ^
      document.layers["supertext"].visibility = "show";
+ d) s, D' [6 I6 D+ O0 F) h# O1 m      }
9 M6 K- P: y, M2 V2 K2 J; ?) i5 F   setTimeout('moveBall()',400);7 O9 B! \- {( q; p7 ?; z1 ~
   if (hidetimer!='')1 _- ^; U& a( P0 L
   setTimeout("hidetext()",hidetimer)! p) Y, s+ Z+ S: ~1 o4 }; |# v
   }+ c" }; x9 x7 i4 z: G4 T( ?
6 K1 t  j& A. r3 u% ]& N
function moveBall() {
; D$ \2 D$ f* H& Q5 R+ U   if (superballRunning == true) {7 D6 v/ K" {7 \
      calculatePosition();8 X6 m) w, ?( G! ]  Y" \, T9 q
      if (document.all) {( e7 B6 m+ d1 v7 t; X* u4 R: G
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 P2 n- r- A- t- `# t         document.all("supertext").style.top = yPos + document.body.scrollTop;+ J8 |4 _, \, }2 @/ g0 K$ p& m' G& `
         }
/ |# P' `2 p' ~. O1 ^: h      else if (document.layers) {
' z' V$ j5 Z* u: p, |3 ]0 x+ X         document.layers["supertext"].left = xPos + pageXOffset;
3 y: c! F( U; z, Z. C: W8 \( A( j2 h* `4 O         document.layers["supertext"].top = yPos + pageYOffset;
3 ?( A- R# C: x. o' D/ o8 ^; D7 Q. Q         }7 r1 |0 k7 \0 G: H
      animatetext=setTimeout('moveBall()',20);
& S' f9 l% [- \) p# @" t; @      }0 x% j! U! Z. @; ?- i5 O
   }
9 }) k! J& s* [6 l  g" K; t* |6 V5 K: O9 @9 V
function calculatePosition() {
0 V9 d  F$ O$ }+ m. W: W7 |; J   if (xDir == "right") {0 G, y6 a6 u2 N& d' @. ?: [! U
      if (xPos > (xMax - contentWidth - BallSpeed)) {7 e6 k+ c! \+ K7 `
         xDir = "left";+ v% u, W# X1 u7 j
         }
: ?& r6 ^: E6 S/ z% }+ L2 D      }
8 c% Z7 O4 K* o3 Q- f   else if (xDir == "left") {. w! i# o6 A; R5 T6 u$ T
      if (xPos < (0 + BallSpeed)) {5 P9 W4 K0 m8 U
         xDir = "right";
6 A. z4 K6 U& l9 b         }
$ v; z/ r* \" w, s2 [% m      }: R/ X, ~8 |& A$ m$ p9 _* j- \
   if (yDir == "down") {  o1 Y) V! E) R, V% N& ]
      if (yPos > (yMax - contentHeight - BallSpeed)) {
# d; x9 n( c, |         yDir = "up";
3 N' ^" d# {) Q2 F         }3 M4 |( o$ d) P) n2 ~/ W6 a
      }) p6 d. `4 _- m0 g4 a! E5 q+ A
   else if (yDir == "up") {" A0 u5 |8 l/ ~6 p
      if (yPos < (0 + BallSpeed)) {4 G& J- ]  |* p' k
         yDir = "down";7 S4 F! O% x( r+ q, }+ v4 Y+ n, k/ y
         }
2 K* Z- i# x+ I/ B( [      }4 t( ~  Z2 U' C2 A- G8 R: d
   if (xDir == "right") {+ \3 b, I+ u- q- A  L. k8 j$ Q
      xPos = xPos + BallSpeed;
; T7 ]( u* H# _, ^8 Q  }      }
' |0 k  B# q; f: ~% q. s   else if (xDir == "left") {" X# ?' [2 h( ~. [
      xPos = xPos - BallSpeed;
! ^- \  F( m: W* e- H      }
! J% @# _4 f' a: F* N( ^   else {" w7 _3 X% g4 M: r, a6 m
      xPos = xPos;
/ i1 N3 d- a# v8 }: c' f! m; M      }
* y6 t$ V! @) g! T! h   if (yDir == "down") {
! L* c+ e9 z/ L1 I8 ~% w      yPos = yPos + BallSpeed;5 E; F2 E/ p) }, j1 j& y2 i) w
      }
" B1 p3 k' J2 K) N9 G: q- v; a0 j   else if (yDir == "up") {
7 K7 f  v  E! S2 E      yPos = yPos - BallSpeed;" y* F$ J- I6 \
      }5 p$ P0 P, ~% ?, D3 q. U
   else {! g" B3 {$ g; [9 P
      yPos = yPos;
* T* V1 H+ z6 Z$ Q/ }      }3 b. a+ V/ R4 T' H+ R: ~
   }1 B* ^. j7 w/ x& A
6 N& F& ~/ W. B% ~5 {% H' ^5 Y
function hidetext(){
3 w+ W3 @3 T( f$ x7 Vif (document.all)
  D9 V( r* \5 M8 \supertext.style.visibility="hidden"
9 h, }! J. `# e/ m" U: velse if (document.layers)
  R- u* g% b  zdocument.supertext.visibility="hide"
% C6 I  H. O# V$ L  UclearTimeout(animatetext)
, }  t* {1 u% I- L4 ~}3 S( U7 Y) N( Z& D4 J2 L
6 h- M& ~  K5 v5 b4 @% |
if (document.all||document.layers){' F( [- z, k% p, j9 }
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# Y! Q/ Z8 V# Q" ]/ G
window.onload = initializeBall;1 f1 S0 m) |8 m1 T9 Y/ U, z: M- c
window.onresize = new Function("window.location.reload()");
/ t; `' E- h- R0 V}5 j& J2 I% Q0 c8 ~
  v  w0 [; f5 L6 y! y5 u( ^
</script>