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

zw2004

<style type="text/css">3 B) I. n& Q5 Z, w, s
#supertext {/ W7 h. s7 k& ~
position:absolute;
- n1 L! z+ \2 d, y- D9 Pleft:0;+ f8 v, F4 c( {  ^
top:0;
! }2 _& l2 C. ?, \visibility:hide;
( i5 v8 g+ k* k% Yvisibility:hidden;
) J. x; n7 Z% C0 d}1 K! c( i3 D. o- M0 ?8 c
</style>
* ~0 S' `1 w! I3 v& i<script language="JavaScript1.2">
& X! `; S2 X( u2 o<!-- 改变下的字体的大小。颜色-->
7 _4 j) \8 [" X/ x/ w) Lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 S# a9 G$ z2 ^, |var hidetimer='';
4 }$ K7 F( ?8 S. k8 |<!-- 改变下的弹跳速度-->
: w7 q( G" F& N# W* Zvar BallSpeed = 20;; _) N: X, |: o
var contentWidth;8 ]; E- }5 L1 U
var contentHeight;
6 C& |7 n4 l7 ~6 z/ Z7 dvar maxBallSpeed = 50;& Q4 s; J% [7 O
" J; [1 z- }6 g4 k

3 V8 t9 H: K2 H; _, w' dvar xMax;
5 k; Q: D% O% C2 kvar yMax;
2 a5 A% n! I" g9 a' Gvar xPos = 0;: u8 T) x+ \, u
var yPos = 0;
( W7 ?& P) J7 x5 L" M7 Z. x0 }! fvar xDir = 'right';$ S9 n7 A' o, G' i! e
var yDir = 'down';. R& t* d. |: b
var superballRunning = true;
: y1 W0 b' K0 C+ Z5 P" Wvar tempBallSpeed;
' i5 n# O, h& u/ cvar currentBallSrc;
9 K( P, k2 G- z" H6 xvar newXDir;
' s7 ~# X& w1 m% {! g) L% Q( K8 @var newYDir;7 _3 I$ X* l2 t1 E( l
  L% J- V+ ~8 v; @
function initializeBall() {5 X8 D* O! E7 d  Z- E
   if (document.all) {9 O, [8 ^' A" p9 h8 q
      xMax = document.body.clientWidth! J  s  B4 i! G3 l6 W* W( M" [
      yMax = document.body.clientHeight8 _1 u; q2 H3 B2 Y* R$ m
      document.all("supertext").style.visibility = "visible";
) E/ t& m1 @$ T+ ~* P% T      contentWidth=supertext.offsetWidth4 ]+ |0 d+ o! R" V3 \
      contentHeight=supertext.offsetHeight
  [4 I8 {' B4 h- o/ w+ c$ w      }7 \/ z) v$ A: t, c  d* G6 `
   else if (document.layers) {% T1 I" F) T9 d# U
      xMax = window.innerWidth;+ g5 O9 z; w" d9 `" r* a3 r/ V5 W
      yMax = window.innerHeight;
* g. S  R2 s/ j      contentWidth=document.supertext.document.width- G( J+ ?3 T' X! J  I
      contentHeight=document.supertext.document.height$ X2 ^4 ^8 T! M- T3 J; h! @+ p
      document.layers["supertext"].visibility = "show";( q& c1 U6 H4 m0 J
      }- s) e. _+ C7 K3 b
   setTimeout('moveBall()',400);
+ Q3 R7 `. k# M5 X) p0 P   if (hidetimer!='')' J* B! s) \8 ?' s6 r! i% Y
   setTimeout("hidetext()",hidetimer)
3 G% \$ N/ k6 Z+ l# Z1 x   }
4 l* Y* Z' q+ g4 Y' `" ?* p
0 d: c! o2 _8 I4 V# {5 _& C# |  Rfunction moveBall() {
) g( F: o% ^4 P( c   if (superballRunning == true) {
9 q9 U) o( P; H/ z      calculatePosition();0 y7 W7 ?* W* g0 f4 G2 R
      if (document.all) {
% _2 n- _) V9 B/ z         document.all("supertext").style.left = xPos + document.body.scrollLeft;
, n8 c" W- E8 o* j5 l& c! @         document.all("supertext").style.top = yPos + document.body.scrollTop;( P" N0 V$ q9 J4 U+ d
         }
2 J1 n- M) d( v( h9 G      else if (document.layers) {
1 H* I+ B! w4 s( T( |) t2 M: W0 O* }         document.layers["supertext"].left = xPos + pageXOffset;
7 v# p, Q2 l* D. ?" `6 t3 t         document.layers["supertext"].top = yPos + pageYOffset;  q. X# X1 ^" x7 [5 B0 `" X; P
         }+ g7 }" A: L- U, P" L' c  y, d
      animatetext=setTimeout('moveBall()',20);
8 q# c  z/ J/ Q6 B8 F4 U      }4 q' X% `4 L0 o  X
   }
$ e! s: }7 z& [9 i1 d
* j! `* J' c1 O6 {  _function calculatePosition() {
% E, z; ]5 Q: F( m   if (xDir == "right") {# h' v4 }. U$ G, z: b
      if (xPos > (xMax - contentWidth - BallSpeed)) {/ P; `2 q9 l8 t
         xDir = "left";6 Q& ]! ~7 c: s
         }! ~) r3 Z/ \' n) q8 j4 C: h
      }
: I% }$ ^/ j& L( H4 u   else if (xDir == "left") {
* z8 q2 u; z* L      if (xPos < (0 + BallSpeed)) {
% l+ H% I% a7 t         xDir = "right";
& b; w% m8 B2 k/ ]2 z" b         }
1 j, i4 I! j2 j& f" j3 z  E: m      }- ]  l4 v5 l+ Z! _# m7 c+ |; _
   if (yDir == "down") {3 s9 ^, l7 {, G( |# W4 K% r4 t" Z) O
      if (yPos > (yMax - contentHeight - BallSpeed)) {
$ C9 k2 P4 _2 S. Q2 L& t2 A         yDir = "up";
1 ?, g( K4 b2 D! R. S3 T( H2 h         }
2 Y' H% h3 c7 ~& X1 R. q* s  Q) g1 U      }5 o/ ^8 @/ H* Z! N! x4 _
   else if (yDir == "up") {
( B6 a7 g+ f3 f      if (yPos < (0 + BallSpeed)) {  K/ K) x9 o% y# _
         yDir = "down";
+ F  [- O1 c0 z# v) n         }3 a9 z( u6 {% x6 n1 j/ W
      }) ?6 N; G/ n0 \0 q% G
   if (xDir == "right") {
2 A! d, ^8 O+ y' o7 H8 O. I' c      xPos = xPos + BallSpeed;! I9 {/ ]2 N. f$ Q! B) j  D
      }; A( y) X% K. ~& z. P' O; k
   else if (xDir == "left") {
/ g2 h+ H5 M4 r3 F: ]! l      xPos = xPos - BallSpeed;) R2 B9 m) ]& g; ^% {! p2 A0 t: j: T
      }4 C6 H# t; a- y' Z3 f
   else {! K, i0 H# }& g  M3 H% l
      xPos = xPos;
# r. N9 u2 p- J- y0 R      }/ h+ R1 t" N/ |) ?& e
   if (yDir == "down") {0 u0 j  r( @1 ?% h4 z/ T1 Y+ f( ~6 C
      yPos = yPos + BallSpeed;
. {4 j" N& Q( n6 S      }' f( ^7 b8 K" M' u2 q! C
   else if (yDir == "up") {
* H9 L& Z. s3 b1 n0 k( @      yPos = yPos - BallSpeed;
' {9 e9 G- P( g4 T+ Y      }
' ^0 l0 l6 t# V( x* R/ N, a   else {& M9 G6 }3 M; w  r4 J% u; r9 T- r
      yPos = yPos;4 O% Z0 m8 P0 N, ?" J+ ]' D6 }2 Y
      }# @, X" n0 q+ \% V2 Z. ?  F0 H
   }3 Y' O5 ~1 z# B3 q8 s' M

0 E& _% U2 U0 Bfunction hidetext(){
& O$ f, k: L! p7 {6 ^6 q! rif (document.all)
9 |8 u4 B2 U8 ~* U) `4 w4 T+ h. msupertext.style.visibility="hidden", [7 @- Z/ ^* A/ X$ P0 }* ]
else if (document.layers)6 f4 A* t1 ~6 o* F2 {$ e: h% M
document.supertext.visibility="hide"7 ~% L2 X, j, P  c% n) S8 L$ n
clearTimeout(animatetext)
! A/ e- u7 Y# s' b. T$ M  {% P! {}
8 b  o: w/ F5 [6 L9 g9 V. t4 U9 Q( N$ k; C
if (document.all||document.layers){
) c( j+ e+ A* o' @: N1 `4 Hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): Y0 c1 K6 l+ @' i9 w6 E$ g8 \
window.onload = initializeBall;
2 P# ^) s1 l4 G/ dwindow.onresize = new Function("window.location.reload()");8 I/ |- b6 D# C. W0 A
}$ B0 c! Y" U4 A8 S' e' E% a$ f
* D3 l4 }' p( g3 B
</script>