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

zw2004

<style type="text/css">
# C  h3 Z' R3 |# g#supertext {2 s* V! `7 I5 C3 w, s$ T# A
position:absolute;( c9 @7 x% F/ I- n6 _
left:0;- u7 o% E- N( M9 H( N
top:0;' ~" o% G# b! G. F( k" c- f
visibility:hide;0 f* W/ }, l% D4 \
visibility:hidden;- i5 }* N, e% [6 L5 c
}
6 _) c% l+ q8 n+ L</style>
& ?1 m! h1 l- ]! o+ U- R8 O<script language="JavaScript1.2">
4 q3 z/ W" x% [4 f<!-- 改变下的字体的大小。颜色-->0 T4 _% \! O( t! H% ]! G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( W4 S/ ?% \5 b) p* J9 m, y" F
var hidetimer='';
- m* M2 X1 w# ]5 T+ s<!-- 改变下的弹跳速度-->
' v: I$ I/ m0 y2 Qvar BallSpeed = 20;8 I. s/ E) E" m; ?" ~: a2 m: o7 j( @) f
var contentWidth;. v$ I4 q: P9 o5 b: a9 H
var contentHeight;) d" Z5 S1 h& w4 ~8 b
var maxBallSpeed = 50;- H* \  x0 @5 f

# H1 W4 P7 ~: T3 i. H  v: A
9 L/ }$ K7 r, h6 X8 svar xMax;
+ B, [, i: a& uvar yMax;+ e' O5 _  ?( Z( @, [6 u
var xPos = 0;* F3 P5 n) m! X$ e+ n
var yPos = 0;9 e! c) k; G/ Z% ?
var xDir = 'right';" s) d1 S3 ]6 x1 ~' P* U
var yDir = 'down';, h% C, p5 K' C5 t) e- b& {
var superballRunning = true;" ~0 R. {$ A% z5 m
var tempBallSpeed;
. f# R, g( g% ^" r8 cvar currentBallSrc;
" k: c- I6 Q  k3 z: rvar newXDir;
* R6 Y  [" W2 @/ svar newYDir;7 A, Y% m8 A4 B4 w

; o; e/ ?1 c" ^- ?% }4 Z/ `function initializeBall() {; W) I& \2 w8 h; G  w  r) ]& f
   if (document.all) {$ L: i: T; G; @- ?" `
      xMax = document.body.clientWidth
' f! t$ ?, G, C# p      yMax = document.body.clientHeight
3 x5 A: w7 O+ S: x# Y- q4 H5 y6 F      document.all("supertext").style.visibility = "visible";% I) y$ F( o; C0 h& H( U0 ~
      contentWidth=supertext.offsetWidth- b7 p' y( o  B% z" ^9 U
      contentHeight=supertext.offsetHeight4 |- _. h5 X: ~
      }
  W7 s  ?0 N8 a* b   else if (document.layers) {! Z1 \9 F* y# [5 n6 i5 f+ p
      xMax = window.innerWidth;! r& N/ Z3 s& o3 F6 V& @' P6 P
      yMax = window.innerHeight;6 H" b! ]. @7 A4 O+ X6 q5 H
      contentWidth=document.supertext.document.width, Q9 V; k% j' c6 L& f, R9 W2 D. O
      contentHeight=document.supertext.document.height
$ Y1 V" M# e& L      document.layers["supertext"].visibility = "show";# E* e- y6 R, F5 L" g* }
      }
' i1 ^; V, I. R9 }   setTimeout('moveBall()',400);. J' v; e4 c) g% @/ s) ^
   if (hidetimer!='')
9 A# g+ l$ e( a; N   setTimeout("hidetext()",hidetimer)
( z. g1 S0 f% e( r) @4 ^/ y+ P   }; H) ^! O4 X. Z. a

- [% G6 ?" T/ ?$ efunction moveBall() {
7 M! Z8 [& o" d+ `# V   if (superballRunning == true) {, F1 M, [0 Y4 r
      calculatePosition();
+ q7 P2 |. q) @2 s7 t0 k3 P! \2 A7 G; Q      if (document.all) {
8 C1 D; [) f1 O1 |* ?- _0 S. F         document.all("supertext").style.left = xPos + document.body.scrollLeft;
$ ~; o4 w/ n: V6 J0 d$ h         document.all("supertext").style.top = yPos + document.body.scrollTop;/ K' Q+ o3 ~8 w1 S/ C; S
         }
% d8 y$ R2 C0 |9 v: c      else if (document.layers) {2 B- l' r# N9 I* l0 E3 j; j) g
         document.layers["supertext"].left = xPos + pageXOffset;4 U0 A% M- {( x" o' Q- i
         document.layers["supertext"].top = yPos + pageYOffset;& y8 o8 S3 g. [4 b# a9 O3 \/ S
         }
; K9 e5 ^1 q& t# M      animatetext=setTimeout('moveBall()',20);
$ a9 B( @# V' y( i      }
0 d1 P- D- H$ O   }
* R7 P- J! Q5 C: g) |
1 m. \' U9 E6 m3 V0 B" G) Ifunction calculatePosition() {2 Q5 D4 U/ q' V& j
   if (xDir == "right") {$ N( X( z& n7 R
      if (xPos > (xMax - contentWidth - BallSpeed)) {* C  X- E1 M+ `# h% S5 a6 T" G  U
         xDir = "left";
' g7 t/ q! h- M         }$ Z0 U( \) Q4 I1 h
      }  P4 q2 S% |! |4 H2 B& Y9 b
   else if (xDir == "left") {
. z2 h0 l. \- ?      if (xPos < (0 + BallSpeed)) {
* y! O; x7 W+ X3 o& p3 z; i         xDir = "right";
1 ^1 N- n5 H, G5 E, `% m6 t         }  o& Q3 Y& m; D$ O! ~/ k; f$ W% E" Z
      }, i1 c( m. ^6 |5 f0 m
   if (yDir == "down") {: O2 b# h0 q2 t' r+ p- W- Y
      if (yPos > (yMax - contentHeight - BallSpeed)) {0 M8 v6 \: W9 s8 C: K6 R
         yDir = "up";
2 F) g2 ^! U# m, c7 j8 }+ n& R0 O         }
. H) @4 N6 D  B3 m2 i      }* y, z# ~! L! U3 Q$ p  |
   else if (yDir == "up") {
. A/ H. ?! v) c% ?. H: a5 p      if (yPos < (0 + BallSpeed)) {* C" y3 v" ~& k* a) {7 E/ ^# T: q
         yDir = "down";; X$ P5 x6 M- o
         }5 I  s1 n9 [7 Q( E
      }- ?8 a" Q) q5 w/ [9 F( c; i4 \
   if (xDir == "right") {
- }/ v- k! I# v. D      xPos = xPos + BallSpeed;! F- `9 \, J. i8 j7 Z; n
      }4 a8 i4 y& r/ n+ d" I
   else if (xDir == "left") {" ?% x* D, g2 A: S4 N6 z- B
      xPos = xPos - BallSpeed;0 D( _5 l" g; S4 b4 W
      }
! n' k0 Q% Z/ H9 U% @( o4 f+ i   else {9 W/ ?5 q0 e+ E- M3 Q9 Z
      xPos = xPos;
1 ~' V6 r8 S# K      }
) y9 E! H% `/ {6 _% H, F   if (yDir == "down") {
, h* f: G2 c/ ?% o! b, M$ B: C0 o      yPos = yPos + BallSpeed;: \( |5 Y# S( P- W0 {0 ~7 B
      }
* N- I" D4 |9 i1 N   else if (yDir == "up") {3 K2 m& C# ^8 E; J
      yPos = yPos - BallSpeed;4 m- S( H9 i3 Y/ r  s: [
      }8 x! H( C! X! ^1 f7 w
   else {
0 A* W8 l- Z& s3 X      yPos = yPos;
: a$ i3 N1 U! o' g2 D2 e+ S( k      }
1 j& x8 [* V+ L8 u/ z  ~/ S   }
2 F4 Q- y+ q' j- ^8 v$ @& z$ _& c+ h2 b; j! `
function hidetext(){# ]# `; c* T, H8 L' i. {
if (document.all)* e0 g: ]5 |+ s7 m& s# H& y
supertext.style.visibility="hidden"! {8 F& p+ y: U1 p9 G
else if (document.layers)
2 L- U- ?: [5 ]. K$ Xdocument.supertext.visibility="hide"+ u& o$ X$ [# _8 A- a
clearTimeout(animatetext)7 W: \  ]( y% o8 X) d# V5 X) f& M
}
7 [/ W! F; ~# x( d: ?0 h' Q% }8 G# Z, B+ G7 e3 H7 I
if (document.all||document.layers){0 x, R  M8 e6 ?$ b1 w1 f
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
  ?' c  E3 G( G4 Ewindow.onload = initializeBall;: _0 p0 _- M! }
window.onresize = new Function("window.location.reload()");/ A! q" `8 L, c8 x; y: i* m
}
% h3 l6 |1 M1 D% M0 x1 ~6 v  k' L' \$ g" r. N
</script>