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

zw2004

<style type="text/css">9 n, Z/ A& {$ ~' H& ~. X* ~4 f) ?
#supertext {
2 L' K# `7 h# w5 h; q3 @( A: A6 Eposition:absolute;
7 n2 _4 y5 S+ D% P2 e* G# lleft:0;6 a' ?  @) D. M) ^- J! g! u+ U
top:0;) a  J3 _7 X8 T" I& Z- J# \7 J
visibility:hide;" X. b2 ~, r4 U* H  P6 G
visibility:hidden;1 s2 x. W! ^$ O0 y1 H
}; f# w" H" }' t& q
</style>
- L3 G3 K  n; g$ Y<script language="JavaScript1.2">+ b/ q3 B; x% [& {( |) |
<!-- 改变下的字体的大小。颜色-->: u2 r& `: l8 V7 W; Z7 D+ C6 M# I& X
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
5 n0 R. J0 C3 Z3 S  ^( ^var hidetimer='';" [7 [4 u$ a) @$ A$ o4 a6 f* t
<!-- 改变下的弹跳速度-->
% f% `: b' h  p' z8 R( yvar BallSpeed = 20;+ K5 _( u0 d% s) Y
var contentWidth;( q$ f& g3 P! j% r: K
var contentHeight;- j2 ]2 ]& p6 P. q7 q- K
var maxBallSpeed = 50;, q- q: m! {7 |7 a) N

3 x6 `0 a2 w* C3 Z0 C0 s+ B* I9 F) u5 V/ |6 Y) V" [$ A* H; {
var xMax;3 Q% j7 y* U8 G2 V2 u0 P
var yMax;6 e( \$ v% {+ L  P5 T
var xPos = 0;
6 R3 i, o0 \9 B7 uvar yPos = 0;2 |0 s: k. g. p6 B* L3 {6 e- \8 v
var xDir = 'right';4 ]3 d3 Y/ v( m$ G8 }+ H
var yDir = 'down';9 ]# K1 G' I4 x
var superballRunning = true;
5 y+ k4 v; h; o& L4 L# |+ L3 uvar tempBallSpeed;) H6 G! e. N3 n2 v% ?1 {. R6 p: o. u
var currentBallSrc;1 a% y( X& A) E6 `
var newXDir;
1 n. N( s' P' x2 z& J  b5 R- ovar newYDir;7 M$ H& M* R. y: t3 c* d
6 F3 r) X) Y: P0 n5 F: R
function initializeBall() {- N3 E( E% }1 B! G
   if (document.all) {6 a: E2 ]. }6 }) b+ ~  R. e5 c
      xMax = document.body.clientWidth
5 v5 m+ X1 W+ @      yMax = document.body.clientHeight
" X* X8 Q& h- L8 D      document.all("supertext").style.visibility = "visible";
& e  h$ Y4 z( @% Y      contentWidth=supertext.offsetWidth- L0 ?- o) L$ }' {; J
      contentHeight=supertext.offsetHeight# `* V  B" b& }7 K9 p
      }% f3 V8 S4 W' N2 t  H( A
   else if (document.layers) {
* `3 O1 J+ e7 Q6 C      xMax = window.innerWidth;( q  r# q1 J& e: Q
      yMax = window.innerHeight;
, h& u( T& H0 F6 |1 x! ?7 l      contentWidth=document.supertext.document.width. j' m4 k* K. ]7 r4 s
      contentHeight=document.supertext.document.height# K. u& C2 b. w% j
      document.layers["supertext"].visibility = "show";
5 f  B# t3 }1 M+ l( d; p      }" _! K+ ?( m; [1 r
   setTimeout('moveBall()',400);
4 I, Y- n! ?1 p   if (hidetimer!='')
, I: i- j* o% Z+ U2 `; @   setTimeout("hidetext()",hidetimer)! \1 b5 C6 m5 C$ F1 H
   }
1 ^9 f3 V: h6 x" q3 [; f! {' P3 x9 @& z9 r' v' e
function moveBall() {
5 t) C# u* F1 ~0 K5 v6 r   if (superballRunning == true) {
4 v. @! Z' b5 d1 A$ Y' h% r& G      calculatePosition();) ]: ]8 S7 b8 [5 |. G6 b# L
      if (document.all) {" a+ z# y2 I& a* F+ L% r& |4 X7 {2 y
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 T* g4 @  y0 j% L         document.all("supertext").style.top = yPos + document.body.scrollTop;
# z0 f8 H) O1 o9 V: u- Q         }
( l/ ~! \6 B1 v! s      else if (document.layers) {
0 b# |1 A  F9 g6 R         document.layers["supertext"].left = xPos + pageXOffset;4 d% C1 n% \; F4 q+ a) r0 y& R7 ?$ a
         document.layers["supertext"].top = yPos + pageYOffset;
4 J: H7 B8 N4 Q. v3 a% P: ]         }
+ p  v% C; V0 U- g6 a2 V      animatetext=setTimeout('moveBall()',20);
7 c6 q% N) b2 [+ ?  f      }4 A2 o# ?1 e# h' E& }9 M! _( m, H
   }- u$ @2 D" Z$ z
" s: N" O" u) i! Z
function calculatePosition() {
7 S. R, z) Y' A& e4 o4 o5 @   if (xDir == "right") {8 \( K) W( R: [  T& O  a
      if (xPos > (xMax - contentWidth - BallSpeed)) {: ]# s5 E* g1 E7 d; n
         xDir = "left";0 C+ m9 ?" P' l0 o8 e/ E  ]
         }1 T& E; W/ |& M4 @; L7 D
      }
. ^- ^- r0 d) E* S3 J  Q* j   else if (xDir == "left") {# C* u9 L1 J& N) V  D& \% @
      if (xPos < (0 + BallSpeed)) {" v( D4 H8 ^1 j
         xDir = "right";
! ], l! d4 q' F: R7 ^: k         }
8 U3 E; Q' G/ J  q) i/ D      }
$ i* G) S4 X# j7 P; _+ o   if (yDir == "down") {
2 Q- r+ B8 l0 f& w' B      if (yPos > (yMax - contentHeight - BallSpeed)) {8 M; u  j  i: b: l6 ]: t) P' _
         yDir = "up";
/ _* j/ b' D* [; E% ?2 k4 a         }
7 j; E% w, y( m6 z; E      }
% w( a) u# y3 L   else if (yDir == "up") {
7 }" s2 ~8 I: H9 L0 \6 D' @      if (yPos < (0 + BallSpeed)) {
/ K5 w# P% J' ^2 l( @! G$ p" i4 P         yDir = "down";
- Y7 S. J" c: H8 ]9 D# q         }: f# g, @$ o8 P7 K$ K. K
      }8 k3 z" b, \  G$ T6 ]3 b/ q: S1 ~
   if (xDir == "right") {
4 ]7 B9 U' C! m      xPos = xPos + BallSpeed;2 I+ G$ O! C) D  _- Q3 q8 B+ O4 G
      }3 z# x4 B# ^- \' g$ V3 j( b
   else if (xDir == "left") {
* w  u" |1 `6 O, d' R. M9 Z0 C      xPos = xPos - BallSpeed;
( X4 y5 R7 o* Z/ {      }
! [, ?% U* @' B8 v( |; R   else {
6 M; k# ?" a+ s- O      xPos = xPos;: s( i/ g5 e8 |( F( x& O
      }6 F' A" Z% f$ O% {0 ^
   if (yDir == "down") {. n( k4 V8 r: Z) A) m) K, u
      yPos = yPos + BallSpeed;0 A: A3 V. k9 r
      }
* M: l/ L$ M. b* u9 ^9 F/ J( s! M   else if (yDir == "up") {
) S' }/ v; P. k/ j' Z( O      yPos = yPos - BallSpeed;
4 L4 P) _7 D* g$ l3 H8 K      }4 Z! C0 U% w& q! w- ?
   else {5 _7 a2 {: ^) _. o0 b! C( W
      yPos = yPos;. s9 N% r2 J9 F) ^- W% H
      }# {, A/ Q" S# Z+ G2 q. v# x
   }# j+ }  \+ z. i/ T2 H# X

) z2 S) E! q, S. |function hidetext(){9 R6 m# Z% `5 X
if (document.all)! q) v' ?$ D# R
supertext.style.visibility="hidden"
* o5 ^: R6 @# b1 M5 uelse if (document.layers), x# @* {& N. [- E  h3 `) M
document.supertext.visibility="hide"
. n  P, F4 }* b2 J8 NclearTimeout(animatetext)
* f/ T" r' }3 ?* H}* R. ~& l( Z5 Y2 w  X+ S& \! P: }

- A  k6 B: Z  f- rif (document.all||document.layers){" w( b2 {  V& F0 p/ f
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) l; ~! L. ?5 F9 m& gwindow.onload = initializeBall;
" d. E4 l# j6 C" Y2 n1 pwindow.onresize = new Function("window.location.reload()");& `$ A1 x4 q1 p4 m# E4 a
}, Z7 U5 J- T9 a9 c1 c& u

- `9 b/ {$ _" o) D</script>