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

zw2004

<style type="text/css">, c9 B5 v7 c4 J0 F4 ]
#supertext {1 C7 w& r8 y: W- G- M: \! c
position:absolute;
" G3 b6 M% _2 D) x( P. O6 z# Aleft:0;/ p$ O& P) f: K1 C' ^9 w' W
top:0;+ Y- ^' Z$ I7 o+ @& \. h
visibility:hide;. P# W0 n$ ^  B# D4 B
visibility:hidden;
( k- |( `& }! ]0 ^* v4 @}; f8 k) v5 B" P( s
</style>/ M# J$ F7 x, a  p8 o) s- @
<script language="JavaScript1.2">
& E7 n( W3 G, @0 Y# B3 J5 k<!-- 改变下的字体的大小。颜色-->
6 }; N- h; u- A9 rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
' Y' J% B6 E% z/ s0 R  yvar hidetimer='';
1 g' K4 @; P7 d) n- }* x8 T<!-- 改变下的弹跳速度-->
- h. N2 a2 z3 D. h/ Ovar BallSpeed = 20;3 s) \9 u& ]+ c. E" O) H
var contentWidth;
4 @1 h1 m# {8 w1 {; n* Wvar contentHeight;+ `4 w& z  Q) r  j2 v7 r
var maxBallSpeed = 50;2 t3 r8 R% X" _- A8 V

/ H$ C  h# ^. h( `# h3 {; L8 z$ |- E, O; z3 o, H- y- t, s
var xMax;; \; W4 o( r! Z. Y; v/ v$ r3 s# s
var yMax;$ y! ~- Y, y! x( C9 T3 T- P
var xPos = 0;
( N1 h1 S0 b* _/ t+ q" u3 ]var yPos = 0;
2 n5 _% A% s& M8 h. |- gvar xDir = 'right';
- J3 K" Q4 n* i$ u' e, S' ~var yDir = 'down';
( E0 t3 Q- \5 X" C! I7 jvar superballRunning = true;
) q, Q6 c+ y7 n5 x, e% Dvar tempBallSpeed;! }$ q# p$ S/ O2 \2 t
var currentBallSrc;6 `0 C. q" r" w+ T, |6 Q
var newXDir;2 }# a/ h1 M+ h1 r7 i& f
var newYDir;0 h1 L. ^( X* C

! C$ d- P& m7 x* Cfunction initializeBall() {
4 P+ d9 N  M  f$ y1 c9 e   if (document.all) {6 [4 g$ D, Q5 p/ B) i2 _
      xMax = document.body.clientWidth
5 v% [" \6 v: U      yMax = document.body.clientHeight9 z( r' L# x( b4 ~. T
      document.all("supertext").style.visibility = "visible";, R& {$ [1 b6 x+ {: s. U2 b
      contentWidth=supertext.offsetWidth% S, t% r. E! b5 }6 H/ Q
      contentHeight=supertext.offsetHeight
( K# T2 }. n+ i# O. t1 I! n' d0 Z      }
: G9 X% \+ S( q" W' S2 x/ b# A   else if (document.layers) {" j9 q- @, y5 u$ p2 ~3 v2 N. J3 p# @
      xMax = window.innerWidth;
# h- [$ J, w: N& A7 p* h% N      yMax = window.innerHeight;; x- Y: C$ R6 E2 r
      contentWidth=document.supertext.document.width
, H, u' |8 }& I3 B      contentHeight=document.supertext.document.height& [' [4 [! Y) S
      document.layers["supertext"].visibility = "show";, p* ?# n. M1 [+ A/ t5 I4 B( X
      }0 F5 g' {, M2 h" J( B# ~5 s" @" Z
   setTimeout('moveBall()',400);* A; T/ G! c. x7 b$ o
   if (hidetimer!='')
/ P; [. X. N; n$ ]& p   setTimeout("hidetext()",hidetimer)
/ ]5 e3 G# _$ \1 d/ b. }4 }, y   }. E4 ~% h1 v0 k/ L! J

) G9 `$ U& j( Qfunction moveBall() {
# _# o0 B! b7 p0 D7 @; T. `9 z   if (superballRunning == true) {* }' Q. f6 \- h& ]* E
      calculatePosition();& F' h& |* I! e0 D/ K  [) J/ r# s* l
      if (document.all) {
; B% b7 V+ u# V5 l: Y0 v5 @8 u         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 M1 ~$ D: z" i6 {
         document.all("supertext").style.top = yPos + document.body.scrollTop;$ K# A5 q" F. s( T8 C% k
         }
; U' b" h- e8 h5 j1 \8 x7 P      else if (document.layers) {: U2 _2 L. [! H* Q, r5 n# I8 S
         document.layers["supertext"].left = xPos + pageXOffset;0 D( z' |' E# l
         document.layers["supertext"].top = yPos + pageYOffset;: Y! U% o9 @* o) f- K: n) ~' J
         }
, m( v9 e/ n) O- ?4 d      animatetext=setTimeout('moveBall()',20);
* G" }: M+ l- M) n: c, V  W      }
% J3 @# b$ J) G( {( a" M( f4 v   }: @; ^' @0 v' K; J' p% L

7 E7 g" `) n( Y: Nfunction calculatePosition() {4 ~- ]9 o7 W5 T* @' _- _) ~
   if (xDir == "right") {  p0 r0 |) }# l& Y( X
      if (xPos > (xMax - contentWidth - BallSpeed)) {
4 @$ |5 W2 a/ r. C+ s& p( n& z         xDir = "left";
( x* S# V5 \: D5 B$ s) C7 O         }
2 U- I7 h/ C, J/ _* e      }
! s! z/ q  v' {# d4 u   else if (xDir == "left") {
! g/ v1 s7 K6 Q% _0 V      if (xPos < (0 + BallSpeed)) {
( K" y% n- T+ w+ v7 k         xDir = "right";8 h  t5 N: n. E. I; F- Z
         }# y* L, r6 e6 k+ m" M
      }' P2 T3 U: n: w" m7 p1 ]
   if (yDir == "down") {
4 X6 n# `* F" b( D* F6 K      if (yPos > (yMax - contentHeight - BallSpeed)) {
, r2 a% R" A1 F$ y6 D% f" z         yDir = "up";
- T0 Q( p1 C/ d  F: E4 M7 x$ [8 w         }
3 X) B, t1 t# Z% I* l6 W# x3 \$ Z9 |      }" @5 c* f5 [# Y2 s- S
   else if (yDir == "up") {) d% a  B# z5 e" |9 M) z
      if (yPos < (0 + BallSpeed)) {& _8 u: W! u# O0 E
         yDir = "down";* X# q  W$ K% R" n. E$ S# [8 y  ^
         }
, G4 v- x5 v8 E" N4 ~! x      }- P- K+ U9 Q/ x0 w
   if (xDir == "right") {4 p- G: X, B3 `* `" @
      xPos = xPos + BallSpeed;- {7 f# g$ f2 V  |1 ?
      }7 u* B  v# y; i, w" q0 r; S9 j
   else if (xDir == "left") {
$ I- F) ^$ S5 j9 j- n% |      xPos = xPos - BallSpeed;
) k' R4 P2 q5 W, V: u+ ?. T      }
* H& j1 ]/ {. b- J/ t: H   else {
4 v# [" @$ @9 ?7 X      xPos = xPos;1 B* O, h9 i5 u# A( c2 P2 r3 p
      }
0 T3 \& ^1 P4 P/ h+ B- e9 a   if (yDir == "down") {! N. M1 e- {( T# V8 z2 x- e# k$ Q
      yPos = yPos + BallSpeed;4 p( i, k" X# W# ]+ n
      }
+ Q2 K% u5 N; V: Z   else if (yDir == "up") {9 ^+ X" [& i% ~( p" L' _
      yPos = yPos - BallSpeed;
+ ?( U- b% V& O& Y+ |      }
3 C: Z* J/ [# `) S   else {
+ k$ s" i( C" O/ Z8 k2 y* m      yPos = yPos;
6 Z- _, I2 l3 q( G      }# B  o8 o. w" S! m& f$ S
   }
3 Y8 Z' ~! K$ h& E4 t& u9 P% s9 x5 Q
function hidetext(){6 @% c1 A: h! y* m; {9 ~5 I  j
if (document.all)6 L, t! \0 Y+ B2 m0 y4 `
supertext.style.visibility="hidden"# t, j* m+ {; H! A* `$ o$ s
else if (document.layers)
) z) l$ I9 {" K& i3 H. ?document.supertext.visibility="hide"6 i2 U8 s& ?! O8 Z
clearTimeout(animatetext)- a0 H& D9 m) f8 v7 H/ m
}6 ~' S% O1 S7 e* [
1 |) Y+ z2 ^* k9 R
if (document.all||document.layers){5 Z0 i4 ?: _% `% J7 i! U7 g/ |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
9 \- o. U1 `9 e0 V* d. Gwindow.onload = initializeBall;
- b1 w; c- T6 p5 hwindow.onresize = new Function("window.location.reload()");8 v- c4 V" F6 O0 P" Q6 U
}
- t, @9 a) P# u# A" n$ N0 S+ t9 N" A, m2 L% v
</script>