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

zw2004

<style type="text/css">+ U, `8 h2 H6 s' q
#supertext {! A0 J3 n9 h2 N; q7 ?
position:absolute;
0 f- S* T5 s) b2 U5 {left:0;. h# w3 n8 b$ Y! s, I( i
top:0;
2 h0 w$ R- x4 l7 M! Rvisibility:hide;
4 |6 _# E( k% u- m" r7 _8 _visibility:hidden;
0 q) a& v+ g, e$ l, ~}
, t3 w" S2 i% h2 U8 W+ T7 i6 ]* k</style>
/ e. ^# T- b) G<script language="JavaScript1.2">8 M- _* a7 F; m' X% L- c
<!-- 改变下的字体的大小。颜色-->: e  @- Q# ^+ w& w
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 {! ^( ~& n' ~3 c. ?0 K) Gvar hidetimer='';( r- V6 b4 w1 b, o
<!-- 改变下的弹跳速度-->4 _% Q; f) c0 [) R: P1 k
var BallSpeed = 20;
+ w" ?# |1 R6 i7 u2 |3 tvar contentWidth;
( \: M! j7 C, w) b* J% t9 dvar contentHeight;, ~' V& x0 U. Q4 ~
var maxBallSpeed = 50;1 s# _8 C* W; f; m' Q# T
8 r: X" m5 B' m( F! Z7 J9 B5 J
7 q$ Z: _9 V- V4 J( [( ^
var xMax;
  ?: p% S* t* w& l- y1 p! o: Xvar yMax;
+ j0 ?' y# Q( Zvar xPos = 0;: [7 k3 M% S( Q$ f6 w) M" i% w
var yPos = 0;: _% N" X, |' h4 D  b; H; R
var xDir = 'right';
! X; j/ m( Z: D7 u% ]: hvar yDir = 'down';3 J6 n. H$ D$ |+ W. e/ R
var superballRunning = true;0 g3 Y) j; t# ]/ Y7 \: G2 C# J
var tempBallSpeed;
, R, s  r9 a: Dvar currentBallSrc;
; |3 i, Y4 K4 R# C4 c% _var newXDir;5 K& C/ o9 p3 K) ~- L6 f
var newYDir;
: T' T% _% I2 b; w, u! H; K0 h7 Z5 C
function initializeBall() {
8 Y% A/ \1 M1 d9 P5 j# E2 y5 g8 \   if (document.all) {8 e( [7 o5 L1 v) Y0 t
      xMax = document.body.clientWidth1 H( y6 {/ Y7 e% W$ G
      yMax = document.body.clientHeight2 k) e; p( ?4 k# t+ Z: _: b
      document.all("supertext").style.visibility = "visible";
1 u' T! X: u! y: A  E9 [      contentWidth=supertext.offsetWidth7 q: o2 L5 x+ \0 G0 k# G% b; U6 A' }
      contentHeight=supertext.offsetHeight
6 `5 |$ T5 j8 S* d+ b& r- P; _      }
9 P, i# F- Q/ w1 s1 ^   else if (document.layers) {
# U: }- H# W) N7 o      xMax = window.innerWidth;8 _0 n  m* _) M/ x
      yMax = window.innerHeight;$ |% I/ L8 f% V3 a
      contentWidth=document.supertext.document.width
7 Q0 Q# f4 [5 |1 z      contentHeight=document.supertext.document.height, A: _3 C. J. ]* v
      document.layers["supertext"].visibility = "show";9 ]  o& e) c0 `2 ]' T
      }0 t  `' b" q, m8 j1 m
   setTimeout('moveBall()',400);
# A  p# f# `) W. F4 }" `$ v   if (hidetimer!='')% x0 n  z/ I7 f. g7 o
   setTimeout("hidetext()",hidetimer)5 R0 M/ c! Q7 W5 j
   }
$ |- r3 E# d! M, J& d
7 y4 }& u+ e( U5 r$ P: k4 C3 ufunction moveBall() {2 I6 k3 Y" E1 W8 N+ x. [3 P) Y7 m
   if (superballRunning == true) {
/ G- \3 z( g0 Z. g+ q. q+ v      calculatePosition();
8 T5 X' [5 i2 A% P# V/ g: c! [      if (document.all) {- d8 D# R* D% H# K- o6 _0 u
         document.all("supertext").style.left = xPos + document.body.scrollLeft;. B8 j+ Z4 S5 H& y$ C" y5 ^+ `
         document.all("supertext").style.top = yPos + document.body.scrollTop;  T. ~. q6 l: [$ q+ p. b+ A
         }% A: [& Z, E  \6 M% j  ~0 F
      else if (document.layers) {
# [. l/ h6 u3 s# @0 t0 ~' G         document.layers["supertext"].left = xPos + pageXOffset;1 k0 ?4 F0 S% H: h
         document.layers["supertext"].top = yPos + pageYOffset;. ~9 _; i" w$ C3 Y1 V0 O8 `
         }" K% Q) o% H: y& r9 X5 W9 N
      animatetext=setTimeout('moveBall()',20);( F$ d, E# S; `3 E
      }
8 g& S2 O1 A1 Z& g! t2 g   }- m) N% c) ]6 H
( c9 B  i9 W* L7 y& c- r
function calculatePosition() {# a. r1 Z# c4 z+ V) K
   if (xDir == "right") {8 c1 O) ?+ X, |
      if (xPos > (xMax - contentWidth - BallSpeed)) {
) L) i# H9 X3 X% ?- w         xDir = "left";
+ H: `8 T8 |! Q$ ], o         }
$ W) [* M' v7 X- f" ?      }6 }, }  ~$ h) D% G6 V
   else if (xDir == "left") {, }5 J) I( G* ~$ m) Y) a/ v
      if (xPos < (0 + BallSpeed)) {
8 V2 l3 J$ o7 g, t         xDir = "right";2 d. h$ T% R( D6 Z) o+ C8 W
         }& g, j( c' [/ e  N$ [8 I/ \
      }6 P  X  F& @, C1 s' J: e2 H
   if (yDir == "down") {9 Q  O2 Q4 b9 t* Z! B0 K3 c5 n
      if (yPos > (yMax - contentHeight - BallSpeed)) {
0 g. F$ J5 Y/ r5 v         yDir = "up";7 _0 E4 Z; N* J% K7 z
         }
3 H6 }6 a9 f2 N& C7 |      }
7 Q9 D2 C4 W" p' U   else if (yDir == "up") {
  o) t; x8 f2 C& R& g+ k# X      if (yPos < (0 + BallSpeed)) {( N7 r- M% g/ x  _
         yDir = "down";
  ?/ A# y) L- _& a8 R         }: L. K$ Y2 E" _* ^$ y/ z
      }
5 e$ Y, f; u) X9 A: a, W7 |   if (xDir == "right") {
- I3 S) t/ s5 c) s- s; N      xPos = xPos + BallSpeed;7 U* O# m* z% r  @
      }
3 F: H$ }5 c# B) k" W7 y* e3 c   else if (xDir == "left") {
- o9 d2 v! E# [  q1 V; X. X      xPos = xPos - BallSpeed;
$ w4 ]* I/ ]; x9 Q( \, Q' c      }# H1 n; B1 v- X  r: \% n# Q$ M* |' |
   else {2 x, |3 `  s( a  ]4 Z+ r
      xPos = xPos;2 r- y  N4 ?; y5 J  r
      }3 J* x  e( o" ?$ Y. b9 P4 w
   if (yDir == "down") {
- H) G; l) }; }      yPos = yPos + BallSpeed;4 r* B' x$ ~$ a% J3 c
      }1 G: ]1 R2 k# Q' q' z; k' o- b4 p
   else if (yDir == "up") {
, Q$ h- t' m. T4 Y      yPos = yPos - BallSpeed;
1 |; X, P8 v/ h8 \! p      }/ z  p: N* e+ K$ q7 y) F7 I) D) G
   else {
! T9 `* t* i1 w5 H) f' D      yPos = yPos;
, z, t# d0 i- F) {  g* {      }
2 T; P; Y. P; Y2 c% S   }
7 o. W& i1 ]& {# Y% n% w0 i3 `! P4 q/ `: }7 T
function hidetext(){  T& ]$ }6 E# C& l7 M$ }0 c
if (document.all)7 z7 E3 k: R( |+ d2 S* L  ^
supertext.style.visibility="hidden"" z1 k# x" Y1 D5 \" Z( r
else if (document.layers)- V6 I8 I# F& Q) g7 s
document.supertext.visibility="hide"
+ }! g* {+ Z# {, E9 l4 YclearTimeout(animatetext)
* P* S- E5 N9 K' t* [}
4 S- c" V$ O( l9 }1 G/ U. S0 A, J# ]  g
if (document.all||document.layers){9 E/ r6 D/ c* w$ w' _6 o
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ m' Y% W; @2 U. v, L
window.onload = initializeBall;  f5 v+ T  S- _" o# n) p( n
window.onresize = new Function("window.location.reload()");
. `. u* q; U) a6 m9 y( k8 m! K}
& j$ \5 H& u; l* h) A  C+ o$ j4 L$ P/ _* A/ i
</script>