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

zw2004

<style type="text/css">* f- J- E- X& j( y
#supertext {
5 A" L3 g  ~+ O$ b/ P: `( [position:absolute;- F2 D6 C) T; `5 E
left:0;6 [5 X( w7 J6 k8 p3 E$ A
top:0;+ F- [/ t( u" N6 m* H
visibility:hide;
5 c3 J1 {0 R; D& ^3 n  Ivisibility:hidden;2 a- I" k, b) j# B$ {" a# m! `3 n( w
}
. r4 Q5 o+ n, f4 }( c</style>
5 i! X1 [" x& d! V<script language="JavaScript1.2">
# r) j6 a# R+ ]% \<!-- 改变下的字体的大小。颜色-->
4 Z. z9 U( H& i8 Y. jvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 z7 U) n* g2 o3 a
var hidetimer='';3 C6 C* H3 B! @# T$ ?, T3 {
<!-- 改变下的弹跳速度-->
5 R- f2 r$ C9 u: ?+ L, A3 Svar BallSpeed = 20;5 @+ r2 [$ q3 z: H1 t3 |4 R2 h
var contentWidth;/ M9 I- ]+ `2 i- i6 ^6 e9 p
var contentHeight;
3 H4 V7 ^6 L. z( jvar maxBallSpeed = 50;( L: \& h1 F2 K6 ?9 O# f2 b! u
; E: r& t" m, ]3 @2 e, L1 w: S. t

) d6 D3 q# |4 r" `var xMax;
9 j* b* ?7 H/ b4 zvar yMax;  [* G' F( B4 K2 H1 Q
var xPos = 0;
# n. E" L- N; X3 T" Tvar yPos = 0;
& b  x. d" a4 w5 l" |var xDir = 'right';7 u9 q2 g1 }, x$ K$ W
var yDir = 'down';
8 k1 `$ |- Y) X) t9 Wvar superballRunning = true;0 \. H0 {6 R  |. E
var tempBallSpeed;- W( O" d' c5 G. m8 Y
var currentBallSrc;
3 ^# V, R( I. _# s! q5 zvar newXDir;* U/ E7 b& F7 m7 ^
var newYDir;
% Y$ T4 |3 g' C6 B+ Y" j0 ?# z& w! n, X
function initializeBall() {; G' q0 `* ?* m, c9 A
   if (document.all) {
2 |5 C0 b& M9 M6 f' U      xMax = document.body.clientWidth7 L) b  g# O. m# ~
      yMax = document.body.clientHeight+ p  m& X6 M  w  h7 B
      document.all("supertext").style.visibility = "visible";( f# @" p. K3 J7 w/ t$ ?
      contentWidth=supertext.offsetWidth
$ |& E# Z6 _) m. \# D- B      contentHeight=supertext.offsetHeight
; Z/ p! X0 s* ~# a      }
# m* w" L1 A+ H) K0 i% ^4 n" S) ^   else if (document.layers) {
: j) l) g+ T. @& M- d5 i- v  z) ?! [: Y      xMax = window.innerWidth;
+ l% L0 u" L# H$ W4 A1 x      yMax = window.innerHeight;
% k! ~2 q% F8 F/ @9 ]& H5 V( s      contentWidth=document.supertext.document.width
; k0 y1 e6 i% i, c) @3 z2 P      contentHeight=document.supertext.document.height
9 T3 U" `5 X1 Z1 @$ C- O; F) G1 @& L$ F. p      document.layers["supertext"].visibility = "show";
7 m0 j# T+ E8 b& f      }3 @: |- t! v& I" p( H
   setTimeout('moveBall()',400);& z) Z, t2 g* v
   if (hidetimer!='')3 H5 H$ \  h& d5 _! P
   setTimeout("hidetext()",hidetimer)
7 H( E% Y- Y& d0 x' M   }7 x8 ^4 X& w" a) @/ E# c
' Z3 o, L( K. p7 P
function moveBall() {
5 z. I/ y, p9 {7 ~+ r8 R1 t& \   if (superballRunning == true) {* s- H- U! a  L7 W; T; `$ B
      calculatePosition();8 K1 `4 T$ k& V7 I
      if (document.all) {% d6 r6 Q' L! f
         document.all("supertext").style.left = xPos + document.body.scrollLeft;8 t1 N# q( ~* P' h) B
         document.all("supertext").style.top = yPos + document.body.scrollTop;
0 k. [& y) d: ^& w* a: g         }1 [' r; |5 j8 _# ~0 N4 P$ D
      else if (document.layers) {
# ~3 `6 S- {/ }% Y5 L! |) `5 c         document.layers["supertext"].left = xPos + pageXOffset;
; _  W/ Q' @; A% b' p3 W         document.layers["supertext"].top = yPos + pageYOffset;
3 I& T$ s' S4 t0 ^3 \: z1 M. a8 c3 J         }; D6 C6 Z- [1 C0 i2 g- u6 k1 X
      animatetext=setTimeout('moveBall()',20);
+ B6 B2 N; R5 {, i4 Z5 G      }5 I/ \4 n* G* @7 j0 O
   }6 y' W  D5 k2 ^" p) P  S- V( y) x! S

9 s( h2 X# ?1 @- l4 u. afunction calculatePosition() {
/ V3 b6 U3 O- ^. N$ L4 Z   if (xDir == "right") {# d% I$ C# c/ g" H$ E* {
      if (xPos > (xMax - contentWidth - BallSpeed)) {  v! u* p3 h' I% K8 ^+ C" T/ l
         xDir = "left";
6 A9 H* Z1 Q9 h; ^. r/ m- P1 X         }
6 K; @( W8 h# W0 W0 k8 }      }
8 L& J& B* e- j6 Y3 k" _   else if (xDir == "left") {7 \/ `2 v8 ]# l( O1 `
      if (xPos < (0 + BallSpeed)) {; N* G5 g& R+ A: }6 T0 H7 Y, K
         xDir = "right";
& F4 ~- v6 f, Y: G         }
! A" e  U+ B1 g" E/ W      }# q/ S& v( H1 G5 G/ A8 N: G
   if (yDir == "down") {3 X" [: N+ c. w1 O6 k
      if (yPos > (yMax - contentHeight - BallSpeed)) {
& L7 q, c3 B6 o         yDir = "up";0 k% r' F. m2 l# v
         }
% R1 B- a/ n( _% [      }
5 X6 `  x& e- p   else if (yDir == "up") {
3 W, ]9 V* I' Y6 p9 D+ A      if (yPos < (0 + BallSpeed)) {
" D$ [3 y7 w5 _3 {2 z' b         yDir = "down";; d& ]: B( E% o2 Z; K- _; v
         }! Y* g0 T4 A+ B" f
      }0 ~- A& Y  A0 w7 B, J( o
   if (xDir == "right") {0 c7 `& l# }! z$ M
      xPos = xPos + BallSpeed;
) T9 P- x9 c* l4 b% c2 `9 C) q+ z8 ?      }$ K5 W+ k% e. R- ?3 R, p' f1 f
   else if (xDir == "left") {
3 Z6 U/ n2 o+ e5 U1 R7 l2 o3 J" `6 c9 G      xPos = xPos - BallSpeed;( W8 [4 E* g" `& `+ I2 L
      }
7 i7 Q; ]! t0 x/ j   else {
" U$ L, o" O' J- T      xPos = xPos;; c, [+ M! ]* l$ c$ i3 O+ Y/ d
      }# E5 ?& I  z' L: O0 K% ^' r3 }
   if (yDir == "down") {
, C, w* b8 L- Z! j# H( V- T      yPos = yPos + BallSpeed;
1 K& f. {) i- D6 C4 Z" s      }- v9 Q: I7 f1 Q( N
   else if (yDir == "up") {
! c* v; z2 l7 `4 X      yPos = yPos - BallSpeed;" K$ J" @/ Z9 G( c
      }
; |9 s  j( Y6 Y9 Z   else {8 ~/ Q9 c* \: Q- Y1 |# m: I
      yPos = yPos;
; K* s% p0 O* D9 J- }" O      }
$ U6 |) v3 K: w5 a3 Z   }
# y9 n( X# ]. q, S, P# _
8 a, [; o  Z( m( ]8 a. [- Pfunction hidetext(){" e% K* g; G; z; j, l- k
if (document.all)9 B1 n" Y- f. @* T6 r0 V) Q1 U
supertext.style.visibility="hidden"
: m4 w) H/ u! I7 ]0 w" l5 ^8 g+ welse if (document.layers)
# F% W, Z7 J( [8 @7 q) [document.supertext.visibility="hide"
8 c- L* J, Z% M0 S$ ~clearTimeout(animatetext)2 x1 t. D- p+ M- u) Q
}
, W9 c8 I/ W4 k1 _& e
5 \; T4 ]. O$ `# h1 [2 i# u$ j: V5 nif (document.all||document.layers){
7 b& l9 f; K  K  ?+ ^7 kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& p  t" E3 R- ]: @' q: x9 d  u
window.onload = initializeBall;: k# u7 E8 `1 i5 \6 o/ b, d% V0 Z
window.onresize = new Function("window.location.reload()");, C; W0 d1 S4 r) P" O" m1 V! T
}7 f7 V6 Q! @7 O' B" _0 O! u2 O

( b8 n$ ]( I$ v. i* K2 U% p9 z</script>