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

zw2004

<style type="text/css">9 C9 T+ t6 Z0 y& M. n
#supertext {
/ }% t$ ]( Q$ Bposition:absolute;
: `! b& a% O8 X& Zleft:0;
+ v6 K) v4 S1 M0 m0 j6 ktop:0;5 c& j2 {' S% d0 o
visibility:hide;+ F9 I0 E$ X3 N( C" R
visibility:hidden;
: `$ F4 g% M- A7 `  l/ ~1 F}
8 d6 m, ~6 o$ o/ g</style>4 `: c7 b$ }/ M* ~
<script language="JavaScript1.2">
0 w, D2 C- {% B0 b& o2 T7 B<!-- 改变下的字体的大小。颜色-->
; a% e$ U/ C0 S: `0 S' cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; t' [. W3 e1 _
var hidetimer='';  R1 g4 x6 P# M2 ?- p
<!-- 改变下的弹跳速度-->! M* l( y) R1 ^) ]6 T- n( z
var BallSpeed = 20;4 w6 h/ s/ t5 y- ~7 a5 K
var contentWidth;
0 t( I: b6 U+ \) ?. l2 q( T6 Xvar contentHeight;, j! o8 r" [/ `& x
var maxBallSpeed = 50;$ q% q) K: e* o; e3 ]. s

4 i. Q2 Z* g! b4 P) K* ^) e/ k. w1 f4 p0 w9 M
var xMax;
, \. H) f7 b2 F; K$ g  Mvar yMax;4 Z+ k$ ]. C" S( T! A! F
var xPos = 0;- r4 D" r$ }7 {( H. Z/ ]( w
var yPos = 0;
$ K& a% a0 b- vvar xDir = 'right';& m* n, y/ {# c2 |2 j5 k: J* f
var yDir = 'down';7 o. U5 n( u: U
var superballRunning = true;
; U8 Y* R& t5 s" G5 L2 Y; Rvar tempBallSpeed;4 @/ ~7 w/ m9 {
var currentBallSrc;
2 ~2 A3 n" I! ~$ P$ S) z9 mvar newXDir;
5 j1 B5 E% y7 z4 i+ Q& j, |var newYDir;
! B8 o) q7 v: [* d
( ~! c$ g2 f/ K! W* T; M8 r: x2 Zfunction initializeBall() {
0 e' z+ E2 @5 _. d   if (document.all) {
8 c8 e8 j( R) X  z7 J% a/ B      xMax = document.body.clientWidth* }  \' B" r3 |! F
      yMax = document.body.clientHeight
- X( z0 E' ~2 X2 Q/ Q% n      document.all("supertext").style.visibility = "visible";7 @# b$ q/ w  Q6 `- s
      contentWidth=supertext.offsetWidth+ r9 G& F; _/ E0 l, c+ l, d6 i
      contentHeight=supertext.offsetHeight
; u! B7 o$ t' @: X# I      }
4 j# {) Y0 c' L" D9 {   else if (document.layers) {
8 e0 ~* q7 h4 @" k- f# L6 G      xMax = window.innerWidth;
, U1 W/ H, W4 ], z% N      yMax = window.innerHeight;9 Y! [  ~' e; z0 ?
      contentWidth=document.supertext.document.width
7 t: }( z, z" W6 _( X2 K* d1 K      contentHeight=document.supertext.document.height
" d8 I( t2 |3 i# f! e( x; T      document.layers["supertext"].visibility = "show";, G: \6 L' g  C. `2 _" H
      }
6 f7 H# l: ]3 f- D6 _0 v7 D- m+ z7 j   setTimeout('moveBall()',400);
7 g  u9 b8 t7 E! {; r   if (hidetimer!='')
- Y& `' H, y8 v; l   setTimeout("hidetext()",hidetimer). q. N# V3 `* f0 m* c. O
   }. f  t# Z& X' P  c
9 t' s4 Z/ V5 p  Q8 U
function moveBall() {& ]% E) `6 {3 v2 J
   if (superballRunning == true) {* r/ P( n! t' v+ U0 E! l0 Y
      calculatePosition();- `& L" y, y% o4 @. e
      if (document.all) {4 j7 d2 H2 q& K1 k( X$ X- y6 K
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& a# Z: r/ b9 k  w         document.all("supertext").style.top = yPos + document.body.scrollTop;
+ H5 j9 h* S, w! s! M         }
6 i* m8 u9 g0 O  a      else if (document.layers) {
: n4 ^% ^  I6 \         document.layers["supertext"].left = xPos + pageXOffset;8 C! `$ ?$ l6 M4 F, T
         document.layers["supertext"].top = yPos + pageYOffset;
0 z( ^* |: ~) O4 a9 X. Q% n" ?         }  B0 j, v* n$ X8 d
      animatetext=setTimeout('moveBall()',20);0 D' j9 b( o& C6 }0 _- o
      }
2 b3 ~3 x2 S/ O; x+ P   }2 V" h$ |% q/ |) A$ E5 p7 h

+ @$ a9 ~% d$ M; ]/ h/ p- Ffunction calculatePosition() {4 f- ?  q2 F  d) l
   if (xDir == "right") {
3 z. W4 f5 V3 Z  B, s      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 f7 H: N4 A! A- N0 \5 U8 t- x         xDir = "left";: \8 H; z) B$ }
         }
6 B8 L5 c8 S( c0 h$ |      }
. ~- K8 ~; D% o! o% q: a; `   else if (xDir == "left") {
# a. I! X- T' w2 F% p      if (xPos < (0 + BallSpeed)) {# O0 ^, Y7 p: ]/ p8 \- y. A, u! t
         xDir = "right";9 v  d. `  o* U: t- ?5 D) J8 m! P
         }+ }8 q2 n& G6 c2 w8 U
      }; J' U3 O2 _$ N
   if (yDir == "down") {% e2 I2 C5 Z9 P4 b3 D3 d
      if (yPos > (yMax - contentHeight - BallSpeed)) {
! }: X# Q3 n7 X' G# u) ?/ Y4 ]5 R& y         yDir = "up";' i$ V# s! ?5 O1 g7 t  u6 x) H
         }
" a. i6 a0 @5 R; w8 v. ^: V      }4 m* p# H8 J" v* j8 ~: H
   else if (yDir == "up") {
. K4 I+ c. V: a/ ]3 ?  S9 S' v      if (yPos < (0 + BallSpeed)) {2 k7 _3 [6 b- ^5 {
         yDir = "down";
  C: p, w' ~7 E$ _. _' t) ^         }# N3 M+ L' y, x7 _
      }! V, I$ O" D  W+ c4 l& K
   if (xDir == "right") {5 g4 i. q  n/ \! @
      xPos = xPos + BallSpeed;' k" l5 z1 b. q2 m. K3 s; A
      }$ H2 g' K7 ^2 V1 @( M6 z3 R9 |4 Y
   else if (xDir == "left") {) _' b* V4 b' h1 B. v5 m( B
      xPos = xPos - BallSpeed;
3 b! T0 L! |; \5 i$ D1 Q+ i1 ]      }
2 u- a( @, a9 X$ L1 B   else {
; h) [4 Z1 \* q  R      xPos = xPos;
6 y! G$ s, q, ~$ \0 [      }: Y; U: ~5 J6 c' r: y
   if (yDir == "down") {# s7 Y% q# E  g6 b, Y
      yPos = yPos + BallSpeed;
; w! g5 C- f% P9 f" |, W      }1 x; X0 |! p  d( ]$ l( Y$ o5 @3 q
   else if (yDir == "up") {. m% r/ V' U! U
      yPos = yPos - BallSpeed;
% q5 |( e* D7 t; |& N$ D& ~- W5 u3 s      }$ r# R* d  C; y. A! f; P1 ?# M
   else {
2 G0 |$ d: j2 D+ R- S      yPos = yPos;
9 F( Z4 x* x/ q+ a& t      }
2 n+ C, H, U) t& T; U9 K   }( W9 p* t6 G. @
8 g- [; j2 ]9 @: @0 d. v3 u7 y
function hidetext(){3 v4 k. z/ i$ s  {% ~0 B& g
if (document.all)
5 S  F2 Z, w! F* R! A, [1 }supertext.style.visibility="hidden"8 X" s& N- m" Q/ f
else if (document.layers)
6 {1 o& k7 `9 F9 ]) x3 a4 P7 g* Wdocument.supertext.visibility="hide"- E* S+ Z' ]& P6 B7 L5 z
clearTimeout(animatetext)
9 X2 `( j3 U+ n2 E9 _# b" f' l0 X}
& X, x) R7 q$ h$ s% a) Y4 \3 U
9 R1 M9 w  Z4 M, Kif (document.all||document.layers){
- q$ i' f" F$ b; x& @3 O3 u, ]% tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
  R1 V: b, N& Z. x6 i2 ?window.onload = initializeBall;
, z8 _4 O  j% e$ K+ i8 wwindow.onresize = new Function("window.location.reload()");
/ ~: I" X- ~  D( }}% S7 n% ~: S) d- Z" u$ y6 O

* D9 |  C% c9 l</script>