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

zw2004

<style type="text/css">
6 [* K, t- f! M* {; c" @#supertext {) v8 H9 t; L; i+ g8 v
position:absolute;
" I. T9 o5 a$ t3 d) S  E0 tleft:0;
) @+ i3 G, o+ A1 ^& ^* Otop:0;, l7 V* n( I+ Y' S0 x; Z* P% X/ u
visibility:hide;
/ `5 }5 x8 G) A4 n9 l# v. g  Lvisibility:hidden;
* h! i* l" e1 R3 |3 I}
: X1 J2 G2 o: v/ @! a6 W) y" {</style># y3 }. X% [; g3 l
<script language="JavaScript1.2"># g: Q( J: b/ `) |( w
<!-- 改变下的字体的大小。颜色-->" W( d# E2 Z5 y2 F9 W) N
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9 R1 D+ |  Z9 b3 J2 Z/ \# Y
var hidetimer='';5 e( @0 `) C( \( [6 I6 P; U; a
<!-- 改变下的弹跳速度-->/ f& t1 a* ^. t7 `9 m9 \
var BallSpeed = 20;2 r" T* h4 Z2 ?* X) h% J" b* {$ c+ F
var contentWidth;
* k* {$ m3 y$ dvar contentHeight;
' c" d3 J* `: u- G  Wvar maxBallSpeed = 50;2 n$ b* l, ]  u+ m( ]  W$ B( V

3 R3 X0 w( b4 y! N, r/ x
$ x4 y3 M( N+ Nvar xMax;
; c* Z' d! _/ a) W  S# c# O) U1 rvar yMax;
( W  v, k- o% Pvar xPos = 0;
1 g% M+ }) G$ ovar yPos = 0;5 ^) C/ p" T5 k5 M# Q
var xDir = 'right';0 I+ L& J7 v9 o( ?$ |
var yDir = 'down';6 m- s( h( O9 c2 h3 Z- e
var superballRunning = true;2 z# j+ f: D  Y5 i* W6 J
var tempBallSpeed;
; I- A5 C3 l  }var currentBallSrc;  i. {9 H5 Z2 ^+ j$ ]9 c
var newXDir;
" M/ b0 _3 h/ t2 D* ~var newYDir;% `9 Q' r, o1 l4 A( d
( c  y' q, V. Q& U
function initializeBall() {
" b. m* h$ U+ g: J& ~   if (document.all) {9 q- H+ H: f* h: W3 G: ^
      xMax = document.body.clientWidth6 d/ Q& q2 V) ~  r5 M
      yMax = document.body.clientHeight
9 C% ^5 ~' j3 y8 |+ C      document.all("supertext").style.visibility = "visible";
  ?. B- Q3 a" U" ]  c0 p      contentWidth=supertext.offsetWidth8 J, N0 ]3 M5 ~6 v
      contentHeight=supertext.offsetHeight
4 e: g& K& B) m1 i4 J0 A8 r      }' Q- E6 F" I; Y& O, @& O
   else if (document.layers) {+ h9 V2 O% Y2 J8 O9 ?/ ?6 @
      xMax = window.innerWidth;" z* ^" T% f! [9 n/ s
      yMax = window.innerHeight;
; ?+ e1 v: l  O8 B% I( I      contentWidth=document.supertext.document.width
6 J' K1 `2 ]  m      contentHeight=document.supertext.document.height
1 W. G/ k' s& c/ u      document.layers["supertext"].visibility = "show";
( ?/ {1 ?& I# t8 d8 q- @      }
) P" R- J5 m' K5 f   setTimeout('moveBall()',400);5 v5 t. M- B3 }' a6 f1 E1 Q8 {: T) Z
   if (hidetimer!='')
) [) z1 q" ]( l; k+ }6 n   setTimeout("hidetext()",hidetimer)1 c5 B( V" g- P
   }. P" I6 g+ G: l% O9 v

& r- P! G. K6 Z0 u) }1 tfunction moveBall() {; o2 u9 u  d/ ?
   if (superballRunning == true) {( J; P$ H% r9 W8 r3 @7 m& S4 c
      calculatePosition();
$ B, r+ g8 a- W' Z# i# L      if (document.all) {
0 Q  K) u' t/ U& U5 z. o1 v, s  D         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 O* Q# I* e( Q- S, G; C& G3 ^! F
         document.all("supertext").style.top = yPos + document.body.scrollTop;' H- Z/ y7 Z* ?4 y
         }6 k- A9 d! k% O9 n: z" [
      else if (document.layers) {$ M$ D: P* Z7 L* D! q
         document.layers["supertext"].left = xPos + pageXOffset;1 T8 ^5 v1 M( p$ ?5 L6 Z
         document.layers["supertext"].top = yPos + pageYOffset;
- u+ i5 C- c) G$ I& V& O* Z         }
2 ]4 E$ g+ R6 |# s$ i) f0 x2 J      animatetext=setTimeout('moveBall()',20);  {5 [! g/ l0 }1 j: o
      }
2 P* Z( o8 N1 U2 |- t   }
# p+ d" H5 S8 G; \( N$ \' d' I% t" H% m2 c2 g/ [# F
function calculatePosition() {& d) }/ M3 e& b* ?' r, w- ^6 E
   if (xDir == "right") {
" o* G: N5 z8 x5 N      if (xPos > (xMax - contentWidth - BallSpeed)) {6 x$ \8 [  @( i* h& o0 ~5 M: i
         xDir = "left";" E/ ]+ Z, e9 X4 E8 W
         }
$ j2 K/ Q- M' ^3 H9 ]; l      }
; b* }5 \! K( c! v' M   else if (xDir == "left") {
8 a; ^8 q3 _" k- \& d) _      if (xPos < (0 + BallSpeed)) {
3 O& g$ ~, g2 \) h% A, |  d5 c         xDir = "right";4 h7 c+ T  i, U/ v' x( s
         }+ N5 j  D( [7 s) m/ J& j
      }/ |% V. U8 L" E- ?% I% k) a- X
   if (yDir == "down") {
& d: G& N3 q+ m8 `& z9 q+ J4 K+ Q      if (yPos > (yMax - contentHeight - BallSpeed)) {
1 y' v* @4 v" ^. {1 X2 E6 c         yDir = "up";8 S3 @5 z& F8 p$ W
         }
- ?- Z( y! I  i) x$ v      }( J" \$ T- H- t* B9 V* y- Y" J
   else if (yDir == "up") {! C8 j1 \: U4 z6 V' `) o+ ^
      if (yPos < (0 + BallSpeed)) {
4 Y% `7 L: D7 n! K) X         yDir = "down";% U6 P# g( }5 O1 b4 g
         }" J0 Y0 k3 L3 N  B. M7 ]
      }
3 Q8 X1 n. W. P6 V& W! H$ Q' v! a   if (xDir == "right") {
7 r  n; T0 F2 b& x      xPos = xPos + BallSpeed;9 A. Z3 {" o5 a8 h
      }, i8 W5 B& d8 s! N" D
   else if (xDir == "left") {
. a+ G( \: D4 C, m      xPos = xPos - BallSpeed;! g9 r! J2 I% c2 a$ K) Y( F
      }! }. k; M1 @- S4 {* a
   else {
# e# l0 v! }2 f! G      xPos = xPos;
4 f" T- u- O2 B# m: p      }
- p/ |+ e: f- V" Y' [0 s   if (yDir == "down") {
4 ~  g) m7 o" d+ L      yPos = yPos + BallSpeed;8 x' x  t5 V4 M, r3 C; u: {: ~( L3 Y
      }
4 ?, F  l4 E) ?1 Y( r( H- j   else if (yDir == "up") {
, I1 s2 W  x) X+ Y- Y" R& Z+ y      yPos = yPos - BallSpeed;
3 E/ J; S) s- E, }' |      }
" N; ^$ B, {: j& u) x7 l   else {8 Q( Q1 A; W9 k; q3 H
      yPos = yPos;1 V& f3 Q( W( ]
      }
  v' e+ i1 b1 w$ c   }
/ G# R9 a5 z( g* d! R# u) v; n2 r7 F! f9 o% R) h1 q1 T- }( Y
function hidetext(){( J; q$ D1 F; \. K
if (document.all)
1 g( \3 d* M" Rsupertext.style.visibility="hidden"
$ l& Q' g3 g" \else if (document.layers)
9 i$ |+ J$ D( U. W% |document.supertext.visibility="hide"9 ^$ v; V+ s4 `% m, G/ O
clearTimeout(animatetext)7 f( ~) D, A& n7 B) p  v9 U
}1 Q2 `$ W7 \, z2 k% u
4 U; C; _/ ^6 n; x0 ?3 w0 T4 I
if (document.all||document.layers){
$ [( @! i; F% y4 U+ S. Idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')) Q2 m/ `: O6 K1 u8 E
window.onload = initializeBall;
" h6 m( Y5 E9 ~  K; B% Cwindow.onresize = new Function("window.location.reload()");8 N  z; b- ?6 e# n$ g+ o% Y, e
}
! j2 Q* s1 Q/ |6 \9 C9 A! S
% x( y* \+ G+ L" H! P</script>