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

zw2004

<style type="text/css">" O" d/ q( s& t* t$ @
#supertext {
6 S+ Y# r7 \( Z/ b' N. wposition:absolute;
+ ~. }. A, ~; @1 [4 Pleft:0;
( C7 R" T! O. X# P/ Wtop:0;: w; w1 h4 Q, I4 c( i
visibility:hide;
9 Z6 C3 r7 y6 Z1 C' Q' v: V( K5 ]visibility:hidden;/ L' b% D1 ]4 L7 \
}
# t: [# {) b: p6 M9 g. T; P+ I2 ^</style>
7 s. f7 z5 u! f% I7 |<script language="JavaScript1.2">
" ~2 S; {4 L  g% `  g7 Y<!-- 改变下的字体的大小。颜色-->
; a7 Y4 U$ C: v5 y$ a: u! evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! x  Y9 I+ u1 [* i( L
var hidetimer='';
" }0 D) a) f; _5 Y6 R+ C2 q<!-- 改变下的弹跳速度-->
$ K* B0 d9 ?$ [7 tvar BallSpeed = 20;
' R. {  S3 |* ^9 q' Wvar contentWidth;" i) ^4 Q# l- r+ O1 v* O9 l
var contentHeight;- A  c* P9 Y2 b& X- ?; t# B
var maxBallSpeed = 50;
$ m6 V0 b( @# {7 ?  d% _+ v- L! Q5 Q8 L
9 j' G/ a0 c3 R& p
var xMax;
( y& z- d) P; \) g1 W; Ivar yMax;" j+ \0 ?9 o) O* @# C! r: ]
var xPos = 0;3 M6 f( o0 K% C3 ]! I) s4 ]. c
var yPos = 0;* i6 a  A. @1 N! y2 g# _4 o0 ?
var xDir = 'right';* d: k. x$ W  ?7 N$ \9 E
var yDir = 'down';
! ?# ?. Y% e) `var superballRunning = true;
. w( d" }; U, k# _var tempBallSpeed;5 A; n) E: D& C$ N3 Z; M
var currentBallSrc;1 s. u  s7 E' u0 W, T2 `# ^5 y3 _
var newXDir;% X( \9 `7 v; L6 U4 j4 o
var newYDir;/ l- Q7 c+ M& L

; \- Q8 }6 {4 p: B# i3 Yfunction initializeBall() {
+ ^8 r2 p" ?' a1 \   if (document.all) {; `0 s  V3 H/ U1 q0 k: ^
      xMax = document.body.clientWidth; S2 X, K4 q/ _, `) F0 I  U1 f# e
      yMax = document.body.clientHeight4 U5 e! [9 s1 V( j0 r% I
      document.all("supertext").style.visibility = "visible";
& {# b7 b; Y. \1 X; C      contentWidth=supertext.offsetWidth. S+ \1 O. n/ Q
      contentHeight=supertext.offsetHeight
, X  A3 {0 {) b) l$ [  ]1 b! {      }8 B& ~% L, Q# }! h) Q  Q$ I/ ]0 |9 P: G
   else if (document.layers) {/ W. L' c  F6 C% x* }. g% c% S
      xMax = window.innerWidth;
$ L7 ?% I# m/ ?      yMax = window.innerHeight;
$ n8 O- s  |3 H7 e$ w! J      contentWidth=document.supertext.document.width
5 m: c4 i+ q* O+ {$ R/ V! z      contentHeight=document.supertext.document.height
# o! \* Y* L5 H! G" f6 W$ `      document.layers["supertext"].visibility = "show";$ |/ Z1 d$ R- `, u# p3 Y. `0 u% E
      }6 G1 e$ H/ S" h; h" _" G; [
   setTimeout('moveBall()',400);- a  m5 Z& W4 z+ ]$ g! ^, M( ~
   if (hidetimer!='')
+ G4 E' J" e7 R& @- e  k2 E   setTimeout("hidetext()",hidetimer)
- E) O( h6 X# U   }
) j9 ^# v- f2 V# N  m/ f& v! e6 G2 s3 x3 j( M
function moveBall() {  H) r; b; M$ I6 A2 s0 N
   if (superballRunning == true) {% [2 _! |& u0 ~7 z& [( f4 U2 C
      calculatePosition();/ P7 ~& z. ?$ s" ?
      if (document.all) {$ J: g2 S) B- `! p; O% H) `! U1 G
         document.all("supertext").style.left = xPos + document.body.scrollLeft;9 ^0 L- x; W) v% B
         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ D2 C4 H2 Z/ V, K" i8 D# v; ~: E         }
" z8 y& s8 A8 G4 i) m. w$ c      else if (document.layers) {
( R; Z& w2 c  p         document.layers["supertext"].left = xPos + pageXOffset;
  ?; l2 J% U$ x4 r% P/ |. U         document.layers["supertext"].top = yPos + pageYOffset;
4 H4 \9 E; ]5 u+ l/ R" u3 b         }
& D  H# G; \, ]3 c5 O- y$ n      animatetext=setTimeout('moveBall()',20);5 g3 o, f4 J) W! q
      }
/ I- a; D! B) Y$ j' q   }: Y5 t7 i. m. u$ k# s! U" n

7 V/ Z0 d7 t% r7 qfunction calculatePosition() {5 J) z8 p9 Z& D3 |
   if (xDir == "right") {
5 W  y  e4 P4 K; t- [: t      if (xPos > (xMax - contentWidth - BallSpeed)) {
& T7 M1 J, N- J7 V         xDir = "left";+ H0 G" x6 c0 k+ A% R" e) c
         }0 ~* D+ h1 Y$ S" g( F# b
      }
1 k7 c% d+ i  C! v1 [' \. M; N   else if (xDir == "left") {
0 O. d6 [: l' d, q6 ^      if (xPos < (0 + BallSpeed)) {$ v, B8 Z) D/ C2 G  X4 n
         xDir = "right";
+ N5 h/ z2 N. g         }" z8 `& T& B/ }+ A5 a
      }
4 U. Z+ T0 f3 _% c   if (yDir == "down") {2 q8 M  E6 h/ J. W# D# l1 _
      if (yPos > (yMax - contentHeight - BallSpeed)) {
5 D: B, }8 O6 k  {7 Q8 g         yDir = "up";
7 B( d! t/ y, T         }
0 a8 j# L# _, D3 p1 l      }
: l; ~, F$ g! V5 }9 l% L% L) C   else if (yDir == "up") {7 i" p. a% Y. p& G0 T% V# Q- K  @
      if (yPos < (0 + BallSpeed)) {' d3 d# d, i  o1 k; s9 h; {1 T2 h
         yDir = "down";
) `; t7 q% Y( f- P. B) Q  D         }
( O8 M5 y$ n+ w. l  X/ F      }
# G  `1 J9 c, J4 R   if (xDir == "right") {
- q& K' A6 l. j. B$ n: g      xPos = xPos + BallSpeed;
8 t" r% r0 S, k      }, q; h# M/ v9 a2 s/ a* q& j
   else if (xDir == "left") {
4 v5 e$ M) N- k+ o; m3 _      xPos = xPos - BallSpeed;
) B7 k2 Y" f4 o0 r6 i* o! J* X      }
; \) G1 }* O6 y' G& s6 `   else {
6 I1 L& U! B$ w0 d      xPos = xPos;# c- |, P% M. T( ~& q+ G
      }7 t5 K6 c2 }: s. t( L% w% H
   if (yDir == "down") {
3 M2 G0 p) ^* q$ _3 q2 c      yPos = yPos + BallSpeed;8 g' Z0 W$ K% y* u+ R0 Z3 U' H! g
      }
% y- K2 H  x# W, M. \3 K4 B+ U% {   else if (yDir == "up") {0 @9 Y) o  U: l6 S# T
      yPos = yPos - BallSpeed;
! t2 Q+ e! k' z: f1 {% t      }
& r( s. S5 I" w! q) o   else {" \3 ^2 l: B- K% r, }5 Z; f; ^
      yPos = yPos;
3 k) ^% G% M/ W8 l* q' N- j      }4 o& p$ a4 ?  a) g; M
   }3 v/ Z; z. Y( a4 T

4 |/ o3 b0 M/ R* u2 c/ Z! dfunction hidetext(){" C3 y, F2 ]1 i, x) W
if (document.all)) R3 M+ ?) e/ Z" n2 u5 s7 b
supertext.style.visibility="hidden"# {  H! I2 N* @5 o' N) i
else if (document.layers)! V  f1 ~" f) R( {: h
document.supertext.visibility="hide"8 B; R1 l: S" M3 Y! J
clearTimeout(animatetext)% {6 R; E9 M* [' {
}
) F! X# Z+ {) v; z. Z
; t1 A5 b6 ^- H# u* ]if (document.all||document.layers){
8 I8 U1 U7 ^: M( x% B0 J7 hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- E: `1 N4 I3 ]
window.onload = initializeBall;( \' ^# `8 O+ ?" R# Y7 w0 K
window.onresize = new Function("window.location.reload()");
( }. ~, X8 G. ^- X: R8 l6 Y}
/ J. x9 @; w0 i( Z+ w# C0 t" H9 O) _7 U& t) @
</script>