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

zw2004

<style type="text/css">
+ ~9 V3 N2 }) D2 b#supertext {; ^9 h1 U3 m# ~5 {. b" P7 s
position:absolute;
/ Z& _1 Y* p, Uleft:0;
) u: P0 _( u  W+ Q3 E8 Ztop:0;7 V" ^% [2 V: a+ O) W) S
visibility:hide;" J3 V' L" u& H) G) ?( Z7 B
visibility:hidden;% I5 w8 A1 k) {, M: d" k* W
}
4 H9 |+ A7 c) b$ [, U</style>
' I' K: C; N) N<script language="JavaScript1.2">
9 Y3 Y3 C# r3 h# U! ?) Q! Z<!-- 改变下的字体的大小。颜色-->2 R- o& r$ P9 \# i2 ]
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 O# [/ w9 |) d$ T* @6 Q
var hidetimer='';
6 _# E  d6 K; a<!-- 改变下的弹跳速度-->
; |) Y' s3 j/ {" vvar BallSpeed = 20;
2 Z7 U9 b* [1 @# b2 Avar contentWidth;
3 h: D- B7 x4 c) V2 j. svar contentHeight;
1 m, d; C2 H1 l3 X: I, [* [2 o9 Jvar maxBallSpeed = 50;& O( K2 n% M, f" e; M; l/ q0 o
: [* T8 P: R% n9 \7 H! O; \: C- A
! G$ n4 O3 _! J" ^$ h1 U' L7 z
var xMax;
/ n4 I1 r6 o" V  Y7 ?var yMax;8 k% q4 r) [& D' Q4 V7 I) y1 B) ?
var xPos = 0;/ ]% v- @  r( j! l6 I0 T; R
var yPos = 0;! U% b8 {, M  M, f+ ?. L
var xDir = 'right';
) }3 n$ h  k/ V: M; l. Gvar yDir = 'down';
# P/ g9 R# n5 i7 h/ jvar superballRunning = true;
! j: }" C: w/ Y# R1 o! o! Jvar tempBallSpeed;8 v  z" g$ G, A* S6 L; v
var currentBallSrc;: w$ S9 x( S* v
var newXDir;4 T/ X3 |4 H- T/ H" U; \& P1 ^
var newYDir;3 }6 m  |1 x0 Q2 J/ [

* Y' H& C4 v& }: q4 j8 H. efunction initializeBall() {' |- x$ R3 ?+ Z& X* }  m( g* {
   if (document.all) {3 Y  w/ l, {9 Y( T6 i2 T: m+ ?( Y, o
      xMax = document.body.clientWidth
- X3 h* h- O% ^1 S( h0 S1 X      yMax = document.body.clientHeight
/ N+ w& e3 R1 l+ K$ n/ s      document.all("supertext").style.visibility = "visible";, `+ n. ?" D. X7 n7 G5 V
      contentWidth=supertext.offsetWidth$ |7 O. B$ d& _+ C- n6 p) B
      contentHeight=supertext.offsetHeight( i! j4 c9 r+ z7 U' g
      }  G0 x3 _0 o4 \: T3 L/ E  i9 m
   else if (document.layers) {, ]5 ?  k0 z& S* S$ ]
      xMax = window.innerWidth;2 P7 l$ [& t& [* ?
      yMax = window.innerHeight;5 s, o% l- v/ ]) a7 q1 L" w
      contentWidth=document.supertext.document.width, {* J- H; j3 a
      contentHeight=document.supertext.document.height0 a" h; k- Z& y2 V
      document.layers["supertext"].visibility = "show";
: O9 V# S4 x2 X" t2 d      }
6 _$ k% ^* t5 v1 @. Z$ r9 g3 J   setTimeout('moveBall()',400);
+ O9 {3 m% {# X% ]9 S' ]" S+ x. z   if (hidetimer!='')" G: L* h0 j! L: d+ B
   setTimeout("hidetext()",hidetimer)
. w# n& \7 S, `- B6 K" x) c6 o   }: v( L; b, T6 W( M5 _6 Y
/ H$ W+ S. Y: O. t4 x1 ~
function moveBall() {' D8 ?; S) d7 P" h, [$ J+ N
   if (superballRunning == true) {/ H  q: s8 g8 W# J
      calculatePosition();6 j3 I$ u7 A/ ?: P, w: U' K# k
      if (document.all) {& ]4 U/ q/ m" m& M! i6 u5 E
         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 F* x' `. q0 R, g% O; v
         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ j6 Z# r- D/ J3 C6 O7 M$ G         }& G/ j2 w3 j3 D  G# |% d% Y' i
      else if (document.layers) {
- E. N$ g3 I: h3 F         document.layers["supertext"].left = xPos + pageXOffset;
' ~: p6 w8 H% M         document.layers["supertext"].top = yPos + pageYOffset;
$ ]3 G0 x& v: `+ U+ c3 w' q% W         }
4 U. z8 @5 W/ Y# l      animatetext=setTimeout('moveBall()',20);' w; O: ]- ~( b. z
      }0 b+ C: W3 O& W! O1 I
   }, \% K) q8 B: u# j5 Z
' t; u# K5 ]/ h5 l
function calculatePosition() {
2 {, o" [- y* o( N' ?; @0 c   if (xDir == "right") {
# Z; w4 `3 s2 m0 m- k/ E) k      if (xPos > (xMax - contentWidth - BallSpeed)) {* l9 x; v, s6 V( _4 `4 R$ T
         xDir = "left";
4 G% ?% z  q4 ~& u0 M! s, E         }
8 X( c& C& |. Z9 x$ V7 R! U8 r: v      }3 O7 H: c* w$ \7 d
   else if (xDir == "left") {
- _8 u2 O- G1 `: r9 S8 Z# e* L  R      if (xPos < (0 + BallSpeed)) {: X1 a. p$ ~- Y* |8 x
         xDir = "right";0 G4 m# K& `5 b( y) t
         }
! a$ Q2 E& |9 W. Q9 d      }3 p3 u4 n9 e( g$ |  h" e
   if (yDir == "down") {
1 T5 ?# T4 I1 B$ p4 O/ ^      if (yPos > (yMax - contentHeight - BallSpeed)) {
: M! J' f6 J! K0 a* k$ S9 P         yDir = "up";- U8 G- r, i. [; V
         }* O, @! z/ I$ l& d- I# F; M
      }0 L& G6 A2 O/ T+ t
   else if (yDir == "up") {
% m+ t" ?( x5 h9 P; \, m      if (yPos < (0 + BallSpeed)) {
) ]- B  v& F; P         yDir = "down";" q4 b9 B. B- E4 y; \7 j( f6 i
         }
& u9 f% \* Y5 H) ^. H& _4 K      }' [  [3 l0 x) ^4 p
   if (xDir == "right") {# S: J2 ]  E+ y  j* l8 g2 @1 i* G- u2 x
      xPos = xPos + BallSpeed;( G. R% N* {0 i% e# n0 f5 G
      }
* |% }& i$ \2 w. r% f, M9 K7 N: U   else if (xDir == "left") {
0 U8 {) l# p  B' q      xPos = xPos - BallSpeed;( g$ S7 |: g7 u0 W  `
      }- U3 ^/ O$ C9 F! \4 I4 K
   else {
1 k- n9 U: w- Z5 j6 ?      xPos = xPos;  r$ f" N. C1 [* i6 \3 z. B
      }
2 _5 ?/ z0 h3 L! s6 h   if (yDir == "down") {
1 o6 x8 G& D+ A. F& l      yPos = yPos + BallSpeed;; w3 i% M2 D4 B
      }
' ~* @- E$ X0 {) ?* }! g   else if (yDir == "up") {1 o7 p- V7 X% C# O+ n
      yPos = yPos - BallSpeed;
  X6 [2 Q& u6 v& f      }; k  f$ D7 F5 f7 @
   else {2 N4 V9 v- J! F" _; G& R+ s
      yPos = yPos;
( z, P6 L+ w  v- O0 a# v      }
5 y. A! [4 w, f/ G. i, V   }
, F- n4 d8 c! D' ?* Y! X) R$ y2 j3 Z
function hidetext(){8 k& K4 p0 d% ^! c: ?
if (document.all)
0 O9 V! h3 y+ c, H/ s8 Wsupertext.style.visibility="hidden"
6 D' |( \7 E; s$ @/ R0 D( c5 ?else if (document.layers)7 X3 d* k: S, y; \+ b9 J; S
document.supertext.visibility="hide"4 V5 v/ J2 E) E
clearTimeout(animatetext)
0 `+ G9 l" v+ j& ~+ ]) q6 |}3 y" q( N% G7 n4 U8 j+ ^! D

) Y! b3 x! `1 ^3 c+ S( Cif (document.all||document.layers){
2 T2 p, L6 T/ C9 f/ c! q/ Y3 `document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 a4 R6 ?% P' w  a. vwindow.onload = initializeBall;7 P- N6 o4 c% {; W/ a
window.onresize = new Function("window.location.reload()");% S( ?$ U- {1 \
}
/ U8 z* t8 r9 \2 O$ w; c9 ?; t! y% r9 k# C# w: g
</script>