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

zw2004

<style type="text/css">1 A8 {8 y9 T9 D5 C, j7 x& j0 r
#supertext {
+ C" w% y, W) v9 T% V8 l7 T# Kposition:absolute;
: F  A7 B. W( u4 H3 l* j+ ~left:0;0 T7 N4 @4 e" ?: W3 K
top:0;" i2 F5 l5 s2 a
visibility:hide;+ s- _# I: b/ h' ?8 J
visibility:hidden;
" C1 o1 S( \, d& V( u6 K; W}' C6 u6 R3 [3 `+ l0 Z7 a
</style>+ ?9 S+ M& ?2 A$ b- }
<script language="JavaScript1.2">
1 s9 z3 i' y* k3 `3 F<!-- 改变下的字体的大小。颜色--># @% {4 Z6 S3 N$ O" P1 O" D9 E
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 C9 d$ q9 ^, {7 V' V1 T! z% F7 Gvar hidetimer='';' M& K7 ^0 P/ l8 d0 i( R  ?
<!-- 改变下的弹跳速度-->- v4 r+ X4 D; L
var BallSpeed = 20;5 ~. T+ q# u* y6 I0 _( j* ~" o& C
var contentWidth;
! G( W5 p3 m- N9 x$ C$ U) }8 [7 q# O6 Xvar contentHeight;
$ W) @8 G9 x$ q. W( bvar maxBallSpeed = 50;
( t2 W8 g) K0 ]* @6 A+ n6 D. H5 H) c
: G! E) u+ Y& T" L9 I
var xMax;0 v  Y: N' T1 t: C9 D
var yMax;' a3 Z6 y2 O0 \7 ?1 X# x5 P  B
var xPos = 0;, b* G( N- d" {! h. e
var yPos = 0;
  R  X$ C6 \; }+ h8 X$ w$ Pvar xDir = 'right';
0 ^1 l& D# r) i, T% m5 Z! @var yDir = 'down';
: m: a# D$ M  |" h9 }2 Bvar superballRunning = true;
# ~& x0 J7 }* A/ J. X) X8 j" [/ tvar tempBallSpeed;- _6 K2 D' t; c$ w9 h) m& N8 q
var currentBallSrc;, g% Y* P% }; @/ R- q. K
var newXDir;
" m" v. c, X, P& \( m, ?; s. }9 ]var newYDir;
5 J$ V( H% H3 I0 D5 S6 A6 d
/ \6 i, k$ H1 X$ H* |) P3 ^) Lfunction initializeBall() {
  Q# e0 E- r. `& h8 W2 M1 B6 R   if (document.all) {
% ?8 r, A. s1 p: b0 k" v      xMax = document.body.clientWidth5 v) F$ z( T1 C5 X4 W) N9 {
      yMax = document.body.clientHeight! p. W  h% T1 t% l& y2 q1 H2 B
      document.all("supertext").style.visibility = "visible";) S4 ~5 L9 z, _) K3 I0 F
      contentWidth=supertext.offsetWidth
5 @4 @! i5 W; ], i* y      contentHeight=supertext.offsetHeight6 |. `: G* m5 @. V% R
      }
# u8 F; i, N. R$ o! e8 G   else if (document.layers) {
' b8 F6 L: ]4 {! E      xMax = window.innerWidth;2 P  q' R7 L7 J+ z2 O& ?0 G
      yMax = window.innerHeight;+ j4 F& g+ I4 L- Y5 J7 e
      contentWidth=document.supertext.document.width0 R3 Q+ B" Q8 x6 Z$ S6 D
      contentHeight=document.supertext.document.height% n; G& v  _8 J, ^" j! f
      document.layers["supertext"].visibility = "show";' F$ ~! @' b# d
      }+ G* S* |% J$ h4 Q' c
   setTimeout('moveBall()',400);
7 H7 l* z0 `- L: S- ^6 e   if (hidetimer!='')) n' Z( n4 Y. C5 v
   setTimeout("hidetext()",hidetimer)
1 Y9 g' ?: Y+ ?' \   }
% ], q/ I+ E! r( o! H4 s/ T* ?/ i3 Z- Z  F7 p, V& {  C
function moveBall() {' _/ i9 |+ H8 e7 T/ x' R, q2 b3 ?
   if (superballRunning == true) {+ |6 y) P7 i4 @
      calculatePosition();+ C! y, n7 F, q/ P* R$ ]+ K
      if (document.all) {
7 w0 l$ ?: _1 _9 w% E# P         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( n% x, s0 V/ K; Q         document.all("supertext").style.top = yPos + document.body.scrollTop;1 a/ v6 f5 {. y) E3 I0 i3 V
         }( y. ~( \5 I3 ]: J" B
      else if (document.layers) {
6 m; H- h6 b2 y4 ]6 C4 d5 p! r         document.layers["supertext"].left = xPos + pageXOffset;
' o: f+ q& R3 h/ w+ d         document.layers["supertext"].top = yPos + pageYOffset;
# J2 D. n" t, t; l0 S# y' M         }
; U1 n; ~1 [# Q      animatetext=setTimeout('moveBall()',20);: t6 S% E0 s: i) i% e6 _# i$ B7 w9 H
      }- W* F% D: f( m
   }
0 v1 I5 Q$ V3 V, Q$ }4 O9 I4 D. L! F2 l- K5 i$ J4 Y
function calculatePosition() {
! P3 m* L  e7 D% y9 k   if (xDir == "right") {. @7 [6 ^% I* j. @/ ]# n
      if (xPos > (xMax - contentWidth - BallSpeed)) {7 t' L9 E; Z( h
         xDir = "left";6 ^" L' g1 M+ }' ]
         }
' z' J" M, l( ]0 @      }
6 G: m" U3 R3 p( {" {8 n! G0 R& G$ m/ L   else if (xDir == "left") {' L9 ^+ y' A- o! l9 p7 H
      if (xPos < (0 + BallSpeed)) {& W; V; b3 p$ X
         xDir = "right";
1 O- i$ F# ~. q* X         }
3 K2 {; G7 E# a# j8 w: v! x& z9 m      }
3 |) ]# w9 \# n; y  ~   if (yDir == "down") {
" |/ ~. P" C" n& I+ N: A      if (yPos > (yMax - contentHeight - BallSpeed)) {$ ]( z6 e2 }) o+ N3 M  Y
         yDir = "up";. U% o. s8 r) R# L/ A; g5 G3 w0 S2 p
         }
+ {. Q5 P0 C8 W0 Z* |( g      }
, [  V- l2 A# U5 U   else if (yDir == "up") {
( k. ~6 m% R6 E& V, M' O$ z- r      if (yPos < (0 + BallSpeed)) {# Y; ?- d6 e# `* \
         yDir = "down";# z  Z, J0 Q% t% T  ^: w
         }$ X) b) r* J7 w# T( {
      }! E2 F1 K: W8 ?% E" h1 E
   if (xDir == "right") {9 b. m  M( q. `6 `, f" N- Z: g
      xPos = xPos + BallSpeed;% `8 h$ |! b% ~; l7 y4 x# y
      }
3 x- m: x' E3 B: o   else if (xDir == "left") {
1 r# V& E: E0 h$ f( C. q      xPos = xPos - BallSpeed;
4 |; J7 L/ _+ }0 t. s" ^      }2 p6 k3 l* b' B
   else {: l% k' e) ~" k3 K1 h6 q
      xPos = xPos;
0 I) E% w/ [2 M0 b      }7 z% X0 ]  N  e; [+ M
   if (yDir == "down") {- r" }" A# Z& D! l6 F) Q
      yPos = yPos + BallSpeed;
3 d. s- S2 T5 o7 z; k      }5 Z5 t' u+ v6 i2 v
   else if (yDir == "up") {
" q0 s1 q0 J! g" u+ H0 I; ]% T8 I  Y) n# ]      yPos = yPos - BallSpeed;: O% [+ B8 S" q9 b1 h' T% Y5 c
      }, Q$ U) c& Q  X& w* O8 k
   else {6 `, j: v7 U9 Z& l/ Z
      yPos = yPos;
3 _! S% C) u6 z+ h; _      }
9 M: U" ]: W) B; S$ k' X   }* |( K) o1 ?' q5 H4 \

4 b/ v. Y! B9 o% b5 p! E& M! t1 H! Jfunction hidetext(){& Y$ T" a, A9 S& G
if (document.all)
9 c4 q" h2 t( u0 S# ^7 @: xsupertext.style.visibility="hidden"( D( X8 Z: h' _9 ^! g/ {
else if (document.layers)! H8 Z  V; P. n7 ~! p
document.supertext.visibility="hide"6 G& k( ?5 g( ?8 U& e: V! ^
clearTimeout(animatetext)
, {- l4 _) b) \) U5 H9 j}
7 D% h3 H% P7 Y4 B$ b  a+ J* A3 f# R0 ]6 I
if (document.all||document.layers){$ u2 q2 k  e* J3 h6 n
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' n/ v. g. j* j$ ^! T
window.onload = initializeBall;
# v& t' R8 [1 g" E- i0 e& O  _. swindow.onresize = new Function("window.location.reload()");
9 P$ ^# q4 N* C# m( J. X}" u0 B' {( R/ ^

# y0 ?$ f; O  c  `</script>