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

zw2004

<style type="text/css">
8 x8 r& E) }/ j9 P#supertext {
* m: E8 `' t- s" Bposition:absolute;( ~1 R# c2 r# |8 Y4 E: x
left:0;
  a# Q6 f! M9 L3 i, B( [  dtop:0;) j+ b7 d; H& r! G
visibility:hide;" B* q" J+ g% l  w
visibility:hidden;+ c8 p3 x4 y% _4 e2 ?
}" [; P3 r* ?% }
</style>
0 W7 i" F6 q8 `) C  X2 y# [<script language="JavaScript1.2">! U% x" a$ s  }) v
<!-- 改变下的字体的大小。颜色-->6 u9 P2 M# G2 Z5 s$ m9 o
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 ?& {* M% g, |" \8 lvar hidetimer='';
3 ~- v' Z5 F1 I% O<!-- 改变下的弹跳速度-->" A. q' q  S7 u- R# I' N( U
var BallSpeed = 20;7 S+ l7 X8 i. P) w% Z
var contentWidth;
1 [: A) T; g/ L" G! \$ tvar contentHeight;; ^1 ?( g, S% @0 t5 o
var maxBallSpeed = 50;
1 a$ p+ Y7 _* V1 n/ q: G( s0 I+ {0 J2 U  b, X( M3 a$ Y. f& K
, x, T: _. x/ _4 I( h& l
var xMax;  Y8 g7 X3 ~* h2 K8 S6 s$ Y" v1 T. W
var yMax;2 C1 ?! a. D: i! n$ B9 R7 |  H
var xPos = 0;
, d4 S$ d" r" }var yPos = 0;& J& r% N+ i- N( z
var xDir = 'right';: O& b6 G- M3 P# }" \2 V
var yDir = 'down';$ `- B- L. n& c. e6 m, g
var superballRunning = true;" Z) D0 w! l2 l. a* R6 f
var tempBallSpeed;
3 r5 t. f9 r4 ]7 e8 X& uvar currentBallSrc;
  \; a6 ], \: j6 yvar newXDir;% {! B; a2 e( x5 p/ P
var newYDir;- n- J: M: j4 S/ j
6 s. T1 l. b: h( E+ i6 d
function initializeBall() {
4 S# E0 b% b2 j* _3 p6 A   if (document.all) {
9 _/ P8 ]( {) \) v- P2 {! x      xMax = document.body.clientWidth
- r9 a! C& e" R9 k2 C6 T/ ]1 H' L7 \      yMax = document.body.clientHeight
+ q1 D5 c. a- V5 r: ?# A6 _0 V      document.all("supertext").style.visibility = "visible";* V1 C* Z! Z, D$ {# g: \# {7 R! z2 x- `
      contentWidth=supertext.offsetWidth
6 i& N: R" O% F- ^: `  u. J; t      contentHeight=supertext.offsetHeight
+ p3 G  v" ^4 Z+ W      }% H- w( x  j8 l4 X
   else if (document.layers) {6 M9 j+ J) f; Z; q) z( `! l
      xMax = window.innerWidth;( [( O* F0 y4 I" |. V" p
      yMax = window.innerHeight;2 E7 C# x( |0 V$ y9 y5 j+ n
      contentWidth=document.supertext.document.width
* Y1 W, f/ ~8 K, Q3 J+ W      contentHeight=document.supertext.document.height
+ C. [1 o: k) I. v9 O      document.layers["supertext"].visibility = "show";; d* K# \9 {8 F* t/ J* U7 e& b; a( n
      }6 e3 b6 |' w% j6 k2 i4 I2 [
   setTimeout('moveBall()',400);
8 U/ E( F! |2 o0 r   if (hidetimer!='')
- J4 N3 }" B0 J# X( e4 a   setTimeout("hidetext()",hidetimer)
% @; A# M( V1 `# A' S   }! Y3 H- q; j% q  g
; a+ h9 Q6 y8 S4 }, N
function moveBall() {
! l3 ?1 |" \. m) p% w   if (superballRunning == true) {
1 L- n) M# U9 g2 D      calculatePosition();
4 c* a( |8 f( P+ [' v6 W- a      if (document.all) {' f$ Y& X' D( u* {9 {9 A
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& J- E$ i5 ?% m2 G8 j         document.all("supertext").style.top = yPos + document.body.scrollTop;; l7 h" {7 a9 I* g% v9 G& @5 |  f* C
         }
' l% }/ u6 Y/ x  q      else if (document.layers) {
* \8 ]3 n: v! w         document.layers["supertext"].left = xPos + pageXOffset;! p, I1 \1 H9 j. H$ u
         document.layers["supertext"].top = yPos + pageYOffset;& l8 T* ?2 L0 s* D" q
         }1 E/ }# O# W' e8 `: a
      animatetext=setTimeout('moveBall()',20);& N% w+ @" v6 Y9 Q! D' e
      }
/ @$ ]) i% V  i: m* |   }1 e* v6 {1 M; u
/ K! m  i. [! A% i
function calculatePosition() {8 {$ B8 o) f) K- E7 o5 Q. o. n
   if (xDir == "right") {
$ S  B* `' k$ E6 D( S      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 b* A& Q; L6 q' Y         xDir = "left";3 V+ _9 F; S7 s9 q' o
         }+ z3 J8 `. W4 ~% s- G: a5 ~" l+ G3 a
      }
0 A( n$ q% ]* F   else if (xDir == "left") {
* L- I9 v8 R* e! E' o; a# @      if (xPos < (0 + BallSpeed)) {( l8 F  w% B' v& y, x# G
         xDir = "right";
( v: F; {( u( Y8 _1 h/ s         }
$ U& l1 o0 O+ E6 b$ Q2 m      }
7 f7 ]0 e/ q6 {5 B* z9 }, Z! M   if (yDir == "down") {
1 e$ p% Z( |7 Z# [% ^      if (yPos > (yMax - contentHeight - BallSpeed)) {
; }0 Z" w5 i! y$ A/ t1 o/ s+ ?         yDir = "up";( I- c* B: R  Q7 v3 u" I  \) d8 l$ V
         }* C' ~% f$ Q) l4 `6 e! I2 i
      }
( \- D& S# B4 ]" a. @- y1 d   else if (yDir == "up") {* z, @7 L2 i5 m9 C- X9 W  n
      if (yPos < (0 + BallSpeed)) {
; h4 X3 r2 [& d/ W/ D/ {         yDir = "down";0 q0 H8 J* q$ P3 D
         }& A/ [7 @5 }" v* J6 u
      }
- m! T9 L( [3 r   if (xDir == "right") {
3 w6 T3 w, [+ l. o; Z4 R& m( h9 s4 [. W      xPos = xPos + BallSpeed;
$ k  Q4 Y6 g2 S3 @( R      }6 T  F& ^- [8 Y. E7 Z
   else if (xDir == "left") {5 o. M* k* A, o" V% o+ {* g' x
      xPos = xPos - BallSpeed;
3 D% P* y+ |, `4 P      }
- y1 Y- D1 F4 \. m6 ?: V! c* E   else {
! N9 h1 a8 e3 p8 ^  k      xPos = xPos;
4 |% y$ E8 F& m; N: B" G& k3 @2 L) I      }9 k/ E. ?. }* F: L- m) ~
   if (yDir == "down") {0 }& G& [; N8 T- w$ ?! _& [
      yPos = yPos + BallSpeed;
0 b( O/ d* \' I! N) `/ m      }* E& Y, a3 p* s$ {" f% q4 O
   else if (yDir == "up") {
* h$ D) L- x- O! T1 _$ s      yPos = yPos - BallSpeed;
) u7 I2 f2 P! g      }
% d" H( x. \. R* `: Q   else {
* [2 ~3 p( o6 \0 R; ^8 m; _5 Y      yPos = yPos;  X1 d( V8 Q- y! l$ j9 h8 o) o8 H
      }
2 L( K# `" M. [! H( N$ J+ z1 X   }
1 x0 l7 x! I5 G3 G/ r1 u
# y  {: D# H# c; @- a( \9 Efunction hidetext(){" k+ H7 Z% S9 I3 G  I" H
if (document.all)
. t2 o3 t( W5 `* D, e' D( U0 v) Vsupertext.style.visibility="hidden"6 |/ H' C% R- M6 I. s  X
else if (document.layers)
7 X6 [2 o  C0 G: V. Sdocument.supertext.visibility="hide"! n" W, j1 f7 p
clearTimeout(animatetext)
( L7 B2 ?% {+ j}, b! \" J7 C9 |7 [) j" `. `
/ i( i" {$ h- v* b2 m; F, D, V
if (document.all||document.layers){
' v9 b' K7 ^! P  S6 `5 edocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* R$ j- Z/ y& r( _+ Q% ewindow.onload = initializeBall;% v. j$ [! p5 ?
window.onresize = new Function("window.location.reload()");
* J. p: i& E2 Y0 \6 Y}! k9 _1 V- n% n! @& a, o

6 I, Y& B2 `& |, [# l</script>