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

zw2004

<style type="text/css">9 H% R/ C$ E+ A+ S
#supertext {
- u1 J* b. |: X' ^- O: R) p# ~: @$ e$ ]position:absolute;
1 Q5 u" A1 W5 v% ^5 Lleft:0;! z3 W& S& L$ W5 c+ d
top:0;) y, ?8 `9 J( @
visibility:hide;* ?$ d' P3 U  ^4 y* _
visibility:hidden;
: S# k' n5 B) j, X}
+ u7 Y3 ~1 i) G; x</style>' I' U6 `9 F! f4 d' Y1 l0 T
<script language="JavaScript1.2">. \+ D3 N; q+ r* O: }
<!-- 改变下的字体的大小。颜色-->
8 g2 g8 G! ~& S" R) {* U) ]# ]var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 P) s6 Z' A$ l5 A" Evar hidetimer='';
) g  k+ h' [& U: U( G<!-- 改变下的弹跳速度--># e# G! c! e1 {, X1 P
var BallSpeed = 20;5 [% z. r6 a# y
var contentWidth;1 H; u' T, y7 x6 g
var contentHeight;# \3 U3 b- h) I) ?. h$ Q" z8 H
var maxBallSpeed = 50;: R3 \) ?" G6 G8 b% T' n

% w4 r5 J0 z1 Q# w! H5 M8 s; }0 ~& k' Q) y( n
var xMax;
, i+ v9 a" B1 T0 x: |% y2 zvar yMax;9 H# J6 n3 \; F. @  _
var xPos = 0;4 c8 W- v# {6 t5 _+ ?
var yPos = 0;
* ~1 Z5 S3 b! o% \- Jvar xDir = 'right';
$ L' |- I' n* g7 i( xvar yDir = 'down';- m6 V$ D- [9 @( E- l( G
var superballRunning = true;; F. B! V9 g& q5 [
var tempBallSpeed;
% _% l; k2 A' e4 {: S) z- U9 t$ Xvar currentBallSrc;
6 S4 A. |, l* t( P) svar newXDir;2 s8 n% s$ \7 I5 ~( }  R. f
var newYDir;# `9 i" J* ^/ l# ?. _8 Y
7 P! t0 O  T! b7 D4 I  Q
function initializeBall() {
* _5 g% T# F5 E5 j   if (document.all) {) w' ]; N+ A) c: X0 g
      xMax = document.body.clientWidth. s$ Q; {6 S! [  n
      yMax = document.body.clientHeight
: ?. W# Z7 q, W& x* ?7 i      document.all("supertext").style.visibility = "visible";
( G8 a2 \; i6 a  a; J5 r      contentWidth=supertext.offsetWidth% I, S' k; W: r+ h0 w
      contentHeight=supertext.offsetHeight
: g; a) X; H/ C( {, Q      }6 z- W( {& ^. |! z
   else if (document.layers) {
/ A* `- |- o; o- }" V' |. r      xMax = window.innerWidth;; o; A% B9 @, X) |8 x" s4 N* p
      yMax = window.innerHeight;
1 \: `9 B9 }, r* W      contentWidth=document.supertext.document.width+ K3 \. S# G7 W/ X1 _# }; y: H: H0 n
      contentHeight=document.supertext.document.height
4 }+ F8 U: r. H( w      document.layers["supertext"].visibility = "show";$ }) @! |# e0 g1 x
      }- X' `) e! h0 K% O- J' u
   setTimeout('moveBall()',400);1 t7 T$ p0 x6 N
   if (hidetimer!='')2 F- z0 Z. I6 X& n+ `
   setTimeout("hidetext()",hidetimer)6 I8 N( }, n  W5 W. P
   }# R6 S$ D1 l0 o! U; w9 Y. t# V

  f, U; H" d. g" [3 O# _# ^function moveBall() {
7 d1 N0 M5 B4 }. ~  w1 b" K   if (superballRunning == true) {
: \7 L8 F; k/ h' h. N5 [1 m& \. m1 ~! a      calculatePosition();
9 B8 x& e3 \. B& U      if (document.all) {
! |' D, ~3 q5 F- `- O9 n$ [7 e         document.all("supertext").style.left = xPos + document.body.scrollLeft;2 O1 S$ V$ B  j! ]9 G
         document.all("supertext").style.top = yPos + document.body.scrollTop;2 Q* o; t- p  C" x
         }5 D+ x- k* E) v9 s
      else if (document.layers) {9 {2 U4 L. g: C) ^8 a
         document.layers["supertext"].left = xPos + pageXOffset;6 N8 U7 h) V% N9 N9 l7 b
         document.layers["supertext"].top = yPos + pageYOffset;# @' Q! S& M% W5 z( j& U; g' w
         }1 Z& v9 q6 D% M/ X$ \) q
      animatetext=setTimeout('moveBall()',20);
) _/ E! H% n" O2 V$ {( C3 \- G      }6 E9 k$ g- h1 [+ D- E4 T; l* ^
   }: T& w) Z1 M7 e  G% N2 Z
# ]; a, @  z6 w/ g
function calculatePosition() {) X$ B8 Z: l2 |. C
   if (xDir == "right") {8 @. s! H* y  E- b+ S
      if (xPos > (xMax - contentWidth - BallSpeed)) {
% V( M  }+ {3 @8 S         xDir = "left";
2 D$ G) U2 f) r  R: m; c         }
* I* N( V$ v5 \/ s$ _      }; p1 ~% I, N& j
   else if (xDir == "left") {! J8 @& q: ^) G/ z
      if (xPos < (0 + BallSpeed)) {8 I' O8 q! n2 f( {
         xDir = "right";
2 E# A) T& @+ _         }; K  A9 ?/ R+ R% M+ l) H
      }) ~9 {8 h+ X' ~6 m
   if (yDir == "down") {/ b1 a7 l( L7 \4 L0 I) j
      if (yPos > (yMax - contentHeight - BallSpeed)) {, {4 }( Y! u& T& q& a; p" z% a! C
         yDir = "up";
* l0 h7 ~: ^! X) q+ q6 N8 k         }
2 ?4 W% q. M. J. l" E, }      }
* D: {0 {( t9 B( `  G' S+ I   else if (yDir == "up") {) o# w+ u4 Y3 ~7 o
      if (yPos < (0 + BallSpeed)) {
+ N" e0 T, L# Y8 P% i; a         yDir = "down";2 j! {3 R; k( ]: m( p" t
         }3 j# _2 M2 n! t9 a) d" r
      }
+ \) [) {2 \3 s, m, \& H* X0 [; ^   if (xDir == "right") {
8 R3 L3 M; b; a4 G      xPos = xPos + BallSpeed;
7 `/ o" [; p( z      }
$ O2 t" j: {  y6 `0 Q6 f# D% v5 I   else if (xDir == "left") {
4 Z( @0 V, U4 Q3 C2 E+ s. f4 w$ m      xPos = xPos - BallSpeed;
% _- q( ?5 r$ s! S& V      }
6 y. H7 c: L& h+ q% S   else {
% K: i- d4 r+ C# \8 N% \. g0 w      xPos = xPos;
% S- z: F" p1 A+ `      }  t4 t! H. ]; C" T$ P& X
   if (yDir == "down") {
7 v5 b. m: c2 R) g      yPos = yPos + BallSpeed;$ O5 L, V  m2 K
      }% B7 Z/ R" [0 l* D) [
   else if (yDir == "up") {
7 O8 Y5 c& U8 x      yPos = yPos - BallSpeed;
7 s2 S0 M2 ^& C' _; h  z      }
1 Y: K( A( _6 u  T+ P! T+ W   else {
9 [* p/ Y8 M5 m$ {      yPos = yPos;# V4 T& x6 d) ~. Z# U
      }1 r& w' l+ U' m& k/ i3 Z0 h1 l. R: c7 r
   }& v* b$ g6 S& r; Z  q/ q% p
2 }% |& N- F4 w; \$ L/ u- P
function hidetext(){- A6 Y2 |$ m" \. g
if (document.all)* y7 v7 A) o& u- U5 V( @& ^# x
supertext.style.visibility="hidden"
$ I5 |5 r2 e9 E2 z8 jelse if (document.layers)
1 ?- Q. q- [' M2 ~( [6 {7 Ldocument.supertext.visibility="hide"
- {8 J7 \6 T7 |; [# [clearTimeout(animatetext)
. F7 \4 b* C6 Q/ D! \- d}
) P) l2 I% q. ~% r1 {$ E+ M
. T4 C' z9 W+ A! `if (document.all||document.layers){
* Q, R4 l# ^" Y/ i1 z( g( u5 }document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 {5 `" [$ X- F4 f) Mwindow.onload = initializeBall;
1 |* D% u6 |' ]6 t( [( twindow.onresize = new Function("window.location.reload()");
( M6 B7 @) n. B! r$ R}
. w+ Q- Y. C( n: G! a' r5 ?0 W" Z. W6 v7 n( l, a9 D2 b1 x
</script>