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

zw2004

<style type="text/css">: [5 i' n. S0 p5 B, P
#supertext {8 {* N9 H8 ]: G0 G  H# ], t
position:absolute;- A2 i4 e; `7 i* A; U+ X6 o
left:0;5 ~* Y, \6 ?& Q- {
top:0;
# x2 h) ]9 u8 u6 K* T9 c9 Fvisibility:hide;
! G- e5 A" ^/ T4 Tvisibility:hidden;# X, w2 O' l* [1 `+ J
}
  X0 w% d, u! x& Y& X( {. S7 P</style>
. K3 n9 B& U2 t" N7 ^7 B, X7 b<script language="JavaScript1.2">
" p! k  x3 j# R4 |<!-- 改变下的字体的大小。颜色-->
* d2 H( y2 y" o' [var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 y( ?3 t$ l% `% M. tvar hidetimer='';
) ^6 Q: g3 n' m0 J" Q' E* h! X! `# b<!-- 改变下的弹跳速度-->) h9 D7 S# v$ G# l1 ]3 l
var BallSpeed = 20;4 L" u. R8 e) x3 f( X
var contentWidth;% z& W+ n6 j, S4 k" c  C
var contentHeight;+ M0 m4 X' f/ K3 d% t
var maxBallSpeed = 50;
3 |. ^6 O3 T$ U6 T' [0 h8 J: ~3 e8 K# _" h0 `* N

$ q7 f2 r( Q; y0 m$ u; [1 |, b" nvar xMax;" h: M3 u4 |3 y8 G: m+ w5 f+ q, P
var yMax;1 e7 R5 o+ i2 C1 ~5 Y' m
var xPos = 0;+ p7 f# U0 T, f! h; e
var yPos = 0;
' D5 S8 V0 W1 T. Cvar xDir = 'right';5 P( v3 \2 R. R; e- O+ S# o
var yDir = 'down';
- {6 X0 W& d5 ~2 b! n* h" E& k% v  wvar superballRunning = true;
* S/ ^! G4 Y  p  {  _( J6 X% Yvar tempBallSpeed;5 x. V9 G, s1 x# V: A' e- w
var currentBallSrc;. d$ G2 a( ~) y4 p8 h; d
var newXDir;+ I( I8 k. r, u  i" `0 C0 E9 C2 u3 Y
var newYDir;
2 t3 P( D' ]9 }) J# z$ i. N8 B; P  q4 b" I/ z+ V: P; N
function initializeBall() {4 ^: v) ]( t4 h9 R* T
   if (document.all) {, d$ b8 D$ W# X' F$ i$ v, Y0 H
      xMax = document.body.clientWidth: P  Z$ n+ P) _# t
      yMax = document.body.clientHeight
7 ~+ F; z$ ]7 i. U$ m: x2 F0 }      document.all("supertext").style.visibility = "visible";4 M4 O8 b( P! R: p
      contentWidth=supertext.offsetWidth/ Q1 q. Z/ j7 h7 Q! K$ a
      contentHeight=supertext.offsetHeight
  H- _9 V) ~4 z      }
1 o3 A: Y8 @+ v9 J' o4 j   else if (document.layers) {
5 C7 c* o- v( O+ \9 c1 l- @8 ~. J# Y      xMax = window.innerWidth;
9 w' ^6 F" _# t      yMax = window.innerHeight;
  E8 B9 x/ y, s6 Q      contentWidth=document.supertext.document.width% g: x! v/ |7 O
      contentHeight=document.supertext.document.height
0 g4 `0 E& B, `* g- s8 {$ K' C0 b      document.layers["supertext"].visibility = "show";$ b7 H2 C* }+ ]! ?  |* y
      }
' m- y7 R$ D% f$ r+ u) p% j7 t4 f   setTimeout('moveBall()',400);* e7 L$ n; ~# b
   if (hidetimer!='')
8 f0 Y, |% t& U- t' H   setTimeout("hidetext()",hidetimer)
4 W! l+ Y7 N$ i! ^$ a& H$ d6 ?8 @   }
: [: [- F: h' _( z5 F% @5 a" d
+ J. V& }+ M, U, R, jfunction moveBall() {3 L! I  n! _  y0 D- }
   if (superballRunning == true) {
# X) ~7 F6 f5 ]      calculatePosition();
( N0 E+ c* p5 ^+ u0 e      if (document.all) {( u6 ?# R. ~  W) a# f, G
         document.all("supertext").style.left = xPos + document.body.scrollLeft;' t# R( d6 i) r" ^  b4 O
         document.all("supertext").style.top = yPos + document.body.scrollTop;& {9 e4 h0 @" v" K7 K% v$ r& h
         }
! s- v; u" i1 M9 y% O      else if (document.layers) {* T) L) D! R! L$ p, [; w9 q: F
         document.layers["supertext"].left = xPos + pageXOffset;  G% x2 M  E$ `- G( j1 y
         document.layers["supertext"].top = yPos + pageYOffset;
# E3 R) j: D5 p4 C4 E         }
' s2 k. j0 d! ?# j0 v( z% V      animatetext=setTimeout('moveBall()',20);
& ?# ^5 _/ _0 f+ k6 f, I- K      }' a# _9 L! x  A' I, Y( e
   }$ N6 G& m- ^3 l6 n! f/ n
9 ^6 o  C, |# b
function calculatePosition() {
; r) e3 f3 r0 J- @( }' n) g   if (xDir == "right") {
* F# J$ ]( f' s" u8 {% `  E      if (xPos > (xMax - contentWidth - BallSpeed)) {% Y" `/ S0 I" d
         xDir = "left";! H5 m* c: s0 P: @+ j# a+ x
         }* G% I9 P- @/ i1 N  ~
      }
, C# ~1 ?7 u' l8 m+ U, D   else if (xDir == "left") {
  i7 I0 T" V1 t) Q2 @7 t      if (xPos < (0 + BallSpeed)) {1 f3 [/ B3 c3 W! t( k6 ^! w
         xDir = "right";
$ b6 Y& Q) ]# _& I         }6 h9 p/ n# Z! W# H/ Q  J3 G
      }; z1 \$ f0 c* ]% M* m
   if (yDir == "down") {" a# ~& o$ w- E) u& R1 ?8 _% r
      if (yPos > (yMax - contentHeight - BallSpeed)) {6 X- T$ M7 P8 A
         yDir = "up";
0 p' O, F7 V2 J8 L+ A! `         }
! W8 q8 c$ x# {9 D3 o2 n      }
! H' l, o+ W1 U+ N  o- C   else if (yDir == "up") {1 ^/ o3 S  x5 W" q2 ~1 t
      if (yPos < (0 + BallSpeed)) {; p1 j, r' L" H  J7 i9 U1 g
         yDir = "down";
  b2 K* B; q& M/ t7 H/ h% f         }; |. t3 q8 j+ v9 ?6 i. f
      }& X7 D- {, G! ~7 c. E4 C6 y' w
   if (xDir == "right") {
' t0 v/ Q+ \/ x# Q7 T      xPos = xPos + BallSpeed;' O# F3 k; s7 W9 O, I, G5 S3 t
      }
: }  Z3 K7 b' ?& E  a1 I   else if (xDir == "left") {
# u  p6 O* B4 w1 ]% m' K  t: a      xPos = xPos - BallSpeed;1 S5 g3 s( Q) T: ~$ g5 A
      }
; R: }; ~, C4 l' K; g   else {6 i8 Q. i8 d- _. {& e
      xPos = xPos;$ I8 v9 }, c" p9 D5 U' ?
      }
& E' M  @* M  T6 v1 c3 s   if (yDir == "down") {
# j- _* y# {& W) Q      yPos = yPos + BallSpeed;. U  m4 F7 z5 k6 f3 C$ m
      }9 H, l, m1 w$ N5 i$ q% Z3 m' K
   else if (yDir == "up") {: i+ S) b+ y$ A) W7 C1 g) @
      yPos = yPos - BallSpeed;% l6 a: [$ L0 N% P
      }: W. }. e( n9 G( ?  K5 [; J
   else {1 ]0 e9 `6 B" u4 y  i9 K. V# j' q
      yPos = yPos;2 w! M( ]; f' @$ B9 e! D& Q- Y' y+ `
      }; h& ?8 D' `3 W
   }. R' _; Z; j) v& Y- ]' \; c  i8 O

7 z9 D( q% h& y# s9 L, Mfunction hidetext(){
8 @! Y% r3 z/ I8 |2 cif (document.all)
3 \9 g, |4 c9 q) osupertext.style.visibility="hidden"
3 C% o4 b  e0 gelse if (document.layers)
7 {, s  r/ t, j# b; M7 jdocument.supertext.visibility="hide"
5 I# I. H( R: o! K- j* \+ ^& ?clearTimeout(animatetext)6 d+ X: y5 x/ D% U2 H9 S
}
8 k# k+ n0 ?. S9 k. p; l5 }( m% j) i% O- L" _
if (document.all||document.layers){/ J$ `  H& E7 b& |) {6 U! n
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); c1 R4 y  R9 [) e2 g% [7 p0 u# d
window.onload = initializeBall;
! s4 f4 w4 P, n+ h6 Swindow.onresize = new Function("window.location.reload()");
. p. |" X+ l5 M0 P}
. g& u! x$ }! U3 j( Y9 s. _/ w$ h% O/ _
</script>