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

zw2004

<style type="text/css">& g, `, F0 Q0 q& M8 u
#supertext {
4 X0 X" p1 Q! i$ K7 s" Mposition:absolute;3 X) w2 m2 {. L' U, ^; j
left:0;
6 i- t5 M% C5 atop:0;
  {+ Z; A0 N4 q! z# w/ d, Cvisibility:hide;0 s+ u- g# n$ S, R- S; H" i$ b
visibility:hidden;
' M9 p" T2 o  f}
/ c3 m8 l" F" S" p% R</style>! \1 T8 a/ d( r
<script language="JavaScript1.2">* @5 N1 c5 D1 ~! C  p
<!-- 改变下的字体的大小。颜色-->
8 @3 ~  M1 W% X8 j8 dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! q  v3 g+ h2 g$ g
var hidetimer='';" D! \9 Y7 Z( k8 F
<!-- 改变下的弹跳速度-->; H7 {7 Z6 r4 N! u1 ~/ x
var BallSpeed = 20;- u# d( z6 ?8 m9 L- C
var contentWidth;
! ]5 V( k% T# X! tvar contentHeight;
3 [4 V/ Q/ o, y5 Fvar maxBallSpeed = 50;6 D6 V6 @9 }" M+ y
" ?% ]" W5 B( S
4 u% [5 x- h5 O3 R
var xMax;
# C' H" I, M1 |var yMax;
& b- L' m& b' @; H( ovar xPos = 0;# S5 H! V* \) h8 f, \- H0 P
var yPos = 0;
- {3 V, \9 `$ ~# d) `var xDir = 'right';
" b4 J8 e4 Z: P6 M1 mvar yDir = 'down';' Q" ?. F. u# b) ^
var superballRunning = true;$ y, E- F' D2 }8 z' E1 u
var tempBallSpeed;
$ X% _, y5 [% T5 W( C. {var currentBallSrc;
* n6 `1 [* A" G! C8 O0 j2 u6 s& z+ bvar newXDir;6 x1 Q1 `" n& @
var newYDir;
* ^' G- ^- X/ B
0 \3 C4 a: J6 X" i; p! o/ |- Rfunction initializeBall() {
3 b9 X: ~" K: R. ?8 h   if (document.all) {5 t- J! J; x7 [$ g  Z
      xMax = document.body.clientWidth# V0 m" g/ s. d
      yMax = document.body.clientHeight) g: B4 j% A8 Z& g# c
      document.all("supertext").style.visibility = "visible";$ b$ e- R: K6 ~
      contentWidth=supertext.offsetWidth  s0 B: ]3 i5 H+ W
      contentHeight=supertext.offsetHeight; o" E& E, f7 B# S: C2 k
      }
7 a' r0 A5 L1 B+ ]1 X: K   else if (document.layers) {- O5 ^5 _; q6 q* y
      xMax = window.innerWidth;% o. i: @" l+ F0 N' b8 |
      yMax = window.innerHeight;0 z# T* _# C5 O6 |/ l
      contentWidth=document.supertext.document.width7 N5 Z& v9 K3 G* X( H' X2 Y7 }
      contentHeight=document.supertext.document.height, F3 L. D3 b7 Q, p6 \- l) L
      document.layers["supertext"].visibility = "show";
# q& b* o2 H& v1 \# c      }0 _8 X( K% T3 K, z( e4 n
   setTimeout('moveBall()',400);( O  s  z5 @  x1 z# p& h5 Z
   if (hidetimer!='')4 q. L' I( i+ z( W2 G0 i
   setTimeout("hidetext()",hidetimer); ^6 E3 _# E, E; R3 w& W
   }
; B$ p, J% ?) I: U; o# m/ T
- @/ i# I1 z. L" Pfunction moveBall() {
, d% H' L- c& w   if (superballRunning == true) {
9 E/ y. b0 z3 k) U      calculatePosition();/ s0 e& d- |8 u% l' s" I4 X
      if (document.all) {
6 s. u  l2 a5 ?2 B- y2 x         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 Q; |6 ]7 e6 k3 E  D$ x
         document.all("supertext").style.top = yPos + document.body.scrollTop;) ]3 d) L" n( k& l1 e" s; b7 i
         }7 `6 U8 \, L- U2 k8 A
      else if (document.layers) {, B+ a  j3 P: L! y
         document.layers["supertext"].left = xPos + pageXOffset;
! F1 r! f; q- |# _7 S% G9 A         document.layers["supertext"].top = yPos + pageYOffset;' ~6 N8 P+ o6 }7 o/ u
         }- R- f( u2 y, D
      animatetext=setTimeout('moveBall()',20);
5 i( K$ y. q" q8 g9 O      }
1 M  g6 a; M; C; E! Y- d2 b   }
: h( u. C! |7 Q6 u8 o" S
$ I, K! S. E( f! k$ X* }3 Yfunction calculatePosition() {
' X( P: d# y/ t   if (xDir == "right") {1 T. l* |4 X: ^6 _
      if (xPos > (xMax - contentWidth - BallSpeed)) {; c% ?  j" X' T  d# `
         xDir = "left";/ R4 B# W8 j/ j1 W, g
         }( u" J2 n0 B, x, G! r' x; n
      }
  [/ E; h& d) i+ A   else if (xDir == "left") {
3 {# g% L' v8 X$ ^1 J: K7 \      if (xPos < (0 + BallSpeed)) {
) u  f( _  b- T# K         xDir = "right";
$ D" `& C- \: T' E8 W+ Q$ c- ~         }
4 g5 c1 f# E1 o  d      }7 U" \* f1 a  @7 O( N: [
   if (yDir == "down") {4 Y0 Z8 ?, n) I% ?' z
      if (yPos > (yMax - contentHeight - BallSpeed)) {
* \  S5 ~, E+ A: t1 [         yDir = "up";9 \2 b1 v- u  ~6 u6 c  b$ \' z# y
         }
+ J, \/ A/ }+ G+ k      }4 u/ Y. D  }+ N  |; I8 G
   else if (yDir == "up") {
" ?! l% u6 N) j      if (yPos < (0 + BallSpeed)) {9 T6 m! V6 s# @+ T: L7 p9 A4 x; I9 @  |
         yDir = "down";; N9 O3 j6 k$ y; L' V. B6 C
         }
" L, H9 y' b6 P      }
; ^- ~/ s5 n3 E3 c) e   if (xDir == "right") {
5 C1 n* v  l" N4 M      xPos = xPos + BallSpeed;/ M) p7 A+ @( s3 w: k) F0 X! E
      }* T- v1 N/ k; {- |
   else if (xDir == "left") {
3 C7 q* }3 r* d( y9 p% |' G' N' |      xPos = xPos - BallSpeed;5 g8 b( `$ B; M. [8 {2 y
      }! {5 o6 C& a2 t  L$ p
   else {- I1 N" m; u, F, F
      xPos = xPos;
: H/ u4 T' i; Z2 I      }
) ^! [* b2 D. J. ~   if (yDir == "down") {  v0 S+ G, X, q; W. i. @3 |
      yPos = yPos + BallSpeed;& n( n- a9 D! a; `
      }
: b; P) d- o/ H. O0 T  y   else if (yDir == "up") {3 C3 Q2 M& W5 O9 ~
      yPos = yPos - BallSpeed;
8 _: b& ]* G3 e; P% U, ^; I      }
0 b0 A' }" ?  t; O, D+ Y$ ]' a   else {
" ~( a/ M: |5 t5 m$ t      yPos = yPos;
9 Q* H! v! h4 ~9 j  I) W7 K  P      }
9 U1 ]* g" `2 P% `   }9 H5 g. I& x/ H1 a, i
2 S- c/ c* G* g3 l
function hidetext(){9 H  }# S& n) k
if (document.all)/ \. m+ }5 m/ y& A5 p
supertext.style.visibility="hidden"6 d- a, h# N- M2 s9 z) ?9 L4 l
else if (document.layers)3 n2 r& }; ~) @; X' p( V0 ?
document.supertext.visibility="hide"' s2 U4 n5 n: p( t& ]; p8 d
clearTimeout(animatetext)
3 F5 R0 p. J( I! n" t+ E% f}2 L, l  }4 e& l: Y( }

" ]' T! J) ?! {& B3 z! }if (document.all||document.layers){
: c* ]: E7 u& \. \document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 w8 m" w. m8 e/ Vwindow.onload = initializeBall;! E  {8 W0 A9 Z3 G# z3 @
window.onresize = new Function("window.location.reload()");
! A3 g' l+ P/ c: A+ e6 x9 ^}
  i- f" d2 `" O3 E& A# }
) l0 D0 S$ E' N& E* K' [</script>