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

zw2004

<style type="text/css">& |9 j) T' ~; z& l0 M, ^# R9 ^3 m
#supertext {' Y$ ?+ z0 M8 E6 D2 u' @- M
position:absolute;
+ Z: g* ?. [- z0 gleft:0;
) P- F' [6 P7 T3 {& _5 r" ?) C& Atop:0;
' ~7 r! g! w: ^) h4 e& hvisibility:hide;
; Q) \. ?* |( c% a. K8 A+ Dvisibility:hidden;. e8 v& r/ ]0 F9 T9 [
}
/ [2 E, K: [, ^, S</style>
9 l! @) c* K( g/ u# ?" l9 e<script language="JavaScript1.2">
# v; N' v8 Y, }  x' R! A0 g% v<!-- 改变下的字体的大小。颜色-->
$ ?: |  u8 E0 m! pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ q" h* u+ q2 d2 a8 d( Zvar hidetimer='';) B6 E2 g9 l: Q/ J  ~8 Q
<!-- 改变下的弹跳速度-->, p7 T9 J3 \  R  \3 b# L
var BallSpeed = 20;6 u: y7 B" l9 E
var contentWidth;6 l/ m# q# N5 J/ t5 u0 h
var contentHeight;! |& C6 Z: ]. e; K
var maxBallSpeed = 50;
/ y; I! s$ H) K
$ i% m+ O( s3 y# S' r7 x$ f  E
2 _; d  n9 {! d+ o" Q. k6 @var xMax;4 t3 o- W& S# \
var yMax;
' _) Q5 R1 h- C& f( Vvar xPos = 0;- J* h! f; Q. j' |5 l2 S9 u
var yPos = 0;' }* D3 c5 u" u3 Y1 \9 e
var xDir = 'right';8 ~, }1 V; O% F
var yDir = 'down';& W. J8 C# d6 k9 h/ d2 r& [: u
var superballRunning = true;( N5 ^* p( ~3 d7 r% B" v
var tempBallSpeed;* Q- O3 d( N0 B& G0 X* \) I+ ]
var currentBallSrc;
: E- \2 r7 d- R3 P) C! dvar newXDir;
/ {& X# v. a0 l) k& ]var newYDir;1 f% ~: A  m( J& L
, H1 o; F$ R2 ]1 M4 X; ^1 \
function initializeBall() {
$ c$ z5 o" u# W+ y   if (document.all) {
+ m0 U8 ~8 @. J* t      xMax = document.body.clientWidth* {% E6 D! D8 T
      yMax = document.body.clientHeight
: R) I: r9 s7 i. J3 _! V, p      document.all("supertext").style.visibility = "visible";9 F3 R/ h% P. b& \
      contentWidth=supertext.offsetWidth7 E' [0 U9 D) Y5 x7 A" w" v/ I6 l8 t$ W
      contentHeight=supertext.offsetHeight' ?9 ?2 a1 n! n1 s
      }
- R* D! K2 E# r- P0 ^6 M5 s   else if (document.layers) {
- B, J5 S3 \0 W2 m* c0 Q4 ~! \      xMax = window.innerWidth;1 @7 e2 J: \" j/ \9 _! b
      yMax = window.innerHeight;( U2 i0 I' r( G/ k
      contentWidth=document.supertext.document.width4 t# B2 S1 j& U# G5 ]( [
      contentHeight=document.supertext.document.height
, a  I/ Y( D2 s1 Q  `% G6 k$ \      document.layers["supertext"].visibility = "show";4 C7 }, P- a& n8 [& M* O2 u
      }: M5 X) X- u* A9 W) @
   setTimeout('moveBall()',400);
1 G7 m  N3 u" T+ i   if (hidetimer!='')
9 T6 x, B8 ]! q8 K4 G3 k   setTimeout("hidetext()",hidetimer)) c4 d- D: {" E& S
   }$ i) c/ X) n4 T/ ]" X& u% K, x

  Y* Y0 y( C+ b5 H' g7 z  h- xfunction moveBall() {5 ~3 ]8 t- t# v' B2 |0 i4 V/ H
   if (superballRunning == true) {
: W. u7 t  M. R8 [( ^& Y# F% k      calculatePosition();
3 v( ~' ^! Y* ]) i      if (document.all) {* }. Y, t* D5 M5 Z; J7 ~
         document.all("supertext").style.left = xPos + document.body.scrollLeft;- D/ J$ P) u' m' @
         document.all("supertext").style.top = yPos + document.body.scrollTop;
9 Y9 k. x- a/ q/ c& E7 ^+ e8 Z         }
" K& r+ x1 F) q' h: z7 j; r      else if (document.layers) {6 u- C5 A9 Z9 o  c4 C- ?: ]
         document.layers["supertext"].left = xPos + pageXOffset;
$ O2 z2 t6 b, R. G( v4 I         document.layers["supertext"].top = yPos + pageYOffset;3 n, {# g& P/ a1 A
         }' k) y) O) ]+ [8 E4 s! f! A1 C
      animatetext=setTimeout('moveBall()',20);" O' A& A( x, x! Q, l
      }
  A0 A  g1 _3 i! F. ]   }0 h8 B3 w& D) ^3 M2 h/ M
% P$ r* B, i" Q% b6 r
function calculatePosition() {5 N' Z# N+ U: Y# f, _% s3 h0 X6 H( t
   if (xDir == "right") {- J( @0 i& p" t! \, H
      if (xPos > (xMax - contentWidth - BallSpeed)) {4 R+ o) l; Z3 }& M) R8 `; Q6 j
         xDir = "left";# u5 }+ c/ ~( i3 @
         }4 i+ e9 ]$ f0 M) q2 C/ f
      }
  v/ I1 p; S& c7 r   else if (xDir == "left") {
4 u- \9 ]% S1 H      if (xPos < (0 + BallSpeed)) {
6 w) D' h7 C# ]# V         xDir = "right";; U& ?- R  J7 m' Q* R
         }
( q0 v3 U' d! Z; z      }
  d0 p4 W9 Y! U- c   if (yDir == "down") {
) o6 z8 `" l9 q& A$ ~      if (yPos > (yMax - contentHeight - BallSpeed)) {$ p0 D; T8 r3 Y
         yDir = "up";9 F. H1 J8 J6 w0 i
         }
# g) ?# u$ r; A0 `  |! @      }
6 O- W9 H  J. ^3 ?5 B! N   else if (yDir == "up") {
, v8 v7 j+ x& Z. k      if (yPos < (0 + BallSpeed)) {
" ~+ G9 C4 e1 X# X         yDir = "down";
# E( N/ E  ^9 u/ b. O" Q         }
9 r( }7 A1 h& |" m      }
$ o- g- }* @+ S+ h: v3 p   if (xDir == "right") {
# Z0 Q& a1 P0 V6 u# G      xPos = xPos + BallSpeed;
0 B; S5 C1 `; I4 R# W      }
5 @, D4 L" K& T. Q" L   else if (xDir == "left") {3 c( K# a! S- d* i$ A
      xPos = xPos - BallSpeed;4 J& @! N- ~# ^6 U3 S+ g$ @
      }# [3 U! \% v1 p1 x6 P+ Y' X
   else {
: y4 n  P$ F3 [0 c1 r/ b8 |      xPos = xPos;* B. g1 Z5 E# \* |, b7 x
      }
) \+ `3 B7 ?+ Q$ S   if (yDir == "down") {
0 k3 r7 z3 A/ \- p- f% v8 g; y$ \! |      yPos = yPos + BallSpeed;& E3 K1 y4 B* ]* m
      }
+ X" x1 ]+ r. Q; K: D   else if (yDir == "up") {
9 F; `9 c7 F* ^6 W4 |* B      yPos = yPos - BallSpeed;! y5 B9 t! g3 @7 `& ]+ k. O* T+ n9 B* R
      }
5 o& ^8 N& `( G' j   else {# G7 A6 e# K- p5 j4 }
      yPos = yPos;/ e: v, B+ ^) H+ j" z6 O
      }
3 Q$ G1 K; ^, w, b! v1 `2 i, y9 |   }4 k$ V' ~+ n2 f
* X' X, V0 x9 X* q4 ~0 ~" f
function hidetext(){
5 x- \/ X3 l- K, Hif (document.all)
6 P. ^. g: t3 y& o4 v) e, u+ _supertext.style.visibility="hidden"- m3 t# x8 a8 o% z* u
else if (document.layers)
& h  C8 z- g7 v% ^& q) cdocument.supertext.visibility="hide"- c9 p% W- s4 x- a
clearTimeout(animatetext)1 F5 r& F: `& _5 ^2 q7 A0 x
}
9 Y% A2 f5 G# l6 `4 r( D5 C1 O5 {; `0 T& M& `
if (document.all||document.layers){2 l( t, p; E, q" n& v
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( V; ^/ Z4 G* _
window.onload = initializeBall;8 Q: v  S- J9 X& n- w
window.onresize = new Function("window.location.reload()");1 T. D( e! `/ D9 j3 H
}
' }9 ?4 i3 d$ W* I' n3 R" H# [5 L0 r
</script>