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

zw2004

<style type="text/css">
# i$ V$ `, S( j: W0 w, l" M2 q0 k#supertext {
$ ?( K, ~; v' R$ d4 \4 y9 g- Rposition:absolute;5 J7 U9 j/ Q4 ?% ~, R: T; y( C' f
left:0;- h" g- k- b, R3 u: d( ~
top:0;
9 L. w& w  i3 ~0 H! T" Gvisibility:hide;/ L$ W$ J6 _& O) \: s4 ^8 x1 G  l
visibility:hidden;4 ]! W& `' J5 T: p5 N" ?
}/ z. N4 |3 M0 S) e/ L4 K" G. g
</style>0 ^9 g( M% x6 w. R* ^! A( C" ?6 z5 n
<script language="JavaScript1.2">
. F$ I& S! R* E) _: D& ~<!-- 改变下的字体的大小。颜色-->+ a+ z& T) r: Q# N$ [: N& G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9 W* q! t4 Q# p
var hidetimer='';- k6 M9 Y4 C: L
<!-- 改变下的弹跳速度-->. [, B+ T; n, A  ]/ D) t
var BallSpeed = 20;& {0 e- R0 d! `
var contentWidth;% ]5 Q' l0 X7 H& [
var contentHeight;2 I/ ?  Q# K  p2 D/ Q& p! ]+ u
var maxBallSpeed = 50;5 F  C" a+ f2 z5 `' b
" ^7 O. `# ]; F+ X" X) W1 B  r

4 H5 n: u& g5 e( ^) I3 c- S0 a1 a7 vvar xMax;
2 d" W9 N: `1 E( }' b- Q  gvar yMax;3 U1 w& ^6 n( a# N3 c
var xPos = 0;
, ?1 k0 x. e. a5 Nvar yPos = 0;* }  v& K* W& O) ]/ t
var xDir = 'right';
3 Z. U/ C2 L; o2 zvar yDir = 'down';; c0 k, ?$ A( Q, b/ p: H, z
var superballRunning = true;
' m8 o% e( R) d: Q  d) gvar tempBallSpeed;
* F, ?9 ^% R- A! R& D; Q9 T0 lvar currentBallSrc;" A3 t; J0 D$ M+ C' q7 S
var newXDir;" p: J! u" ~8 T5 T' S
var newYDir;
9 J3 k7 q; j. _+ U
* z+ Y$ F' Q: ^( {* Dfunction initializeBall() {& u, y! F& r+ o% H& O
   if (document.all) {+ N/ T5 w$ z1 K9 l8 d/ Z
      xMax = document.body.clientWidth
: @" b, o. y# E, V      yMax = document.body.clientHeight5 L) G+ J! u$ P# v$ i- q
      document.all("supertext").style.visibility = "visible";/ ~# l/ H* e! g8 P6 @
      contentWidth=supertext.offsetWidth) X1 A" m( ~/ r) R" }
      contentHeight=supertext.offsetHeight, s) S& |5 ]( Z; s2 Y8 T1 |% R' ^
      }
6 O$ ]3 D, u+ U. e   else if (document.layers) {
7 [5 @, _! t, d$ p* A3 @* _  C5 U      xMax = window.innerWidth;
, A" z+ I5 {# F( ]& N* @% A7 T      yMax = window.innerHeight;6 K# T( g5 R0 G5 e& r0 K: O) s
      contentWidth=document.supertext.document.width
% X! F" _5 Y: F      contentHeight=document.supertext.document.height! E/ V* s1 y/ L, B2 S6 i$ {
      document.layers["supertext"].visibility = "show";
. Z+ i  `) }2 o" w. J0 i2 i      }; s7 Z9 N4 L7 H+ f3 A0 b. z( }# x- D
   setTimeout('moveBall()',400);
4 K6 K* m' @. v% G7 F( _   if (hidetimer!='')) p2 v3 k0 h7 j/ w, S. `) ~& ^
   setTimeout("hidetext()",hidetimer)2 {# |/ z" E8 o7 S; ?5 g. x
   }6 l, B, O( ^, ~  P+ P

+ H5 x' T) W& y9 V" kfunction moveBall() {6 y. @6 B+ |! H. _8 W
   if (superballRunning == true) {$ B# V/ v7 b  A
      calculatePosition();+ l- s/ ]. Z3 M$ y: X
      if (document.all) {
$ |$ |# ]& c5 D1 v+ s& h         document.all("supertext").style.left = xPos + document.body.scrollLeft;
) W! f: A; O- C; M         document.all("supertext").style.top = yPos + document.body.scrollTop;
9 `% R* E3 S/ ^2 A7 b         }" P7 X- `3 e* W
      else if (document.layers) {6 K+ W1 z1 f! g" i4 |
         document.layers["supertext"].left = xPos + pageXOffset;
9 j! ^9 T7 F! s: x1 y         document.layers["supertext"].top = yPos + pageYOffset;5 U! X4 c' @; {! Z! y4 l$ R
         }. q# K. ?# Z( E
      animatetext=setTimeout('moveBall()',20);
; e, z. U* t9 `, A5 |      }7 i; s1 ^( B4 [
   }; v1 ^/ o" V" n
- {/ ^$ m' ~2 G% o- x: L3 c7 p
function calculatePosition() {/ V% @0 H3 T( G) X) r+ Q& q7 L7 w
   if (xDir == "right") {! ]& {# |  n; W. f- S
      if (xPos > (xMax - contentWidth - BallSpeed)) {
" ?0 e( G/ _9 p  [" \: n         xDir = "left";
9 [* l4 r- k2 U* Y' ?, `         }7 d' E" i5 ?; O" e5 R) r& ]/ h1 g
      }
% ~# n& u& b. x- o2 H5 A   else if (xDir == "left") {* S' a5 }0 Q: ~8 f0 k* S# Z
      if (xPos < (0 + BallSpeed)) {
+ n& Q  U5 p: z# g9 _/ F0 C         xDir = "right";+ ?* X+ F3 V1 c8 w3 ^5 t  e
         }
3 U0 q$ [' N$ P. j* C& Z      }
7 o. l! ]+ `7 c8 S% [+ x  q   if (yDir == "down") {
, i& w5 b8 @8 |" g# r/ f7 o& A      if (yPos > (yMax - contentHeight - BallSpeed)) {' h0 l* }, x9 r  a+ T
         yDir = "up";0 `8 o# f, d! ?# z* C
         }
: S2 `( [) }* ~$ H$ u      }
, O& |. N6 u. @% K% _   else if (yDir == "up") {
" j$ ]7 I+ v, d* U; w3 k5 _      if (yPos < (0 + BallSpeed)) {
" V: K# V6 I* f3 t4 m' L         yDir = "down";  I1 ~  V& d. i  J( N* n
         }
2 I+ d- a* ~, [3 O. C- u& l# ~      }
0 g0 r: ]0 e" L8 g   if (xDir == "right") {
) D1 [* @# h7 B/ Y( X8 ~      xPos = xPos + BallSpeed;# Q3 T9 k3 G/ B
      }
, I/ `  `% X& }+ Z; m2 ?' \+ j   else if (xDir == "left") {
% e( Z! y" O: t0 [* n8 O      xPos = xPos - BallSpeed;
% Q9 d9 g+ W! x: F7 o( j/ s      }
" l# n' S. P% u7 L; b   else {
, A. P1 ]2 q% d. I7 w      xPos = xPos;
7 |6 e' d* z3 z% {8 c  ~      }
9 w; |3 u! G; Q0 }7 v* }" c   if (yDir == "down") {, O/ p- i( o+ d8 ~2 ~* v
      yPos = yPos + BallSpeed;
4 T3 z5 b  M  B# S  G- A5 ^" Z3 i      }
: [  T2 Z' C$ T) z   else if (yDir == "up") {
$ F2 w3 {* _2 {      yPos = yPos - BallSpeed;4 B1 P3 R) c& f+ n& S9 j8 l% g' i
      }) [, P2 X; i2 [0 y( [8 K
   else {! v8 T2 V: u6 k" w5 v
      yPos = yPos;' l: M1 l# i! o4 m
      }
5 a! R  h& z4 p5 l9 @   }! l2 D" l' {# f! |& S) |
. Z4 Z( E5 X+ [1 f4 [! ~+ U% z/ V
function hidetext(){
& W2 F- O; O1 y, `1 Wif (document.all)
7 n! }% s( T! }3 y1 [supertext.style.visibility="hidden"
5 e  u7 d, m& [: ~. r' Qelse if (document.layers)
6 n- }0 `2 d( \3 _+ l; q, ]8 y5 hdocument.supertext.visibility="hide"
0 _7 Z& Z0 |6 c! R' }* `clearTimeout(animatetext)
2 e: w& J; ^4 M}
5 \& v6 o0 I) o. U/ Z: T( }% X) k/ T: E* N8 h2 C
if (document.all||document.layers){4 D& f8 ~4 R/ B$ ?
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' I; `; y* x7 v6 I! owindow.onload = initializeBall;% w$ ^1 ~: P7 J2 C2 w$ L. }
window.onresize = new Function("window.location.reload()");
7 b  A9 ?& _1 e1 W* [" W}3 t5 J' }7 d+ d
1 S3 f4 n1 V- X! r/ g$ x% q
</script>