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

zw2004

<style type="text/css">! a7 v) `+ @% Q1 f( e
#supertext {1 m" d1 v. X2 @5 |5 I7 Y+ s
position:absolute;
+ m- L$ l' J$ R% L8 ]- G( ~left:0;
5 F) d& J8 `5 T- l1 x! ytop:0;" L: J# ~9 }6 {) m& q% \' T
visibility:hide;
/ i" q  p5 W, H4 Z& b9 w- u( G- Rvisibility:hidden;) C" n% A  J; l2 j9 C
}
8 v( p9 L' f0 Y- M: k$ n& o</style>
8 p4 W, Y2 W2 X$ l$ J<script language="JavaScript1.2">6 t; G7 k* y; S' A; Y8 C
<!-- 改变下的字体的大小。颜色-->
' d: \4 J8 m; W& y+ qvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- a1 d; _, C5 {5 G! mvar hidetimer='';
5 _  P5 b7 V0 s  p7 K) @2 c2 x/ A<!-- 改变下的弹跳速度-->0 c3 A3 a! S" t
var BallSpeed = 20;
- F7 a" R4 X- d, f# c1 M2 Xvar contentWidth;+ A$ A- }6 q) }- r
var contentHeight;
, `7 d, F4 W( c2 L* ?5 d' P; dvar maxBallSpeed = 50;
# _1 W, n* V$ L& H' W; u- n! G, }/ }8 ^5 t
5 i+ I- l' x) f3 i. L
var xMax;
4 F! ?" r, l7 R3 M6 D( o% Tvar yMax;: P9 J  h# C4 @: B+ Y3 B+ K1 h
var xPos = 0;' h9 l( x3 O/ Q. P3 `
var yPos = 0;/ f) u) H$ \6 Q/ Z  L
var xDir = 'right';2 V6 d$ f9 M4 t
var yDir = 'down';
. N$ x( p+ F# O$ @7 J! ]var superballRunning = true;
+ J3 q* a+ ]0 k$ B, ^var tempBallSpeed;
+ D6 D0 x* m* {3 O* E1 Cvar currentBallSrc;
/ f" y% c1 o) z% dvar newXDir;# Y  C' C1 q8 u
var newYDir;0 ^( b& ^, P- ]% ]" z1 P# {( }0 k
; s# b5 j& J) e: @
function initializeBall() {
0 C( N+ b  N3 `7 ]/ \7 d8 \& l" `- V   if (document.all) {
& H& n  D( l5 P8 Q/ K, |      xMax = document.body.clientWidth0 w; [; g. `+ o' z/ o% ?' s
      yMax = document.body.clientHeight
" d( J( w+ k3 `* l. B      document.all("supertext").style.visibility = "visible";
# L2 G) ^. W6 `2 z' Q- d& L% o      contentWidth=supertext.offsetWidth7 h! W7 a7 |7 `
      contentHeight=supertext.offsetHeight5 B0 D/ T' `3 j3 W, h! N6 r. s
      }6 v0 R5 u8 i& Y
   else if (document.layers) {, {, |3 w; w* ~7 |9 g, @3 ]
      xMax = window.innerWidth;# G+ d. E" _3 ^  y7 A' c& ~) k4 E5 C
      yMax = window.innerHeight;
5 a5 ?0 H. K; b& P  [% O* A# H      contentWidth=document.supertext.document.width& N) x9 r5 Z& f. U8 }8 e: r) e1 J5 B
      contentHeight=document.supertext.document.height
! Y: b0 X4 \) N; L/ F      document.layers["supertext"].visibility = "show";; @2 ?* R) |8 U
      }
: @) Y* m. Z" V5 H) _   setTimeout('moveBall()',400);" }# s$ K" J/ x* A$ |5 P/ o: v
   if (hidetimer!='')
+ i6 F; K' c' d1 e6 V; [   setTimeout("hidetext()",hidetimer)) E  R2 u) R+ [& `% O) d: I
   }: V* e0 ?( A' h  }5 J
( _- M* @+ m. F! u; X9 W; c
function moveBall() {/ @" N7 U8 O( G3 e
   if (superballRunning == true) {
" {5 F; f( a7 {; O+ H& E1 f; p      calculatePosition();* j. J- M8 F* P$ U& F4 p
      if (document.all) {+ r' S+ f3 X* s" f
         document.all("supertext").style.left = xPos + document.body.scrollLeft;- H) N- w% Z/ O" b" `
         document.all("supertext").style.top = yPos + document.body.scrollTop;! w. u6 J0 @  B, k. f' ~. o  ~
         }
% m% N3 U) [* b5 |% @; q: a      else if (document.layers) {/ R3 t) l( ]* Q- c6 B
         document.layers["supertext"].left = xPos + pageXOffset;+ A0 O" w( w. A; X- `( ~* v
         document.layers["supertext"].top = yPos + pageYOffset;0 e9 A  Z; X3 x& u, U
         }  h- j. A8 a7 I$ Q' U
      animatetext=setTimeout('moveBall()',20);
% h" K7 K  J$ U8 ]. C) H      }- [& a9 O8 E' X* k8 k5 I
   }
' S! N& r# y% h3 A  o/ D
/ r& ^' o- m7 T4 A; t* M, s; ?function calculatePosition() {% S- g& W! D3 u. Y5 X+ _6 S
   if (xDir == "right") {
1 e. C. D, W1 V# t4 F. I      if (xPos > (xMax - contentWidth - BallSpeed)) {
* N$ b$ C- [& X$ e3 R         xDir = "left";7 ~8 l6 f1 U3 R  t8 d0 K
         }) y5 s' g% N4 O$ t+ s# ]( m, g4 ]
      }8 K/ V' Y7 H- v0 l# H- V- l
   else if (xDir == "left") {7 b9 z4 t6 u; `2 c
      if (xPos < (0 + BallSpeed)) {* G8 Q" G/ Q: t6 q: v; W# A
         xDir = "right";
: t8 s2 U8 J8 R         }
: d) o# ~* x. R) b      }
% u5 \, ?1 p6 a( C" J   if (yDir == "down") {
7 C+ |# K* a! p- ?* N9 f# \/ M      if (yPos > (yMax - contentHeight - BallSpeed)) {% x% \* U+ U' B
         yDir = "up";
5 @; O% K* d2 c) Z! w# y8 @% O         }- r3 x  V7 C0 U* |" I
      }7 M5 I9 Y/ ]$ |* Y+ U! m; V, h
   else if (yDir == "up") {
8 j2 v1 ?; I7 X4 e      if (yPos < (0 + BallSpeed)) {) s  a5 L7 g0 M9 b3 h
         yDir = "down";
+ O0 @6 z, k+ Y" X, `         }* E' b! N( X# H+ m8 b6 u  p0 i( c+ ~
      }
4 J+ u# X6 p) T- W* {& s. y5 j   if (xDir == "right") {
9 p7 }. y9 D1 L, I      xPos = xPos + BallSpeed;2 w! ~- m9 W- b/ W% i7 |3 G
      }/ w0 U# w3 P8 W) W3 i/ b' h0 Y. t1 c
   else if (xDir == "left") {/ h* v, H' t" E, O+ g0 @0 J% `7 p
      xPos = xPos - BallSpeed;2 {, C0 K! K5 V/ I9 A& I; N
      }
( W( |: a! O: |2 O; ]3 s. v9 Z   else {% R4 g6 P; O' w' J6 n3 ~- r& i9 n" z
      xPos = xPos;; x2 m6 X, V0 P6 f; S0 v2 D( u
      }! ~* g& |; W$ K, k
   if (yDir == "down") {& h$ ]5 x6 r$ y$ L3 L/ G( H( N
      yPos = yPos + BallSpeed;
/ B& p* t1 q6 ?; r      }
$ v0 P& ?3 ^5 t( b! b0 F   else if (yDir == "up") {
- Q6 @# E  ?9 z1 G8 b2 z      yPos = yPos - BallSpeed;! Z! Q4 r$ a1 m) Q" H  X1 _
      }) [% r- h% c" {" l
   else {
: E# r1 X+ [6 O% `! S) F      yPos = yPos;
" J! ~9 C* c: a% z7 T4 E1 U      }; d) g* }+ E. E5 e6 w' @
   }
% w3 @3 m" k% C4 {. p& \- Q1 _! E* J- T: J
function hidetext(){/ Y( X! R" y% D, s
if (document.all)
3 d: n" \5 N' \* U2 Isupertext.style.visibility="hidden"
6 Z3 X+ ~1 v/ b0 j& T/ Belse if (document.layers)
4 |9 ~( t9 Q  H$ A8 l; G6 C+ x& vdocument.supertext.visibility="hide"* D8 |, L7 T( |+ U8 ~) B0 }- |% ~
clearTimeout(animatetext)
. l2 z' K2 O  ?4 Q0 b}9 F. E2 C2 t2 E; `" s6 \# m, ]
* ]' |3 r. N# @$ d" W, P
if (document.all||document.layers){
  t# z8 a8 o( J$ zdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) [2 q0 a' J0 c) o. ]) pwindow.onload = initializeBall;
. [( y8 ~" v% X% Pwindow.onresize = new Function("window.location.reload()");6 S- d6 Y0 O9 n) ?
}
/ z5 ?7 D3 P& J7 r0 I$ F* Z
+ g3 w& S* K" H% O4 e' X7 y6 V0 \</script>