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

zw2004

<style type="text/css">- y( ]+ O0 H3 \$ @
#supertext {8 A7 F% q  h* g0 ?# k: x. m7 x
position:absolute;
& \0 i! l' J4 `8 p; [left:0;. p, {8 I8 H, x! v& N/ x+ p. X
top:0;! d+ q% J, I3 e7 l7 P
visibility:hide;
8 M9 }7 T6 N. Yvisibility:hidden;
) X, p1 ?1 x+ }) v# j}! z+ ]2 w$ u) B6 h
</style>
0 s/ x7 S3 T/ m7 O<script language="JavaScript1.2">
$ H( O8 }1 o' J  G/ l6 j7 \<!-- 改变下的字体的大小。颜色-->
! C. N2 i. D& ]/ g% U1 l1 r, L7 svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'- C4 b. s' ]7 `$ o( Z' n( w' b
var hidetimer='';* u+ d$ `: i; H# b4 }9 ~! d5 G1 v
<!-- 改变下的弹跳速度-->
7 U( M- L& ?( G8 f. S) p. Rvar BallSpeed = 20;
) D& ~! h" n: ]: y: s. Zvar contentWidth;, b4 n* h$ y) {4 L/ T
var contentHeight;. q6 D7 d0 p% j& h4 U, R
var maxBallSpeed = 50;
8 l6 c  ~7 n, g) H0 E, N* {7 t$ l& ~. ]
5 o  E6 a8 X: `9 }$ R
var xMax;
' V$ t) Y, ~( j% P( z, ^! svar yMax;
1 T6 U$ T. ~1 M, h8 a8 cvar xPos = 0;
# h( g2 F: j# [. q4 B6 j5 Jvar yPos = 0;% C9 r# V" T6 A+ W7 G6 s
var xDir = 'right';
" Y  }" p3 ~+ [7 R9 H9 f. Ovar yDir = 'down';0 R7 E7 ]$ l+ X
var superballRunning = true;6 G( a. |) ^; \% e4 i5 l
var tempBallSpeed;
2 d+ ]  l6 K! s0 k9 Bvar currentBallSrc;1 d9 n. y# T" M1 Q2 E/ K) q
var newXDir;
0 k5 _$ R$ t; D' S/ S  Mvar newYDir;
  {/ C0 i! W" |, F' {; |
3 G# p/ r0 C. ~- y+ V2 xfunction initializeBall() {
/ @1 X0 |1 p# A! u" Q% P% b   if (document.all) {
4 d- S2 _( z* ]* V) |      xMax = document.body.clientWidth. g& N9 q) p* ^2 }0 ^# ~! Q
      yMax = document.body.clientHeight" H, r  s1 {* n! Y1 L
      document.all("supertext").style.visibility = "visible";; r( [# J) q& C3 ?) D$ p
      contentWidth=supertext.offsetWidth7 M+ Y( d1 ?' v% }$ s6 c
      contentHeight=supertext.offsetHeight
$ r! K7 j  m: p  U      }
* K, O, r9 P( I6 t$ A8 M8 F   else if (document.layers) {
6 Q$ p7 C- T( d3 g$ S      xMax = window.innerWidth;% ^$ `% v# R8 n8 e. N& n) B# n
      yMax = window.innerHeight;
1 c% u4 O1 [) ]8 \0 T# c      contentWidth=document.supertext.document.width
* v6 r% G! u6 O( E) z$ f& |      contentHeight=document.supertext.document.height, g+ f- U7 a( U1 j6 m
      document.layers["supertext"].visibility = "show";
8 W7 l0 G" z/ F: X8 L& s      }
+ F3 i' m" z1 J& e   setTimeout('moveBall()',400);
: W3 a4 E1 U: _# i. e- G( ?   if (hidetimer!='')
! D& v3 E% u) g! }* Y. T   setTimeout("hidetext()",hidetimer)
" b) F6 Q# J- t5 z   }# C, m6 l5 N* Y2 R3 }' F4 U
. S& G) t+ w. d: `# F1 _
function moveBall() {" S7 _! e3 C; p+ g# K7 [& U
   if (superballRunning == true) {" y9 X8 x# G# _1 A
      calculatePosition();
& d7 W2 C) U* f3 o- T( c5 b  p      if (document.all) {
4 L: [7 G" L' Z# q# ]2 a$ ~         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( G$ {% [/ A% A3 V8 L. X         document.all("supertext").style.top = yPos + document.body.scrollTop;$ y  M9 N3 j9 v# b- x
         }
7 j3 w5 w# l# M9 E* j      else if (document.layers) {
# j3 L" K4 @% u; v/ V. S- h9 Y         document.layers["supertext"].left = xPos + pageXOffset;4 E# O  `1 {$ K8 u0 c: i. X
         document.layers["supertext"].top = yPos + pageYOffset;8 l# b/ d6 \7 U+ i+ m
         }
1 j4 ~. ^3 ?% \2 a% q      animatetext=setTimeout('moveBall()',20);) r) L9 b. P- m8 l. |
      }
3 N4 Y  V( m( v" u, F# H; X   }3 Z: I. D, `' c- ^( ~
! F; l+ q% y* h! J
function calculatePosition() {; N2 n3 I& p. B) t1 F
   if (xDir == "right") {
% o$ J* B( c. o      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 p9 S3 j/ P2 s8 A  p6 e( n, W         xDir = "left";
) ~& N* @; ^& z% J. V( h: _/ o         }
' \: n: Q9 l" o. S* J9 a      }
. I, h9 u2 i7 k* o% ~" W! m& o6 E( s& F   else if (xDir == "left") {: W, a0 B" w$ }1 W" S( j5 `. y
      if (xPos < (0 + BallSpeed)) {
" O2 }" C+ O" F0 P: _+ Y! _9 V/ {         xDir = "right";% o% a" g2 l( U# A9 n! [0 _
         }
- @' A. h2 T. K" J2 D      }" ]% X/ Y3 X) {' c" _; d" K3 j
   if (yDir == "down") {+ V4 U' z$ O* N8 J9 u& H7 I
      if (yPos > (yMax - contentHeight - BallSpeed)) {! b  z3 L! U3 X; V$ v8 F' Y
         yDir = "up";
" j& t; B0 }8 Z; l         }
" T) C8 w3 p- p- Z      }
" M- `. l2 v' a/ T   else if (yDir == "up") {4 R6 H$ M! E, a3 t& |" V
      if (yPos < (0 + BallSpeed)) {
, ?$ ?) r5 ~8 a9 k         yDir = "down";" J8 X- m8 B0 S$ G  D
         }
/ g" ~- P  s, B+ n" W- |9 H$ G      }
3 i# Q- ]# b- f2 U& U- c$ g3 u   if (xDir == "right") {5 N8 e5 |" ^% Y, e; T! y* [. C
      xPos = xPos + BallSpeed;
5 h" Y* C5 ]. l: o: F      }  n( e7 ]' X8 `0 z0 Z, O! r
   else if (xDir == "left") {& }# \/ V* F2 P3 I  X
      xPos = xPos - BallSpeed;! c1 K- b& L- Y5 h
      }, ]/ _0 U  |$ C9 q9 v
   else {0 s! d: x& U3 T7 @( b
      xPos = xPos;
2 H7 x! i. Z$ ?( [      }, P% s7 q5 \" u1 m5 U% h, W
   if (yDir == "down") {
: }* @% O' P' P3 [- l+ E7 M7 T' W      yPos = yPos + BallSpeed;
! K6 A) m% G, D6 t& P# v! T      }
2 l8 ]! c( ]# z$ n: s   else if (yDir == "up") {- q! S+ u! {, A; L* z) Y
      yPos = yPos - BallSpeed;
6 e' Q, v9 k" a7 Z- }1 g      }% f% Y8 @3 d. t( P+ w( _: ]$ a
   else {
+ I3 O% W1 ?5 _9 y: a; }; q      yPos = yPos;
* y" K0 \% O5 J      }
$ m2 c2 _7 U0 F   }
- L" t2 W  p' o5 y2 r5 E6 S/ F- w+ C# ]
function hidetext(){. ^+ w- a, x! C' U7 w
if (document.all)6 i  Z- K" y, Z( t0 g  J9 `0 ]
supertext.style.visibility="hidden"! i3 G4 E6 ]* V/ V7 q0 C# ^: U! t% q
else if (document.layers)
/ o+ q- b7 j' Q5 c9 ldocument.supertext.visibility="hide"
  |+ W" ?; k" w/ @0 h! x; c, h- }clearTimeout(animatetext)
- u2 k9 o* J; l}  ^! v2 |) S* S5 n0 b1 P

: v3 d5 B; A, d) k- \# f: y& b' aif (document.all||document.layers){
9 b- B2 `2 p4 H7 l! b( v; idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 Z& H+ R. j8 y+ _& I9 {" S
window.onload = initializeBall;$ _1 H1 c9 z" f: w
window.onresize = new Function("window.location.reload()");
9 }- F$ s( _5 R# ^9 x$ S}6 I  t5 C2 y$ B  S+ Q" r6 `

/ Q/ K. W6 v% [7 q; u* Q8 T% P" W</script>