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

zw2004

<style type="text/css">( t8 H( m( f- I0 V) m. @
#supertext {
  X# P9 z7 w6 v; J6 ^7 ?4 X) q% }position:absolute;# s6 H# B* ]  T, o: Q7 {7 X. r& p
left:0;1 y; B# C2 @% e( ~; P0 l
top:0;; m% L1 H7 A) W5 K
visibility:hide;
! `2 e* |, F* B' \visibility:hidden;0 P1 I5 f. T  l4 g1 E: y! O
}
5 I0 Y" P9 R7 ^; P% `* l</style>- S/ x6 r- q- ?& x# k, |7 @) c
<script language="JavaScript1.2">
7 B# Y% ?% d4 E<!-- 改变下的字体的大小。颜色-->; c# r2 h5 L5 a! f
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ y9 ]9 I0 w3 P
var hidetimer='';" b; y9 [: C* z; G6 s
<!-- 改变下的弹跳速度-->
& t% C2 i2 q: I: e( svar BallSpeed = 20;/ r; u0 i" d3 q
var contentWidth;8 Q* a: N& x, }1 t: s# D
var contentHeight;
6 q, V" @, `0 N/ K% j, ~var maxBallSpeed = 50;
; l. _" E4 F9 b# J6 W
1 g2 e  s. T, v  Y
: a- _1 e9 p+ D& Xvar xMax;
+ p: Y- Z4 k8 ]& Y# }* `0 O) D- Vvar yMax;
% Y& w* w/ C7 i$ Tvar xPos = 0;
5 D5 a* m. b' D; u+ mvar yPos = 0;
: b" K" W; }) B7 u: @var xDir = 'right';
: y. G3 H& K( V& v8 i' `3 j5 q2 hvar yDir = 'down';
4 E6 B: l. G5 H5 l; Jvar superballRunning = true;
5 x7 E/ E4 |& E! J5 n5 Z; Svar tempBallSpeed;1 o/ O  r$ K; ]
var currentBallSrc;
" f4 D* ]* e1 tvar newXDir;, j$ B/ k8 _% X# p; g' t" V
var newYDir;
. t0 ?( Z! N/ u0 [( h5 k& _- @$ n( Q- d# Q0 P- Z  ]! B
function initializeBall() {$ V8 [6 L1 a3 z3 W3 e7 a5 q, ]
   if (document.all) {
3 Z7 H: D5 T) G+ o) B      xMax = document.body.clientWidth
8 L$ J2 o% q# C" _( L  [      yMax = document.body.clientHeight  `8 |% P' w, `- ~
      document.all("supertext").style.visibility = "visible";, F' W7 B9 t1 _+ ~1 J  K7 k+ {
      contentWidth=supertext.offsetWidth# P1 p4 G! u" s" R* _2 M
      contentHeight=supertext.offsetHeight0 I/ I/ f+ ?* ]* s$ l( j+ p* z: r2 x
      }
( S  J; s; n5 C7 F, a   else if (document.layers) {2 _9 [* K9 W# H+ v& p# N2 m
      xMax = window.innerWidth;
# L5 i/ d! v6 k5 i7 J% B      yMax = window.innerHeight;) e( K; o4 f; D. w
      contentWidth=document.supertext.document.width
: z" B) C+ H, t  Z, T      contentHeight=document.supertext.document.height2 u+ H$ B% i3 X; g0 v! ]
      document.layers["supertext"].visibility = "show";
( }* {/ ]* u5 a. |# i- {* t      }
, B% d; H) M- H7 f% @   setTimeout('moveBall()',400);. L" o# ^% j" u0 K9 S3 i- `
   if (hidetimer!='')0 q  g. W/ J7 F, D
   setTimeout("hidetext()",hidetimer)5 v8 O+ V0 P6 i& }! k* X# R
   }
  o3 g# r$ X1 Q9 A) j0 _' x& V  x& o* g# D. n
function moveBall() {1 u; x5 o5 G( R8 Z
   if (superballRunning == true) {: ^! W! U$ P' X) c
      calculatePosition();
4 T+ O* j! y, |% Q% d) ?      if (document.all) {
8 ?: V, q" |9 f/ |$ a& c- `         document.all("supertext").style.left = xPos + document.body.scrollLeft;
  Y/ s9 S) O% V: i- }         document.all("supertext").style.top = yPos + document.body.scrollTop;' D* ?; U4 Z4 A% ^
         }1 @1 G/ s) v* {$ ^% b
      else if (document.layers) {
7 \/ K% [/ d! z; B% t0 M         document.layers["supertext"].left = xPos + pageXOffset;
% G4 L1 T. u# d         document.layers["supertext"].top = yPos + pageYOffset;' J' [1 A; Z/ U8 I" ^9 J4 v4 c
         }' l/ y# O" N/ x
      animatetext=setTimeout('moveBall()',20);' G: H6 q# l9 l" r% P2 D
      }
5 @, L$ ?! G4 D5 L9 ?( W/ `; ?   }, r1 p8 w) y- B$ o

- {, D- I( o: v$ w1 r1 Cfunction calculatePosition() {) X* X3 O) w7 Q! b
   if (xDir == "right") {
, \  X+ h. t/ q# k1 M      if (xPos > (xMax - contentWidth - BallSpeed)) {
, X. g/ ?8 Q# |$ t( T0 X         xDir = "left";
3 q  O! G( P- {0 ]) P1 F9 r         }
5 {  l- A; |6 d      }
4 l/ U! k& {5 ~   else if (xDir == "left") {, G+ r' w8 ~8 S
      if (xPos < (0 + BallSpeed)) {
8 S2 h! H3 V6 n, t- k0 w         xDir = "right";
0 a; P7 \! K/ q& q5 W. U         }4 |: H& E% u- `$ S
      }
! K5 w8 l7 n$ n" I! `3 l0 U   if (yDir == "down") {4 I( V3 [9 T2 {* O/ U2 Q/ I
      if (yPos > (yMax - contentHeight - BallSpeed)) {% d3 s! @& [$ p
         yDir = "up";- `; E3 y1 E+ E* Y* T
         }, z3 p& D+ L3 w2 y. Z- t
      }
- z) L1 J8 @& g/ J6 a" O   else if (yDir == "up") {
8 S/ p& X: v) ~/ n: ?      if (yPos < (0 + BallSpeed)) {
# Y/ ~, {/ d7 a9 P: K         yDir = "down";2 P$ ]4 e( Z4 L% m$ d) @: T
         }) Q+ L  ?3 A7 J
      }2 `- u0 j5 s0 P, G. d
   if (xDir == "right") {
8 w6 |( {/ s  X" J      xPos = xPos + BallSpeed;' y9 Y, D9 {: Q" `
      }) p5 _9 h: U( ~% c+ P
   else if (xDir == "left") {
1 w% E4 D# k7 i" y, }- _      xPos = xPos - BallSpeed;
" T8 G% ~, N2 ^5 b0 P      }+ y* W4 n& |& }/ h( F; n3 W
   else {
/ ^8 L3 T2 k, y  @& @3 g      xPos = xPos;
1 x* e4 b! S; G( k3 G      }3 i: p" P6 H! }) e& _3 f4 B
   if (yDir == "down") {
0 _- b2 E. S  P, ~, N      yPos = yPos + BallSpeed;: O% M' @8 a& g8 J/ }
      }4 D" s$ u4 F! [( j5 K9 s
   else if (yDir == "up") {3 O0 m; p/ s& T
      yPos = yPos - BallSpeed;
" w7 m- k* c1 g# S. i2 R      }
9 K) |4 d: S: _" r   else {( i" c; a" i. I+ H( M) O1 ?: t
      yPos = yPos;
# J! s4 w7 S) v5 b      }; g2 P9 W$ c+ b1 a% @  _' P
   }: f7 B/ ^" Z  [; x0 }( t

/ X( h. Q, m2 bfunction hidetext(){, _) D/ i1 L# {
if (document.all)
0 `# B& a2 k2 Q& Q: nsupertext.style.visibility="hidden"
4 M+ l6 w% A9 Y5 d  K- Helse if (document.layers)
5 R7 ^- P( f  }( Rdocument.supertext.visibility="hide"0 D3 b: n$ J. r4 F; o6 L
clearTimeout(animatetext)
2 b/ B! N2 A& y! o8 M  L1 z" \* g0 j}
4 @9 D  i  d9 P) x. Z" [4 d+ T1 j" k# ?4 A: H
if (document.all||document.layers){
5 {& G# ?( H% _; wdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ u2 k4 f% D( F; ]1 f: b! n  B' q& x( T
window.onload = initializeBall;/ k$ X! d$ ?/ ^8 S
window.onresize = new Function("window.location.reload()");
# U  j0 a' r; R0 h- p4 y1 {) D}
# o$ Z: d2 P  i3 Z  B
' R9 q2 D% a( J2 V7 x</script>