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

zw2004

<style type="text/css">
/ F: k; r. D% j, B) y0 G( b% o#supertext {  k; n0 a! i1 T
position:absolute;! Q- m. z, J5 M( O
left:0;
7 B& Y$ w, n( A, ^) etop:0;
( I2 U7 v( J+ E% ^! k0 _3 @visibility:hide;
; q. L+ @4 H, c) j2 x, ?visibility:hidden;* U; Q+ o0 J) {" w: u2 R
}
, I4 G/ y: Z2 O  [( s7 a0 t* `: o</style>. ]# H3 L$ P7 x0 R0 Y
<script language="JavaScript1.2">/ }3 p: t. w$ a& {
<!-- 改变下的字体的大小。颜色-->; Y. r) f/ I, N1 ?! D
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9 X: t/ k0 W5 M& a% |% P4 P1 x% H
var hidetimer='';
( F+ m- x4 H- e7 h<!-- 改变下的弹跳速度-->
  o0 e1 G) I1 C) w, s9 bvar BallSpeed = 20;& S9 h; P8 m8 M8 d
var contentWidth;
/ U, m7 Q: X4 y4 f/ a4 Gvar contentHeight;
! p, m3 B6 I% {* F: a2 G, Z9 v. wvar maxBallSpeed = 50;, n+ D+ T, d9 g
  O: ^+ W& _5 ~; X; T# x# v7 N
" M0 w8 a  O. P
var xMax;+ F5 M- s# j; ]: K& w, f# G$ V
var yMax;6 Z6 m: o/ ?# v8 D1 _* o
var xPos = 0;
/ A2 e& g: ~5 m* e2 n+ _. B4 Qvar yPos = 0;
* I6 p' H9 J, Y) i5 }var xDir = 'right';% u( j5 U6 ^# j7 C
var yDir = 'down';
$ D& j5 D# s+ P7 V. [var superballRunning = true;6 H- L' }0 ^8 Y! t0 E6 @3 V
var tempBallSpeed;# i8 K8 J2 e  g+ T2 ?
var currentBallSrc;
& Y/ l9 G. h) R& d4 h0 K) zvar newXDir;
) Y# y$ x* S9 d  ^var newYDir;
, y0 H) r. a2 ^1 a: Y1 @0 p7 \; r) w5 v9 M" D
function initializeBall() {1 ]5 W) V/ \$ U6 l  ]5 I
   if (document.all) {
, z9 e2 o: A, L5 P$ |6 n      xMax = document.body.clientWidth
* J& s0 B& [! ^) r- E      yMax = document.body.clientHeight
/ V+ t/ ~1 l9 J& P0 K      document.all("supertext").style.visibility = "visible";/ q. ^. x) \6 z) ^0 h- Q/ W% b+ h
      contentWidth=supertext.offsetWidth
; t  }% Z7 U$ c( H6 U7 }7 v- ~      contentHeight=supertext.offsetHeight
1 O; G2 q5 j+ |      }
% ^, w5 Y- D3 i' v: i   else if (document.layers) {
) l4 b% u! k, C  A# g+ Q- q" I      xMax = window.innerWidth;
+ {; p& r1 D3 C4 K/ @# K6 w' J      yMax = window.innerHeight;
/ d) k) T& p, h2 Q      contentWidth=document.supertext.document.width7 d# C' N. ^. d/ h/ p% g% C
      contentHeight=document.supertext.document.height$ R* g* w( `% d& {. u! a
      document.layers["supertext"].visibility = "show";! g6 d. o$ a( Q
      }8 g" G$ U  P; K# e& `
   setTimeout('moveBall()',400);. _# P4 ~6 M6 g7 N
   if (hidetimer!='')
7 D  M$ }' F( F% }9 w3 A! {7 b   setTimeout("hidetext()",hidetimer)& a1 e! ]5 y1 v6 Q0 X2 t; V3 [
   }
# E# Y9 K7 e' x3 W9 G8 T2 p7 q! k& A8 j1 j, H
function moveBall() {2 o+ E/ g( }9 w
   if (superballRunning == true) {, K$ h0 e# V( i9 X4 k
      calculatePosition();
1 o2 g, @/ w. y& n: }& y5 \. X8 _$ x      if (document.all) {
' |1 e& I" ?) u; i  J% z# N& ]         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( \5 J1 C% X' |% \3 }/ m         document.all("supertext").style.top = yPos + document.body.scrollTop;, m% }/ X# }: k/ b+ a
         }# p3 e) j0 O) L& h$ F% U; O0 u
      else if (document.layers) {4 ]& I8 n. f7 x, T" k1 h5 H) c$ \
         document.layers["supertext"].left = xPos + pageXOffset;1 E/ I  ^! m. p0 I0 Y/ X. o
         document.layers["supertext"].top = yPos + pageYOffset;
7 @2 \3 S* M/ A) o- u+ C         }, ]0 X& Z+ Z* N+ o3 u. O. z
      animatetext=setTimeout('moveBall()',20);  K8 ~0 w2 y+ r* }1 \6 t
      }
' J( A# L. c- r! \1 ?: Q   }
' J( Z8 e3 D" Z5 V+ z" K/ o; o) O4 @
function calculatePosition() {
& s4 Q1 W+ @5 Q% @% y5 Y, b( p   if (xDir == "right") {
% D) c$ [1 d/ j6 J$ \* j4 k      if (xPos > (xMax - contentWidth - BallSpeed)) {. b7 m6 }( p0 z! o/ K
         xDir = "left";, V/ Q. W9 k# Z7 I; w3 l6 y
         }
4 ~& e8 s/ _+ P9 r3 Z' s' h1 B# j      }
$ P/ ]" T5 ?$ s1 r$ [% `   else if (xDir == "left") {* T% n8 {0 V9 |! z  |+ J; s
      if (xPos < (0 + BallSpeed)) {
6 _+ x# p! h1 p* A# O* ?         xDir = "right";& _( ^$ N/ g9 }+ o( p5 `8 L
         }
" F' M5 G2 P- n' @) F& G      }) W% F4 A1 i# I# p7 e
   if (yDir == "down") {
5 \# a$ r% A% |/ G: P4 b      if (yPos > (yMax - contentHeight - BallSpeed)) {6 Y, Z. h, q3 y9 U
         yDir = "up";
  r6 w. p4 K, d; `% ]7 r         }
1 |2 E! n- M& Y9 D$ {) _      }
) G7 t" z/ `3 S2 ?   else if (yDir == "up") {* e7 a6 P( s- X0 O& H1 I" h$ C, C
      if (yPos < (0 + BallSpeed)) {
$ s! A/ `, C' F: e5 A         yDir = "down";
1 ^0 X2 u" @6 W9 F         }
/ r0 B8 g0 g9 b$ @& C  W7 c; K( {      }
2 a6 {, w* t( a" U   if (xDir == "right") {, r! p+ ~0 o1 H5 F
      xPos = xPos + BallSpeed;6 L% @1 i3 t- N) E3 R: G
      }! n) B: I' k$ b
   else if (xDir == "left") {
" A9 d0 F% y3 C; X      xPos = xPos - BallSpeed;
7 {( d0 X. p. i2 Y      }
+ c, ?; Y3 e0 R5 I# E   else {
& F7 j) A" e' ^7 w, P0 o; C7 F+ s      xPos = xPos;3 v, Z1 L. e5 }4 J! C
      }7 |9 g' O! {$ ?& M4 E
   if (yDir == "down") {+ ?0 b) }. e( s" @8 F
      yPos = yPos + BallSpeed;
2 m; f( A# G- M7 m9 x* l7 `9 |# X      }
& |' j" B& z/ P+ I5 c8 f, i$ e   else if (yDir == "up") {4 z/ B5 o; U" |
      yPos = yPos - BallSpeed;% z$ t# z6 [4 {4 y3 C* L
      }8 Q8 W' k" n. I8 M4 e' m+ P, Y
   else {- `6 R6 `5 H4 H# S  n( g: q3 o& r9 @
      yPos = yPos;
; A* `* [8 O3 v  ]4 C9 u' G      }4 i/ P* R/ a" j* {: V
   }& f* V/ q. w/ @  D
$ Q) H' X* X* U; T5 r6 z" s
function hidetext(){9 z0 C5 l/ u6 l+ D$ |
if (document.all)8 t& Q( t6 t$ {  c
supertext.style.visibility="hidden"$ y* z0 Z# P  ?9 L4 v; {
else if (document.layers)
% N" n( z3 p1 x; u, i2 I! \0 qdocument.supertext.visibility="hide"/ ~& d( d2 r- @6 O  C' K# [
clearTimeout(animatetext): u) {- ~  W! M; L% ^
}1 t' f" b7 r: O7 U; g3 K

: [+ V7 H) E! e7 D6 yif (document.all||document.layers){
/ e9 J- z5 @  B% vdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ v6 [# v6 _, m" n
window.onload = initializeBall;
. A8 [, _2 r8 A/ O" h9 i5 Mwindow.onresize = new Function("window.location.reload()");
( y, f' [8 c7 b# h}% W, j$ R9 Z' t, p2 r. k: b, I
, M$ _" ^; E* K4 I1 S/ I+ Y7 r
</script>