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

zw2004

<style type="text/css">9 u& l+ w9 B9 D; Q3 b% [
#supertext {
' `9 V$ K! J1 \) e# E* F- a3 bposition:absolute;# p) f2 Y" N8 m, e, f
left:0;( i( O4 d3 k" J4 x% O
top:0;
) w3 M! n4 {) Z2 {6 q9 |9 svisibility:hide;% k* X/ G5 V% H+ }* p$ G
visibility:hidden;9 a  @( q% v5 j2 \" m+ y( s6 L
}) l! ~  t" @- N' [$ F3 W
</style>
. U% d6 o3 b' U# ?<script language="JavaScript1.2">/ z0 d3 {$ f8 W. Y  z( r3 V
<!-- 改变下的字体的大小。颜色-->
5 m1 p9 ]  h$ L/ D% }3 ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. ~) b3 k5 [, K5 n6 J3 Y, r
var hidetimer='';. f: Q5 C3 d( B' K4 L5 B, {8 ^
<!-- 改变下的弹跳速度-->
2 u. ~$ Z" g) H3 F: P7 H$ xvar BallSpeed = 20;3 ~- C& K& B' ^: X! }% T
var contentWidth;" i; r8 T+ H/ d: o4 a
var contentHeight;
2 H+ A% \8 a0 [$ Fvar maxBallSpeed = 50;
' O+ ~- G1 V0 \- `( u) u1 q# f3 O' v
! Z% f$ o3 `; e) n- s' h4 y/ r
& ^3 J/ `1 g' j' I+ S/ Avar xMax;, c6 G9 ]7 c( ]+ I, j
var yMax;
8 T6 v; f/ U! J* [/ |; Ovar xPos = 0;: ]) Y( |" t: b
var yPos = 0;
; Y+ \9 d) N$ {4 |var xDir = 'right';
4 U$ M; I: s1 Z8 h* cvar yDir = 'down';+ R, V) J8 C- ?8 M* f
var superballRunning = true;
: \7 g# a9 U- S* q' `var tempBallSpeed;
: D% {/ e/ G* B' Y( {var currentBallSrc;5 v( W# w9 Q- u5 R9 J, r2 ]
var newXDir;, R# A9 [+ W0 ~' ]+ b6 B
var newYDir;
" T$ ~3 ]9 f3 k3 x- {2 E) P5 g* u, h8 F3 k0 p9 D
function initializeBall() {
) o  T$ p4 N5 a7 B: ~# }" R   if (document.all) {6 ^4 T3 m$ v  T: H9 g& ^% i
      xMax = document.body.clientWidth& @$ m. Y6 r/ C) I: s* ]
      yMax = document.body.clientHeight# ]+ V& p. P- R9 P9 }
      document.all("supertext").style.visibility = "visible";8 G  V4 A$ _- p( k2 d
      contentWidth=supertext.offsetWidth7 i# D: p0 e+ X% n
      contentHeight=supertext.offsetHeight' I* k& L1 ~3 @! E, e# U
      }
) O' O- R; s4 e   else if (document.layers) {
' M8 ^) L' v7 |) L% E$ m. B      xMax = window.innerWidth;
- P) j/ [5 u/ I! K      yMax = window.innerHeight;
; j; y9 E$ T% {. A9 M- i  W, d      contentWidth=document.supertext.document.width% Z! w4 P/ D4 M4 D* {3 [7 ^6 \2 y
      contentHeight=document.supertext.document.height- \3 V3 T% S" V# O' g
      document.layers["supertext"].visibility = "show";
4 {, p* @& c4 Z" k( I# q      }
7 o0 m/ K! `, I* X/ L) G   setTimeout('moveBall()',400);! n1 Q2 Z" n9 Y/ E
   if (hidetimer!='')+ Y' c3 f) K% s
   setTimeout("hidetext()",hidetimer)
7 ?6 x# _1 n* @% @/ n4 v4 K$ H; N$ m   }& z& I0 |1 V  M: H" Z4 I

, ~9 _4 O, Q6 ~7 H2 |function moveBall() {
8 b/ x4 l% j) X8 c( L# x0 G   if (superballRunning == true) {
* c7 ]- a3 @! M- d: F      calculatePosition();
& v7 j4 w6 k2 ^3 ]4 P" s% }      if (document.all) {
( N% t8 [4 }! E& |/ j- @         document.all("supertext").style.left = xPos + document.body.scrollLeft;
# t% q; h/ F& x, }         document.all("supertext").style.top = yPos + document.body.scrollTop;
7 z! c2 N/ `' l. p- z! G. U8 O, v         }$ V$ [& p: O; Z+ H
      else if (document.layers) {
/ }7 T5 @% h2 H. v7 |         document.layers["supertext"].left = xPos + pageXOffset;
+ d; B3 u  q/ J8 b$ z0 @         document.layers["supertext"].top = yPos + pageYOffset;6 ~# Q$ Z) o+ W# P8 Y
         }2 p% u- I& Y, l  X1 g
      animatetext=setTimeout('moveBall()',20);
0 }7 [2 q% }6 C6 }; O$ F. F! i      }) D, _+ A; O; c# ?
   }
# g$ [6 {7 M, o& e% ]4 @! G& O- ?6 I
function calculatePosition() {
) {) H4 W; Y+ R   if (xDir == "right") {) E# ?7 P% P% w! L4 n
      if (xPos > (xMax - contentWidth - BallSpeed)) {5 ^( R2 x2 h3 }* A- A% _& w2 o
         xDir = "left";2 ^' P) A- E' m) f3 a' Z
         }  n) \% y( q6 }( F7 q
      }
, _) q8 x0 ]9 k& N   else if (xDir == "left") {
& ~( D( i( @! j  ?2 S      if (xPos < (0 + BallSpeed)) {
( B, m% W4 o7 h% Z0 a5 o+ Y         xDir = "right";, M6 e  U( I6 }: {
         }
0 X6 Z, J' i8 z& \      }
; L% v; }9 }  g7 S; j% X   if (yDir == "down") {
. `/ j: A; k* g1 c8 I: {      if (yPos > (yMax - contentHeight - BallSpeed)) {& p/ Y- M7 a4 k9 N) A
         yDir = "up";
+ l9 B2 X2 M3 K7 J1 u/ C         }
, c, Z3 f3 r' e      }5 r/ @2 ]9 H' D9 R  O
   else if (yDir == "up") {
  b; V: `, j) C, D3 b/ [      if (yPos < (0 + BallSpeed)) {
1 ?! U' z) y4 v6 Y6 J5 l, n/ l         yDir = "down";
0 |) L$ I! a2 `2 [         }
  Y$ `- a% O/ ?      }
! H; a/ L2 l! C9 W5 n* x   if (xDir == "right") {7 f, E( y% {, u; Q3 c) b! R
      xPos = xPos + BallSpeed;
  M" e8 m8 J! v/ i      }9 Z# F2 p0 z  E6 E7 F( Y
   else if (xDir == "left") {
. m( ]& ]# n9 ]7 W. }  m) Y      xPos = xPos - BallSpeed;4 P" c$ P1 f  @1 }6 c
      }
# m1 m; X0 n: p1 k   else {) `2 T% _+ E5 q) N. V6 D; \
      xPos = xPos;; |) {2 p& F) ^( q+ n
      }, z# a% n" P( x
   if (yDir == "down") {! a" {4 ~3 v; h
      yPos = yPos + BallSpeed;7 D3 [" o$ @% @
      }
! I9 U& ]( T2 R# m; v9 X7 k5 d   else if (yDir == "up") {, M  ]( S6 s% g- Z! n8 K
      yPos = yPos - BallSpeed;( E1 n6 Y" T1 J9 @3 ]* A- {
      }
# k: h5 m5 B7 s   else {! Q0 \$ P/ j/ P- @- X: p8 z9 l
      yPos = yPos;
1 b( I& i. \3 ^* t3 s. h. M      }6 N: V. G; n( i- r- m
   }
- j5 l. e; Z2 h$ D
0 F- q+ K. u# S$ M+ B9 xfunction hidetext(){
* h2 C6 O1 k1 K: eif (document.all)
+ m2 K- P7 ~1 A; k6 C. w# @- g. `supertext.style.visibility="hidden"
) U5 f( j* l' o2 d6 P" j/ E& _& Lelse if (document.layers)
" a. c! O4 S9 u" h( ]6 hdocument.supertext.visibility="hide"
/ _! }& i2 h% B$ I( _% eclearTimeout(animatetext)2 ~9 P; B' g9 U6 T& ~4 e% p
}
4 ]; k% Y/ y( X0 n, p
* G3 R) V) O' j+ aif (document.all||document.layers){# s, b5 W$ S3 D  {5 m3 J
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ `* i. Q, C5 x8 ^2 Q( fwindow.onload = initializeBall;
5 A, f8 X& k( P; g7 |. iwindow.onresize = new Function("window.location.reload()");
' t/ b9 e3 x& M  n' Q4 p}# j4 M! s& \* P
" ^6 |/ ]) [6 g, W/ u& H0 W  V
</script>