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

zw2004

<style type="text/css">
0 c& l. g, o. O, c' t8 _#supertext {3 e- G3 r- T( l, j- V3 C5 D
position:absolute;
3 V; a+ Y$ b. C+ m7 p0 yleft:0;
5 _8 g# R7 C( X: F6 n6 D( e9 c% utop:0;
! l8 m2 L; i3 {: \3 fvisibility:hide;
7 L1 Q# ?) B$ P, i  d7 {5 P8 V3 _: ivisibility:hidden;0 k' D) o) d4 `+ b7 P- p/ x6 Q* l
}2 a" q8 j5 g$ v3 f# i, q
</style>& w3 [: Q' O! `$ H1 s
<script language="JavaScript1.2">
, C$ ]! X0 d1 y<!-- 改变下的字体的大小。颜色-->
' F$ M( L4 G" Hvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 e% n( D! w' d) Y& E6 ^
var hidetimer='';
; p- S6 {: Q& Z6 z% Q<!-- 改变下的弹跳速度-->
; k6 `9 z% S' p! M. Uvar BallSpeed = 20;
4 s$ J) b/ ^/ c$ s) i% x; ^var contentWidth;3 K6 W5 t5 T! A$ m) J$ x" d/ S1 Y
var contentHeight;
/ Z" `4 w% }7 t+ U( y* ]var maxBallSpeed = 50;. T3 ]/ d4 X- n$ g" z* ~

! j+ w( M- ~+ R# s/ P- E. R+ `# q) L8 C2 W& F
var xMax;
7 _5 t# C; r: R$ ?0 evar yMax;6 j& ?6 W& R0 S; F2 r" F9 F
var xPos = 0;
; A9 _" U/ \( [% x: G' Ivar yPos = 0;, X5 P" a9 |/ A- b9 O, R3 _2 \" w
var xDir = 'right';
0 B5 U' d6 ?4 H/ z% C4 Z% }* ]var yDir = 'down';  Q+ v; B0 m$ [' ~2 m. a5 K
var superballRunning = true;7 q0 @4 \$ V8 @
var tempBallSpeed;
% u8 j! ^" O, h7 D  }var currentBallSrc;, Q. T* ~% r, }; @- G* E
var newXDir;
4 x! a! b  d- R# Pvar newYDir;
  l3 G( b! Y1 W7 M* |! L
  Z" y3 S6 i  N1 |function initializeBall() {3 w; A9 E5 t4 H6 q
   if (document.all) {7 e6 |$ @9 K: ^( ^  c9 ~6 W# h6 t
      xMax = document.body.clientWidth
9 o; C# k8 U  z1 V1 c      yMax = document.body.clientHeight: {6 w4 E" \: H+ }' _0 ]
      document.all("supertext").style.visibility = "visible";& X( Z4 P" ~. ]7 k" G
      contentWidth=supertext.offsetWidth* s. L" P0 y9 f0 B, N- L4 G
      contentHeight=supertext.offsetHeight( B* m1 S) [3 ~2 Q8 |" s1 X
      }$ ?$ q; \7 E1 q' U0 N9 F
   else if (document.layers) {) }. s( _5 v1 P/ n% g" Q. A3 \5 l( Y8 q* _
      xMax = window.innerWidth;
" G. o4 U8 }4 {+ j' c* n7 x- L      yMax = window.innerHeight;& E/ h8 |. J  l+ r+ r( |
      contentWidth=document.supertext.document.width
7 P& |, j( Y, o      contentHeight=document.supertext.document.height
# y, }+ G6 I& q) h& {  b      document.layers["supertext"].visibility = "show";
& k/ e/ C0 i* S8 K9 D      }
2 ]; E" J& \: d: R7 [  I   setTimeout('moveBall()',400);
, t1 i' ]# |6 x" B   if (hidetimer!='')
% V5 ]7 ^% w7 Y0 ?( V/ C   setTimeout("hidetext()",hidetimer)
# C) H2 t) s. j6 o: ?2 j' `+ j   }7 D8 w' {; u, A" }1 L9 m0 m
. K" S( y. {( r1 c4 ^4 v- H
function moveBall() {, d+ M0 z% [) k1 K8 ~  f
   if (superballRunning == true) {
$ X4 S  |+ T, F$ y! \+ ]      calculatePosition();. b0 [% W7 N5 y! z& l
      if (document.all) {9 y9 Z$ [7 ^, w
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 ^1 R" M% p( ]% e$ u+ [& B         document.all("supertext").style.top = yPos + document.body.scrollTop;, c2 x' k$ r7 a' p8 X- Q
         }
; x0 b5 Z9 l: a( P6 J- ]7 Z6 t      else if (document.layers) {
/ i4 w8 ~9 {2 D7 a2 ~( g: c         document.layers["supertext"].left = xPos + pageXOffset;
. B, [+ }! Q% Z/ \. s8 @         document.layers["supertext"].top = yPos + pageYOffset;
& G( ]; {1 O2 O3 B1 F         }
% m: f1 h' D. ^! J4 n8 H0 H      animatetext=setTimeout('moveBall()',20);/ b/ f0 l3 ]2 s) X
      }
4 \5 c; H2 |8 |( O1 L, r( H7 T   }
3 P/ B& Q5 e) ]+ G& ^; y
* d1 r, ?# l2 \4 D8 Y2 m1 ?function calculatePosition() {
% Q6 r; D2 }: |2 I/ P# O   if (xDir == "right") {, l$ K; I/ S' [! Q8 N
      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ E# p$ d7 E9 d& p3 p$ z; w& ]         xDir = "left";
8 u. [# J" R/ u3 z1 \; X3 C- ?         }+ s" g8 b2 k3 n" K$ e: F
      }+ L7 }* m/ U7 R% p
   else if (xDir == "left") {( s# `7 h0 r- m2 f$ Z& e
      if (xPos < (0 + BallSpeed)) {+ W$ o8 v* X3 v( T1 u" w
         xDir = "right";
1 Z+ N* Y& J4 P* m3 [: j% _: m         }
# j# q1 M3 K  x) Y/ @8 L1 P      }
) B4 U# P# j3 H   if (yDir == "down") {
: X. G( N+ V2 O, h0 g      if (yPos > (yMax - contentHeight - BallSpeed)) {
4 r% f8 q2 J; P8 k6 G         yDir = "up";) O! c. u+ O5 n; [  Z5 p
         }
0 n. x" l$ M4 g: E* _      }
1 ?+ A& o# B' [- a   else if (yDir == "up") {
8 k- Z! i( l! `& U/ M      if (yPos < (0 + BallSpeed)) {
5 q! R5 W8 `5 [& D  [( ^% m         yDir = "down";
0 u- {% C* O/ \         }( w$ u9 r' V7 Y8 e
      }8 }. _: l! R; q% K
   if (xDir == "right") {8 P, J, H' |! _; v( N, k- {
      xPos = xPos + BallSpeed;) T# m2 A2 n. Y
      }3 P1 |9 c' v; [
   else if (xDir == "left") {) Z6 _) H) v9 p  M: `" y' S
      xPos = xPos - BallSpeed;- _  L% j6 @( B; ?; G2 t# d
      }# q! m( @0 B6 C
   else {
: [- f. d% L" }. R5 K  f; v5 M      xPos = xPos;8 i9 M" y) W5 K- }4 v3 G
      }
( Z% ^9 o% R+ p   if (yDir == "down") {
) t* v! l+ l0 G      yPos = yPos + BallSpeed;: y( d+ F& Y: N4 G3 B' @
      }
3 |, g; h& [% J+ y* Z; [  t" G   else if (yDir == "up") {; C  a+ c2 X5 E0 U) l
      yPos = yPos - BallSpeed;9 K& O% F+ s7 B1 K7 f7 i, i" h# i
      }
5 c0 O$ `! q' R* U4 Y   else {
* I6 |1 A$ ]# u. D1 f      yPos = yPos;
, v9 b2 q4 r, g' J0 m: u: _      }
. s( I/ Z) r" p9 s' g( J) A' V; W  h   }
9 Z1 ?( s& u+ }2 e4 s& t
( T* v" D' F7 A1 \2 S2 Ffunction hidetext(){3 g# D) P' J! [+ e) Y7 I
if (document.all)
: b5 ^& U& ]) y0 zsupertext.style.visibility="hidden"! J* F* u. \  c% ^
else if (document.layers)
8 j& C* E+ f- Y. Qdocument.supertext.visibility="hide"
# G% n0 Z& }9 q5 v9 ~% R8 }: dclearTimeout(animatetext)/ E) x& ?) v: m/ y3 v  f: C" D
}
! }" q/ T. x( |1 l6 S- V
6 X( K, K1 j) O% Cif (document.all||document.layers){0 Z5 {) z, \& A8 w/ K
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! p# h' ?/ \6 `window.onload = initializeBall;: x! n) h6 B* V9 i
window.onresize = new Function("window.location.reload()");: l1 J" o6 {- h4 x, v& F& [3 a
}
  `4 L( P: t2 {) q5 }
5 W! \1 a$ ~9 m9 Y: U! a, R8 M</script>