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

zw2004

<style type="text/css">2 J/ S0 ]' l9 J4 Z2 S# d- a
#supertext {
/ y" e) O. p( H& Z/ ?4 eposition:absolute;4 c: d8 v1 R, j1 ~
left:0;3 W& x: g# j% |9 p3 l
top:0;
. X- ]$ a3 J* `6 d4 M9 P; g; Xvisibility:hide;
% n( I$ d$ ]0 M" c( d; pvisibility:hidden;. m% I9 U; @7 {, ?( m6 L# W6 S
}0 J5 T1 `2 M/ E. I6 b7 O+ D' e
</style>, ^  p9 {+ N6 q% @# {
<script language="JavaScript1.2">& x  m! i" }1 @  c3 A$ K
<!-- 改变下的字体的大小。颜色-->9 f  l& o. [5 }3 y" i/ R$ y3 q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 _4 v1 M6 ~, }) Hvar hidetimer='';
1 Z$ M# H. H: t( S' T/ `- N& E<!-- 改变下的弹跳速度-->
" Y3 N) a$ y( Jvar BallSpeed = 20;, X8 c1 a+ T* n! E; X
var contentWidth;
; F% b# d6 I- x! Y- `7 avar contentHeight;/ M3 D0 M: E0 W. b+ S
var maxBallSpeed = 50;; M: T7 v! @0 |$ O1 j

6 d9 O& b8 G: L4 {* ~/ j' g& k5 n% W9 ]* s0 |5 x% A8 N& _& `
var xMax;* H% c) r9 x) _9 D; c! G' D9 j( g
var yMax;
/ w$ U7 P+ V/ q! F, Dvar xPos = 0;
% e9 S, W) p- |. i# N- u0 w7 kvar yPos = 0;3 B  f# b$ L- a! U% q4 L
var xDir = 'right';8 c8 a3 I" k+ v3 i2 q+ ^- f
var yDir = 'down';
! Q) r7 f' n! x2 d+ e& B9 H; z4 _var superballRunning = true;
1 E* d9 |" K0 O; w/ Ovar tempBallSpeed;
9 O7 T3 c" K. N/ ]" M. J, |1 Q" ?var currentBallSrc;
. Z* F7 P7 `# m7 a& }var newXDir;5 B+ w% I* w8 z8 |. Q  E" i
var newYDir;
7 M3 W  v$ h; q$ K. \; Z8 h4 J. M
! t9 m1 p! h: i  Zfunction initializeBall() {
2 X$ k) o7 v+ g* s& o" u   if (document.all) {9 t9 E* \* \7 }+ @/ U+ X
      xMax = document.body.clientWidth" F  S" Z9 b+ w$ ]7 s7 Y
      yMax = document.body.clientHeight
  A$ R% c# c3 S4 m, U- v      document.all("supertext").style.visibility = "visible";
* w; g; w! _9 D' a; g      contentWidth=supertext.offsetWidth
$ O, w% p7 D1 g. j( e1 E      contentHeight=supertext.offsetHeight
4 w# {" W1 j* ?- l      }
% R$ Z& o( y) a; K   else if (document.layers) {& o/ C3 K$ }# E3 f
      xMax = window.innerWidth;
' U7 V! v1 K) z; h1 a  G      yMax = window.innerHeight;
! i& |2 E- h; D2 h9 b      contentWidth=document.supertext.document.width
0 a* _4 i) q, h6 f' Z# M+ N. \      contentHeight=document.supertext.document.height: _6 f$ D/ p# n6 f) |  G* \9 k$ `
      document.layers["supertext"].visibility = "show";
* t& ?* r, M9 C' y4 K0 [# B* \9 G  f  g      }0 U8 z: {. m% H3 [1 B8 O- e
   setTimeout('moveBall()',400);
& _1 S. t' l0 O$ c5 I+ u5 I$ v5 ?; y   if (hidetimer!='')
9 K! Y" B1 H& t' _! I( \6 G# L& b$ Z   setTimeout("hidetext()",hidetimer)% b! Y" x4 T, m/ i0 L
   }
* F' t" J/ P: |* V1 ~1 t, @. `( \  V) A7 G2 a  D
function moveBall() {
& `( c% X' C+ g   if (superballRunning == true) {
* c$ N0 F' p) N( h      calculatePosition();* ^- |  E' d9 v/ x$ @6 P
      if (document.all) {
" \+ d( \& h# G. q4 m4 n% [         document.all("supertext").style.left = xPos + document.body.scrollLeft;( x. w8 B$ v& E6 K
         document.all("supertext").style.top = yPos + document.body.scrollTop;
) M2 s3 E' o( d, ^/ d: M& u         }
& Q. v9 }$ z: Q4 Y- e" E- m& @      else if (document.layers) {
# `. j( K- C6 H5 e% `: j4 q( v         document.layers["supertext"].left = xPos + pageXOffset;
3 G7 e9 {  n- y2 Z         document.layers["supertext"].top = yPos + pageYOffset;( z0 C9 J' k3 y, I, u/ e$ D5 i! v0 r
         }
2 w7 L! Q& h7 p$ N& f      animatetext=setTimeout('moveBall()',20);
  n( D+ X* B& k      }/ T* o' S: j$ ~" g; |& O
   }
& F& W4 w- z/ B+ j  H. d0 q/ e
/ _$ D( D8 T7 A4 l7 Z4 M9 Z2 hfunction calculatePosition() {
% o$ Q! g. O. P2 U) E   if (xDir == "right") {" v9 j. H& d/ A
      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 v( x: e2 R2 I" e         xDir = "left";
4 \2 O7 `/ y" s$ ~$ j+ t; V: r         }2 K. T# m1 t8 i$ `
      }
( ?) N8 l" |8 i; C& m. J9 k   else if (xDir == "left") {# _* c0 o7 j  L( M. E
      if (xPos < (0 + BallSpeed)) {
1 @0 x2 b. q8 w! ~4 e) `         xDir = "right";. L* @$ [& t" e, a1 `2 ^) X
         }# p' c' u8 K# ]( i1 W
      }" J( D2 z, G) r, E* k* e
   if (yDir == "down") {
  Q8 s2 l  B; L8 w! d5 F( ]      if (yPos > (yMax - contentHeight - BallSpeed)) {- `, E7 G9 C' [& Y1 V  R0 P
         yDir = "up";% _: i0 F, h0 Z  J) R6 Y
         }
7 I$ z( l" r* h9 \: \. ^: ]      }7 }7 ^( I$ i; D7 T
   else if (yDir == "up") {
5 I2 c$ d/ D. }- _' o1 G! Q      if (yPos < (0 + BallSpeed)) {$ B! J2 h' W# y# Y
         yDir = "down";
8 |, Y: ]/ R8 g2 f. \/ W) p         }$ x5 {6 U2 \7 S  _  V6 B4 m, O
      }; v& G2 ^5 z8 c2 L: H
   if (xDir == "right") {
6 S4 ?3 l. j: K/ G8 z      xPos = xPos + BallSpeed;
) g" b' h5 O4 |1 L$ g      }. k' W7 W  n) ?
   else if (xDir == "left") {6 [* Z, t& r0 T% Y8 A, X4 O
      xPos = xPos - BallSpeed;2 B4 H0 [. U6 ]
      }, B" x+ c" ^7 u& r5 [1 ~
   else {
, h, t9 F0 L, G, o      xPos = xPos;* Y6 Y% V/ |, f/ Z
      }
1 \' g( k# R5 L7 S2 n   if (yDir == "down") {
  O- ]+ Z; H/ u( ?: a      yPos = yPos + BallSpeed;
9 {# ~* ?! f! z      }
9 y' F2 i. S! ?5 y   else if (yDir == "up") {
3 T% W: |0 _" X4 ]& G) r      yPos = yPos - BallSpeed;8 f: i& E2 o" b6 B" v) U7 j+ S* G# l
      }
; K$ _7 x, Q+ j' p. V# H0 j   else {5 d0 U5 c/ k, j+ O6 F, L. A
      yPos = yPos;
  A* u+ o' z# Z3 i7 t2 [* Y      }, \/ I) R: Q: h7 j$ t/ T6 [
   }) i2 z7 W) m% F4 i( `! L

8 k8 l( a/ m% O$ nfunction hidetext(){( [- |2 R' m8 L: O" A0 F
if (document.all)6 c0 K/ h# E; R/ y# q( Q# |$ J
supertext.style.visibility="hidden"
& o2 j! G  Z/ _/ d, d' belse if (document.layers)$ d! l, P) t( v1 X! r
document.supertext.visibility="hide"
( ^1 G6 v5 _+ R* m5 Y; `% e4 o* |clearTimeout(animatetext)3 x# m" |/ A6 j3 M9 X
}
9 D8 p/ F- y' B8 x; h/ `5 A/ r9 a% Z" H( n! t
if (document.all||document.layers){
& j' Z7 o$ ?. f1 b+ e4 F! ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" ?$ W! B: j- ~window.onload = initializeBall;
. }# A$ |+ R1 h; S4 T: ewindow.onresize = new Function("window.location.reload()");5 p+ U# D; [. q  q) F( \6 [( C
}
8 w6 K/ _+ Z: y) }
2 }# w5 S7 n+ k: [3 H2 `</script>