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

zw2004

<style type="text/css">
4 e+ \2 u7 D: \  I, T/ R#supertext {
: `) v/ ~/ p# q& Y, zposition:absolute;! F" x6 [0 s8 T( J) y% a6 l# x# n
left:0;9 Q/ O; B- ~$ \& y3 l
top:0;% ^# E1 J) Z" H$ l+ u3 o
visibility:hide;1 L7 k6 h" A8 @3 A) M& Y
visibility:hidden;% j9 ]) i0 k1 V  a
}; x- Z( u- R' }( j4 p
</style>
! ?2 C  S: x* o. M+ H- D<script language="JavaScript1.2">
+ ^$ X* f0 C2 K& ^. P<!-- 改变下的字体的大小。颜色-->0 R& A9 i. W& a9 c
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
6 d5 A7 W4 d' k( p5 D& H( yvar hidetimer='';
$ L' Q0 e7 y* Y5 U7 c<!-- 改变下的弹跳速度-->- R2 F1 p% |7 Z
var BallSpeed = 20;
0 [  i# U& z( y9 P7 {4 b  Jvar contentWidth;
3 D" _( e0 E( \' v3 Kvar contentHeight;
' _3 J  n  B1 Z3 E3 c3 j  l& kvar maxBallSpeed = 50;; G* ~4 q( m' u& C+ [  L

1 K- N5 {( n; W  F9 S. g! v: m' M" z. M5 G4 P; U6 e
var xMax;, E# S5 i: d) M- V* g4 G
var yMax;
: I; o/ J4 a; e8 s. g3 yvar xPos = 0;
: |! E, C# q3 L* z- v& O. a5 e$ ~) @var yPos = 0;9 n- _; A7 g& {" A, W0 g) H
var xDir = 'right';
. Q, [8 C& W1 V/ t1 vvar yDir = 'down';
" L) w% J! |: _var superballRunning = true;+ z/ `' k0 \$ w, a
var tempBallSpeed;
$ O% P( Z* d) J' r4 {var currentBallSrc;
7 B" K' {2 k  C0 o8 D8 Kvar newXDir;
% L3 y% H4 s) a( v7 j$ Q; L. hvar newYDir;: L8 _2 f2 J7 @5 B+ ~# C0 @* q
; ]; P9 P  j5 F8 Z" J
function initializeBall() {
! V# T: Q* c9 T$ q' d   if (document.all) {9 O, Q& G, E: W2 ^" S& ^7 a
      xMax = document.body.clientWidth# n' Q; k6 h. ?1 d0 h  F
      yMax = document.body.clientHeight* U5 F0 U8 m. `4 ]7 ?3 s/ p
      document.all("supertext").style.visibility = "visible";
# }* k' d* n( N" }5 c      contentWidth=supertext.offsetWidth. x$ ?5 Y: v2 Q+ @# E- C& e
      contentHeight=supertext.offsetHeight
$ F2 v. R1 `8 N9 G      }
7 W; H$ o, O" M+ [" F  X   else if (document.layers) {" z' M$ ~" \- Z! j9 ^- i* e
      xMax = window.innerWidth;4 j) B: ?1 O" A
      yMax = window.innerHeight;- F  v, i0 m' S2 i
      contentWidth=document.supertext.document.width  I& R8 t* z7 o* _
      contentHeight=document.supertext.document.height, c% q3 `: H$ C9 y
      document.layers["supertext"].visibility = "show";6 Z0 y, @4 L; k+ G, }
      }' h! O+ I& K% f- y+ u. p, {+ |. ~
   setTimeout('moveBall()',400);
% m( N5 P4 ^$ @9 a- F* p# F7 g   if (hidetimer!='')
5 G3 h" z* ]; F4 V* R3 E   setTimeout("hidetext()",hidetimer)  a% \: l5 C* C: P  e$ r2 \
   }& O7 d* G# c0 U

, A- U2 a$ V6 |- A5 sfunction moveBall() {
3 n# Z3 x4 d/ P. [' z) L! v   if (superballRunning == true) {
" B2 q% E# x% |+ I: w0 {1 w      calculatePosition();. ]: g& c- K0 ]+ s. Y; l
      if (document.all) {4 B+ B, b" i6 k0 e# |1 F/ m  G
         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 ?, J/ P8 j6 k0 y% |8 Y
         document.all("supertext").style.top = yPos + document.body.scrollTop;
3 }7 ?  |. q1 m5 e         }: ]7 E. i% t. m' o5 O, o; m
      else if (document.layers) {+ N( G2 K0 [) o+ P
         document.layers["supertext"].left = xPos + pageXOffset;
/ J. i9 x# Y) z' ~  ]6 R1 I         document.layers["supertext"].top = yPos + pageYOffset;
' Y' ]! v+ p% i. v6 l) \         }
! s& [; _) p4 _/ J1 i0 v' W: K      animatetext=setTimeout('moveBall()',20);
3 h- S, \  l6 W      }
; _  m8 T( O/ ]6 k+ ~, M) \   }
2 u! ~. T; Y' b6 Z$ Z+ I
) N9 U, h% X% L4 V" Q: n) K  G, J& Qfunction calculatePosition() {
. T& G" {7 ~0 U/ A' G: S! d   if (xDir == "right") {
3 A3 {8 T' k8 E      if (xPos > (xMax - contentWidth - BallSpeed)) {, _1 ?  @0 p3 p0 O
         xDir = "left";
* v1 X5 _" k! N3 a% V         }# _* s' x1 W2 W( g
      }
  x3 [: w3 z$ l, I: s   else if (xDir == "left") {- |5 }) z2 H- |* C+ Z* Y5 c  k
      if (xPos < (0 + BallSpeed)) {2 }8 J# I; A1 h, A& `( z% g
         xDir = "right";
7 R% c- l! |6 ~, F         }6 v7 H1 }' T0 e. s( [
      }" o5 ]: H9 Z) U+ `% _" E' H
   if (yDir == "down") {0 x8 N3 y( Y, l9 s' M5 I
      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 w" a8 F: P6 ~3 G         yDir = "up";/ O5 \4 |+ z9 W& O) v, T
         }
! h+ j5 r9 B- f      }
) m2 k& b# R3 q0 M0 H* X   else if (yDir == "up") {
; q" _0 y" b0 _& B+ q& d2 i      if (yPos < (0 + BallSpeed)) {
' w! A1 G% H- t: Z& q         yDir = "down";
0 o) H. w7 G& R; V         }
8 a! E5 e* _. [0 ]      }& U! {( D: n. G1 X2 F
   if (xDir == "right") {: y, Q/ M( t8 b. G
      xPos = xPos + BallSpeed;, b3 w4 X. @, l- w
      }
8 P$ d) Y: s7 P1 w8 i* y6 o   else if (xDir == "left") {
3 ^* x5 P' a0 y% J      xPos = xPos - BallSpeed;
  _# G0 E2 g  e+ p5 t      }
4 \7 [8 F# J  Q* q7 L* W4 d* n8 G   else {
& U7 h- m% x+ n- \6 t4 @      xPos = xPos;3 ]  e# x- k+ P+ L7 j, A
      }
, `' W  T: K. n$ V  k% ~) n   if (yDir == "down") {' Q: P; o; D/ s$ o( O
      yPos = yPos + BallSpeed;/ \: t- A# a2 q
      }0 f5 T% b+ R" d5 Q% I
   else if (yDir == "up") {. M% L- ^. I3 U* B
      yPos = yPos - BallSpeed;4 `5 @0 {! r, U+ ^% T
      }
/ ~- n1 x3 {* d: k7 S3 i   else {% R8 i, j, Q) [; B
      yPos = yPos;0 f* ]4 h: i! [' l6 Z- s
      }' r9 e/ h" s" a, n: c9 K
   }* c" ]0 I( F7 w  I! d7 w1 |9 a: u

0 L9 X. T$ q$ Pfunction hidetext(){
) U. N4 y4 Q5 S6 y7 t2 ]. y: L' b' Dif (document.all)
: q  F0 j1 d; ~1 l0 m9 ^$ H. isupertext.style.visibility="hidden"
* P3 J, ?4 ]6 s' o0 relse if (document.layers)) C8 B' e6 O3 b) @  A7 |4 e3 b1 K
document.supertext.visibility="hide"1 Z* I. A% i/ ]+ T% }8 h, C8 \3 K
clearTimeout(animatetext)
) C% q: l- U; Q- S  g7 F+ S5 e}1 I! D/ O+ r0 i7 ]7 |" c$ Y3 B

) o5 \: z; ?% j2 J! [# B: l1 P8 hif (document.all||document.layers){7 Q/ ~7 ~+ B7 {. L! a5 b, x6 A2 P
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ T( A2 g$ z' _) g
window.onload = initializeBall;  t) g& t6 f( `, y/ Q% E9 i) a
window.onresize = new Function("window.location.reload()");; S  m! X# [9 D2 {
}
# b$ D9 x; y% g. z, k  g  ?6 }+ u/ n: P0 o6 x. q( w% L: `
</script>