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

zw2004

<style type="text/css">) i+ i" A, B  g3 t
#supertext {: s3 p9 c9 J3 A6 ^3 f$ m- h
position:absolute;+ H* U: Y7 S4 g
left:0;
7 q0 |5 D1 j" i  h- d$ r' ptop:0;
, z$ O8 {0 J, \0 O' i8 D( u8 Kvisibility:hide;
+ p- c% I; I- U6 C; e' fvisibility:hidden;* [, [. ^& f  Z' J) j
}
1 l$ U# g6 X) Z; T5 \</style>% X7 ^" `% l# _' t2 u; m& `
<script language="JavaScript1.2">
  E. T) C1 N' L<!-- 改变下的字体的大小。颜色-->
) J+ \9 ?; i, Jvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 q+ t8 `" X. U& T
var hidetimer='';
! x( p( ~! T& W2 r5 p! t) U  m+ i<!-- 改变下的弹跳速度-->; m: W0 X. u5 E$ J% V& y
var BallSpeed = 20;! l+ J/ U. `# a2 Q& V  S
var contentWidth;. `" \& \* B) @( v  i
var contentHeight;
4 @( N0 Q& k7 t8 \var maxBallSpeed = 50;7 U+ V; ~9 m% k% @* A+ x( _

4 l, V/ f+ A- I; _/ Z! T
" Q2 f- E+ m7 ]! e1 zvar xMax;
! w& Z) n/ e- v: h# Rvar yMax;; c) z! [# h9 d( R! `
var xPos = 0;0 z& M8 I. t; _
var yPos = 0;
/ y; J1 _. B" B: jvar xDir = 'right';! m  A1 e1 s0 Y( l
var yDir = 'down';4 W+ M7 k( X& l' J
var superballRunning = true;7 e- K  [1 [% m  U
var tempBallSpeed;2 K; c7 f2 [0 g: t3 [' o
var currentBallSrc;
$ a, `: \0 ]/ y/ Lvar newXDir;0 y- \% s" _8 ^5 T1 d7 m' `0 o
var newYDir;; B: I1 m; k9 m9 e1 T

8 I0 }6 z3 b8 ^) f" efunction initializeBall() {
0 Q; q8 N: M/ a4 D5 q  f% c   if (document.all) {
6 t; G3 g, k% _1 U  k  a* c, ~      xMax = document.body.clientWidth8 l% r6 w0 I; j# s  S. E$ Y
      yMax = document.body.clientHeight* j  x& J, ^  h$ ]) f' ^
      document.all("supertext").style.visibility = "visible";
" k+ t! N. l6 A9 X. c      contentWidth=supertext.offsetWidth, U6 I, r% S: U8 E+ U, A" W
      contentHeight=supertext.offsetHeight( F) I7 Z0 f& _
      }& h7 ?! f5 m3 J" [8 q, I4 H/ z
   else if (document.layers) {; p1 N' R+ J6 d+ r
      xMax = window.innerWidth;+ b- A2 y* d& ]* R. l9 s" ?* C; Y
      yMax = window.innerHeight;
/ q5 @2 w, F# A2 B) @- A. \      contentWidth=document.supertext.document.width
* T0 C$ M* {$ v) h; K* n  b      contentHeight=document.supertext.document.height6 n" \! \. _( x  V5 E
      document.layers["supertext"].visibility = "show";
! |# v8 e9 |& m8 U. T      }# v) I. f# n+ S* U# z: J
   setTimeout('moveBall()',400);/ X( C0 R4 [$ b* Q4 y
   if (hidetimer!='')9 F3 o$ v; X: k1 w
   setTimeout("hidetext()",hidetimer)
3 u' ?3 y* |/ F7 `( k; u4 {   }
' ?9 o! ^# w! I) @) w5 d
/ W- \  K1 E6 [: D/ xfunction moveBall() {
* r7 _. _  Z% S- M, \% o   if (superballRunning == true) {
! ?1 v" r5 J& N1 {$ ^1 f      calculatePosition();
8 b* B+ c+ [! A- Z+ N3 I8 e' T) |      if (document.all) {
5 `$ q' u' R6 \/ s. l         document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 O% Q7 }+ L8 ~$ t! D! W2 g0 j         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ p' Q5 n  ]/ H# a8 c         }
1 J( g. i& E& `+ P: B      else if (document.layers) {- X  \# F' A- H3 {
         document.layers["supertext"].left = xPos + pageXOffset;* S6 C3 g+ B: w) f0 Q9 m6 ]3 o
         document.layers["supertext"].top = yPos + pageYOffset;
0 @5 E8 V. f) T' t         }
" I, a4 [! R; x: o      animatetext=setTimeout('moveBall()',20);% k( ^8 r: g/ C* x$ z8 O$ u" P
      }
  G1 W  x, u3 n5 L, W9 ^   }$ G, k& F* W; Z0 [; V, b( N% Z( ]/ a
% f" h1 v) r6 f* @
function calculatePosition() {
. q* q, x( f. H- u4 w   if (xDir == "right") {
. I8 a4 l0 b* r+ n+ d      if (xPos > (xMax - contentWidth - BallSpeed)) {
& K( b6 j$ ]; E- m         xDir = "left";
) x, _% k* X6 y* U$ [  D         }
6 |' B  b3 K) |) Y8 Z      }% c' H  Y; l5 K  g: K8 j& g; a& \
   else if (xDir == "left") {% h. M) S+ b8 J  L% _1 X0 l- R
      if (xPos < (0 + BallSpeed)) {
) R; C: n" {; i+ f* o9 I, \1 `# P         xDir = "right";
1 D, I. u9 v. E8 v7 H         }
3 [# S. G) {; `6 B: d* n9 J- n      }0 m! n3 R& y) }  R
   if (yDir == "down") {1 Z$ T5 b  P* J( s" ^; [0 [# M- T
      if (yPos > (yMax - contentHeight - BallSpeed)) {
+ t2 w* S  B2 ?         yDir = "up";
7 {! W% i( C/ y, P         }
+ D, j4 e9 W' i! B, B) o! z8 s% T6 h      }
( l; r, P: [" L   else if (yDir == "up") {
8 S( G2 Z5 ?4 h' F      if (yPos < (0 + BallSpeed)) {& i# T" e6 F3 c% O6 O2 j: L
         yDir = "down";
% n$ i8 {5 \% u, s' [4 I         }
* h9 `5 i8 e5 o: r      }+ \5 v0 \* j7 |
   if (xDir == "right") {8 x& o' k- g- v( z
      xPos = xPos + BallSpeed;2 \  d! _. Q0 _" c
      }0 K1 H# W& F) Q9 x. m9 k
   else if (xDir == "left") {& x7 h( }% d# n  j: F5 [  d
      xPos = xPos - BallSpeed;) h( i% K" o4 e6 R1 q  P7 a
      }
4 ?' a# x# G6 n2 M4 M   else {
2 w/ ]- j$ U- U% f) u) p5 w; _      xPos = xPos;
) e* a. d* N0 }" D0 Q      }
+ @4 L" `. p$ |9 K2 d: A   if (yDir == "down") {0 X. W1 Z# Q' ~
      yPos = yPos + BallSpeed;, S9 W" F+ F" r' {$ A
      }
. q% s8 Z: s* T2 {0 l   else if (yDir == "up") {4 w9 a. X& n4 |8 L3 \6 Q+ s
      yPos = yPos - BallSpeed;
7 n; l  b8 d1 F/ l# u      }4 H( G" n3 c* o. X4 y. c
   else {
4 f9 }- P1 Y. i      yPos = yPos;/ O* f4 a6 R: `! v0 Y
      }/ K( \4 e5 j4 A' j, W. X. Q
   }
6 V9 [! \! ]) q5 }) D7 H
. a+ ~1 u% q9 I0 b, b0 ^$ ofunction hidetext(){
1 \  [/ m- s/ @/ T, rif (document.all)( r9 x) A* T: T' }' v# Z5 t0 q
supertext.style.visibility="hidden"# ~  K2 S3 E5 ~5 Q1 s3 ^
else if (document.layers)
$ @1 F" |$ u0 kdocument.supertext.visibility="hide"
2 b  u; ~6 }" ]/ B' I( nclearTimeout(animatetext)$ {. D; H  d$ |7 E3 `
}
# f$ b% b: B4 f+ A( Y6 H2 Z/ U( f# D! D
if (document.all||document.layers){
8 l& \& F0 e, Bdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 j+ }# {7 v) [* ], |window.onload = initializeBall;6 k  I6 }& w9 Z7 V
window.onresize = new Function("window.location.reload()");
3 q* C/ m4 M$ U2 X}& T2 z& {3 p1 @4 f% M, r$ d# [
9 c' U+ p' D3 ^7 ?7 v% h2 s1 ]
</script>