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

zw2004

<style type="text/css">
( s! X. o4 F8 g$ o#supertext {
7 ]$ C; O6 d3 e# s. P" e3 e6 Iposition:absolute;
1 a" }& c; C% x- ?left:0;
) k! f6 y) ~7 X3 K7 ^" Xtop:0;7 C9 L- U( c. y
visibility:hide;
& Y# w! b# |. {visibility:hidden;5 s2 Z9 z2 t" b7 X/ q( f
}# t0 ?# Y  \' v; H3 T6 N/ _. Q' |
</style>
+ ?8 N2 S: W% A! i5 ?<script language="JavaScript1.2">
; t5 C2 ~8 i9 z5 _/ B<!-- 改变下的字体的大小。颜色-->
+ d& B  T" X! mvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" j) O2 T0 e! C: r7 |* k8 o
var hidetimer='';- m& O) J' M" k- D1 x6 Z" \1 u9 ]* N3 H
<!-- 改变下的弹跳速度-->; J1 p! o5 U: E6 _
var BallSpeed = 20;2 ^6 \+ Q( `8 V: Y- `# B' Y. [6 K
var contentWidth;$ o4 n' T; W) T! a2 i
var contentHeight;1 @' \; j8 x6 T1 V# R( |3 H1 E
var maxBallSpeed = 50;1 w$ x8 h' d/ ]" y
4 v/ T  E" o( n

9 T& i5 [' b$ Y! s3 q7 Ivar xMax;( T5 r3 S  h: c- K
var yMax;/ _2 I! D5 `4 \6 P6 n
var xPos = 0;' i+ ]6 G5 r: G0 ]
var yPos = 0;
7 K& C2 g9 E& _# ?; j% ]var xDir = 'right';5 T' g( }  Z1 G( ]5 I
var yDir = 'down';
  O2 h' P0 F' Q9 u& avar superballRunning = true;1 T1 H; y8 R9 T% i3 V5 k% n
var tempBallSpeed;# Y, {. T) f5 H# D
var currentBallSrc;2 Y2 r8 ]! e" q# J0 k; k
var newXDir;5 t9 \( }% t: c# o
var newYDir;
% E, ~: v+ d' B9 k# H, Q! s. d# `6 @; P- U9 E3 d
function initializeBall() {. U7 L+ N! x. I  M5 E& a
   if (document.all) {
7 t/ ^8 t7 W- e; v      xMax = document.body.clientWidth
; b- D# H" J6 s  o3 p1 l5 D      yMax = document.body.clientHeight
$ Y0 o: T& `, Y9 _      document.all("supertext").style.visibility = "visible";
) L- Y' `9 _" T7 `* W      contentWidth=supertext.offsetWidth0 r$ J; _$ }% h6 x+ a( P# ^7 _0 {$ n
      contentHeight=supertext.offsetHeight
2 P9 _5 O% s; |/ ?3 @, T$ J# ?3 H      }4 D1 p5 A. f4 F( w8 C; J0 E! W
   else if (document.layers) {# |6 T3 H( ^% F9 M# y; N/ E
      xMax = window.innerWidth;
+ h2 Y: p, R8 Q  G6 X6 V, {9 U      yMax = window.innerHeight;" K7 P2 A2 `$ p9 h
      contentWidth=document.supertext.document.width$ T' E. E' N: L: b8 w( A4 r+ f: R
      contentHeight=document.supertext.document.height
  R6 H. ~& K  i. A: `- @8 M      document.layers["supertext"].visibility = "show";
' t- M+ ~# N8 H2 v, m) c      }% [: o( n6 \" ]
   setTimeout('moveBall()',400);
; L9 I( \7 ]  ]' X   if (hidetimer!='')8 ]4 w3 P  z# }
   setTimeout("hidetext()",hidetimer)' ~1 x, a3 i7 h& }! V
   }8 ^  L. f% L- B3 w0 K  k5 p
4 B! h" {4 g( B( l& |1 i' Z" f
function moveBall() {; d$ A9 y; i0 _. \
   if (superballRunning == true) {
* P" c+ n& M3 t$ c, `      calculatePosition();
4 _; ~/ C. W. b9 J      if (document.all) {2 W5 g1 p+ J" H  d$ ]& b1 X
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 t; d! y& i! T2 j9 d1 g6 V! }         document.all("supertext").style.top = yPos + document.body.scrollTop;
7 m# p5 y6 Y7 }; u2 ]& @         }
- a7 i! y* S# {% R! [1 }; g0 m$ `      else if (document.layers) {
" M( S# N2 P9 [/ k         document.layers["supertext"].left = xPos + pageXOffset;% n) `( Z" p! W# |, e! T1 {
         document.layers["supertext"].top = yPos + pageYOffset;1 {  C" f. b3 v2 W3 n0 d2 {
         }7 u5 X) x4 u' G# z
      animatetext=setTimeout('moveBall()',20);
( H/ V" c; I, g6 q$ x2 f* L3 A      }
  q9 ~/ n' q; ~   }3 q* o" l' o) ]  ~- u

9 q4 Z' ~+ w- z" ]( efunction calculatePosition() {" ~# V, O4 H7 e) h; \2 y$ F
   if (xDir == "right") {/ f9 w# J3 M  E2 F0 B6 \/ r+ }
      if (xPos > (xMax - contentWidth - BallSpeed)) {* I7 N6 Y4 r+ B* K- C, k+ o
         xDir = "left";
; X0 B/ i8 t0 A' g! y. H5 P         }. H# R, }2 V2 s& M9 f
      }" Z# I* b) w. I  c9 B; C
   else if (xDir == "left") {$ C% y* |: n: G1 z8 k
      if (xPos < (0 + BallSpeed)) {
; o+ F6 t7 l0 }* t0 Y, U         xDir = "right";
7 d* o$ e' ~; o7 O$ r& E/ N- q         }
3 R  Y& h3 B9 U5 l/ {      }
1 e2 m* M# N( z* `+ y   if (yDir == "down") {' p1 Y( k' u3 H% h
      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 v9 x; u, c; v* I( N6 y8 z; b         yDir = "up";( O' S8 ?- g$ ^% n, D
         }
0 {5 a& W2 b9 _  A& K" c      }
& I' D8 Y4 \8 q  A   else if (yDir == "up") {1 R; \7 o" s- I5 E' y( G, Q
      if (yPos < (0 + BallSpeed)) {5 o& y' ^. ~# q3 ]# ?
         yDir = "down";
8 F5 Z4 R. J9 z3 B* H         }9 n2 O0 N- a4 t  T( h
      }# ~% c- C5 f* z
   if (xDir == "right") {
; T1 h& R$ ]1 I8 j9 \8 E      xPos = xPos + BallSpeed;+ f* A+ F5 {- ~, k  V4 j
      }, d* ~6 @* y# R
   else if (xDir == "left") {, ^0 Y  p- g8 p, {  A9 z1 j1 y
      xPos = xPos - BallSpeed;
0 P9 j" f# q7 h      }# H* h7 X7 A4 K0 T1 G6 l* o
   else {
$ x* F* s# P7 U- n5 z% q- b      xPos = xPos;) H( O1 h% }* |6 R
      }
* A- _5 X8 x* e& ^( g: O0 x. o   if (yDir == "down") {, A! i' W& R3 R
      yPos = yPos + BallSpeed;
0 R* }! D7 {8 [" ]      }- i- O0 }+ ~! m2 K6 T+ w/ m3 b( b
   else if (yDir == "up") {
% H( @( @5 r) |8 Q9 U      yPos = yPos - BallSpeed;1 ]# r( G7 y% W8 a
      }& r) M6 r( n3 H& M6 I: D6 ^
   else {
8 C; r  p! [/ j6 T. u1 J$ t8 `& a      yPos = yPos;
3 j. P+ k1 W& I6 H# E      }
4 X4 b. R( n+ K3 ~   }( z% d' ~5 S' P$ Q+ R# D

! A5 a7 y6 w4 J. Jfunction hidetext(){7 }$ W8 a6 \$ Q& `3 M$ f  c
if (document.all)
: c/ I  R' F9 ?4 O7 D. Lsupertext.style.visibility="hidden"
% g5 b7 o" v+ y+ S2 ~else if (document.layers)
+ t  p4 @3 i! O7 }- P- odocument.supertext.visibility="hide"7 u) s6 U3 h. v  J5 R. x
clearTimeout(animatetext)! R9 f. n4 n) Q# b0 l4 J! Z( B
}
: g8 {* f  S- y/ {0 ]4 K
- s$ E7 O) F5 e6 s* Z. A% k% Wif (document.all||document.layers){
( g; m2 @5 ^8 f0 t+ \. \( \7 vdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* t5 L1 ^  C! u8 R. f. ~, Swindow.onload = initializeBall;
. a' K- ^0 x- [window.onresize = new Function("window.location.reload()");" ?% s% u4 ]4 k$ |5 P5 R
}6 W7 |% t$ g' A' c) N3 O* }, |
( U# [& G  D1 g6 @: ^; }$ [3 g  a
</script>