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

zw2004

<style type="text/css">- B) A- v  ~6 U$ {+ S3 v
#supertext {- ?  K+ Z1 u' Q/ Y4 U5 `
position:absolute;+ r' \5 p2 E6 g9 {5 d
left:0;$ U; G5 U; `  {, `+ `
top:0;
+ [8 G8 {: F8 v) zvisibility:hide;
/ D! Z# z  M- h2 c  v: b$ Evisibility:hidden;
5 m' D  v+ k$ A}7 b: F' L) P5 }7 m8 W, x
</style>( D( b) t& Q4 ~1 S/ X& K
<script language="JavaScript1.2">
" ], b. f& U: V( ^: \<!-- 改变下的字体的大小。颜色-->* N$ O! c0 N3 f& P( y) R
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 G+ |/ I+ e4 k5 `, X$ |: T& b8 e
var hidetimer='';. y9 F8 w# h4 G& W3 w
<!-- 改变下的弹跳速度-->  A3 j7 V9 p  y% n0 `) k8 K
var BallSpeed = 20;
: f3 m/ k) f7 D# W* W* S1 `; u9 nvar contentWidth;
# Q8 a6 m& E' z( H4 g( v" tvar contentHeight;# S2 d; L; L* Q) e$ q
var maxBallSpeed = 50;, H1 c' P# r8 g; ~

- s- K6 Q0 ~5 P! H( [( g; w- ~
var xMax;
: B$ f* z: l9 x4 O  I$ ?9 {) gvar yMax;* W) t1 ^! W" ?! z
var xPos = 0;8 a, m/ _7 r* s, f1 K1 w
var yPos = 0;
3 z# [! {+ d- A- Q& Q" Lvar xDir = 'right';
) o; ]* w. ~& P' k" }; y2 ]var yDir = 'down';5 N# _1 A+ ]4 }& x
var superballRunning = true;
. |9 N; H$ J6 S  }var tempBallSpeed;6 C8 H8 g6 D8 j9 E/ Z
var currentBallSrc;
6 l: ~9 {, x: [9 B1 Q1 Lvar newXDir;: @' B7 Q2 p9 L2 X& d  }
var newYDir;
2 E) A& s# r  y) s* ~% y# `& k4 h1 \3 q& [3 B$ Q4 l$ R
function initializeBall() {0 k1 X5 i+ v) z/ y+ ~2 f) G
   if (document.all) {& Z' [9 T/ i0 T; p0 {
      xMax = document.body.clientWidth6 @6 Q4 @: v# W9 ?- c* u8 f+ S
      yMax = document.body.clientHeight' ?+ [! G7 t, ], e/ s' h
      document.all("supertext").style.visibility = "visible";
& n7 Q: p0 w- z0 V/ @      contentWidth=supertext.offsetWidth( w) h  ~* p" m- z( U/ [/ z
      contentHeight=supertext.offsetHeight& P. s! ~9 I3 }  ?( ^1 s" n4 V
      }
+ X3 @0 s( B5 A& I, @. S; a   else if (document.layers) {7 @3 I, P3 @2 r; I8 H- K- a
      xMax = window.innerWidth;
7 [, g% T9 W9 A1 C* U      yMax = window.innerHeight;
  m5 z, @" F, ?( I, M- d2 [      contentWidth=document.supertext.document.width" |# j0 j! ^" E+ r' `6 d% a1 K  G
      contentHeight=document.supertext.document.height8 K$ W: g4 [/ {
      document.layers["supertext"].visibility = "show";
% I5 v. J$ `4 g4 u      }2 t4 m# a, y/ H* b" }$ I$ w4 N
   setTimeout('moveBall()',400);+ j  T8 f; @: S4 C- K" z# `4 x
   if (hidetimer!='')
1 Z5 m' U! J9 \' [! M   setTimeout("hidetext()",hidetimer)& D4 _" o5 c1 ]+ F, P% e
   }
1 u4 H. G) j9 u1 u1 A0 O! F5 I1 G! ]' P$ j/ t- Z# g) n
function moveBall() {; [- X# S/ t* e2 e
   if (superballRunning == true) {
+ L5 K# h8 \" g; j- k) @" l6 `      calculatePosition();  G7 ]6 H. n- |  d
      if (document.all) {
4 O5 T. f6 ^+ r$ ^1 J2 D9 \         document.all("supertext").style.left = xPos + document.body.scrollLeft;- t9 `7 Q$ }% t; j; ^3 }+ A# D
         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ P) D9 p3 @2 I3 Q7 u+ e         }; W4 o( ]; v* t9 d7 i
      else if (document.layers) {
: {* x& z1 X/ D/ h$ y  ]' k3 r         document.layers["supertext"].left = xPos + pageXOffset;
, V4 `6 I5 j1 b; \         document.layers["supertext"].top = yPos + pageYOffset;2 M8 L5 p/ u) H: ~
         }
, m& V0 o. z7 b4 X4 I7 f      animatetext=setTimeout('moveBall()',20);
& Y+ u9 f: R, B$ s1 x6 z      }
- U4 B- a4 M: O' m% d0 O   }( @* n! y5 {; a/ }7 B
5 A' {8 A& a! A" L3 |! T4 }
function calculatePosition() {
# x7 C: N' c( \2 W: ^   if (xDir == "right") {1 z. [( v3 l+ c4 K5 H7 ?, M3 T, ?
      if (xPos > (xMax - contentWidth - BallSpeed)) {6 M9 j* Y7 T7 y
         xDir = "left";
; a, ]- p0 Y$ b/ E         }
5 j% l. _& |4 |2 H( t) J/ J6 \      }
9 J, C: I1 D5 J1 D   else if (xDir == "left") {
( Q. s* M. |, T: h' f      if (xPos < (0 + BallSpeed)) {
) A  f  x: h# m/ L& O         xDir = "right";
5 r4 [# h+ Q/ M& I- A+ k# H         }
, _6 `, F9 S; j0 X/ d! Y1 u      }
/ I$ N+ |( O) d# C3 |: _   if (yDir == "down") {7 f8 ^* O, l. A, Q' l0 p- u
      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 X9 B  `5 X8 ]- N/ k# q& G         yDir = "up";, M7 Z3 F8 i8 @1 V% }
         }9 J& T5 J0 Y6 l2 R* F) r1 a8 ]
      }
- V4 Q8 X3 m0 ~2 V' @' `   else if (yDir == "up") {
4 r/ N4 E" g; E. ^3 I+ A( s! C0 Z      if (yPos < (0 + BallSpeed)) {
3 U" j5 k3 S5 ?5 R5 o         yDir = "down";) p8 n9 X- w+ P9 T7 K
         }) v8 e3 m- _8 _" z# Q
      }: n2 n" z/ s. Y2 O( i) N
   if (xDir == "right") {- Y7 u0 p5 B% P' l0 ^/ {1 w
      xPos = xPos + BallSpeed;
4 w$ L7 w  p: t! x! P4 e4 P, s      }
- q2 |- m; q8 f( f# x   else if (xDir == "left") {
5 z. ]9 U7 l5 p6 |/ S" M5 ~, |      xPos = xPos - BallSpeed;
2 c; z- Y7 d: P7 f2 g* ?      }
9 E2 x- z2 O" r9 b% B7 o3 i   else {
5 d2 J, W8 r/ f2 R( I! }# R. f! N7 H      xPos = xPos;
& e6 v' g+ D4 z+ U( I      }
- x# [: x4 b% D3 _3 s9 P, T   if (yDir == "down") {1 ^" m! e" A  g* C, k. M* t/ Z
      yPos = yPos + BallSpeed;) i; D  l; E8 X& F8 q6 U
      }0 S+ g7 q; O$ s6 B
   else if (yDir == "up") {
$ s6 J$ B( G1 E- e      yPos = yPos - BallSpeed;6 x/ o7 `2 f( j9 y# T  L
      }' P0 d8 j/ B+ J" g# Q% r
   else {
& ?5 x' ~$ ?' N$ Z' H" k      yPos = yPos;* u# R' d& p- T$ G( C' e; r6 k0 b& O$ t
      }5 s; T: x' y+ @2 B' ~
   }
, ~3 y+ F( Y/ }6 ~% D- d' m& I: `- G/ c4 Y/ h7 T* W
function hidetext(){" o, g* z5 h' C3 T* I: n7 M
if (document.all)
0 [' ]. n: a$ f+ J  _supertext.style.visibility="hidden"
$ K, y0 L! G! K' T' o) z; C7 P) oelse if (document.layers), O4 T( G. h8 X! P
document.supertext.visibility="hide"9 }- \8 k% }/ N7 y% B' I  a. R4 V
clearTimeout(animatetext)* ^1 R: E/ f* r  }  I2 q
}
6 ?. M+ C8 b7 _  L* n5 F9 x9 @7 h8 H1 k* h3 z+ T$ ^6 H- T
if (document.all||document.layers){
2 q! |2 q, A" T4 P. Z7 R  p! A1 odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 P# x/ s4 W& T7 U
window.onload = initializeBall;
8 E: t; d7 w% G/ J  M: `window.onresize = new Function("window.location.reload()");; J1 z4 ^' c% T' g& T( ^
}. o0 W* b$ A  I& S4 r& A

) s% ]* a4 v' h3 o7 k$ [</script>