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

zw2004

<style type="text/css">9 t) }& K% n: J
#supertext {
) I6 U( X1 o$ f. |4 b* i1 Fposition:absolute;' K/ B) u; F6 j- Q- m
left:0;5 K( g! M# k% F6 X9 G
top:0;
$ {" v3 u6 x, e5 r9 r7 pvisibility:hide;2 F6 E/ r" t' n" K. k$ \
visibility:hidden;
7 x' g) R! E. B% l}; S7 v! _- m2 X* l4 i# E( }1 G. S
</style>! e* u7 e6 B9 S" V( L
<script language="JavaScript1.2">. Z, t4 I& f* K+ _' V: f3 i
<!-- 改变下的字体的大小。颜色-->/ |. v  c1 s% c5 L0 ]% e# V/ ~2 n
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'  x/ C. r! Z6 L1 \
var hidetimer='';
( j! }/ S6 |8 |2 a& s* d+ b' K) O<!-- 改变下的弹跳速度-->$ S) W5 W6 ], l, l5 P
var BallSpeed = 20;7 v0 x1 \  w( ~$ {( q3 r* z
var contentWidth;
7 `: b' w3 H- @0 l$ ?) o9 Pvar contentHeight;9 A- g" e; u4 }: M; |
var maxBallSpeed = 50;, p, v& W" l" F  f8 @3 z* ?" P* E

) v' J: u( P( z( z: Q( k
7 ]/ ~# u8 R( O3 fvar xMax;' j& P7 T, D9 u2 T
var yMax;, \, `  J2 H$ u/ h8 [- t5 \
var xPos = 0;0 E& K) V+ P3 O$ g3 ]3 z# E
var yPos = 0;8 |: E/ a6 U! p. d# X3 t$ P
var xDir = 'right';) @6 p+ c) B  c. ]
var yDir = 'down';& L, m' [, H3 C( ^$ I% o; Q
var superballRunning = true;: ^" h3 {5 o1 `! A" T
var tempBallSpeed;
$ \: [  o2 t! S! A3 cvar currentBallSrc;
- j% g; H: V4 r" `* _1 ovar newXDir;: {( y( n9 [( v. z6 E
var newYDir;( f" U5 ~# o) v8 T! |* _
4 g1 D9 R. Y0 n- n) t
function initializeBall() {' K) V; r  {% k- O
   if (document.all) {3 x/ I3 O1 ]" s% K
      xMax = document.body.clientWidth+ C  Y! V7 {% x+ H% |; l& b9 l
      yMax = document.body.clientHeight' T$ x& M, f: N4 v* l; w  t6 ]
      document.all("supertext").style.visibility = "visible";
8 }5 b. o* K+ O      contentWidth=supertext.offsetWidth- ^- B# z3 z- M
      contentHeight=supertext.offsetHeight: [+ i6 o1 G$ l- c
      }& g: U: u6 @+ V
   else if (document.layers) {
* |0 v" O9 k$ T) ~" o6 o2 V      xMax = window.innerWidth;
, L1 k  z% ?" J7 G      yMax = window.innerHeight;
6 ]$ L4 c! _# x( E      contentWidth=document.supertext.document.width# R# m0 O" t$ @. s+ d, M8 ^/ T+ R8 c
      contentHeight=document.supertext.document.height
6 h$ r# \" ]9 V; Y+ Q( [: g( Q' m      document.layers["supertext"].visibility = "show";
( x7 m3 z: {3 G0 m+ |& D      }
1 J& Y- U, T+ ~# s0 P2 Z6 ?0 {   setTimeout('moveBall()',400);+ G; a. A7 i. M+ v# r, U
   if (hidetimer!='')
6 {3 }2 ?0 J' S5 ?; w   setTimeout("hidetext()",hidetimer)- l# ]& ~; f# d7 x# A4 d7 I& A
   }
+ u5 C6 N5 E# a  Z
1 C2 F: }; N* r7 N7 D+ N+ I1 mfunction moveBall() {* L3 V. c0 e7 M& Q
   if (superballRunning == true) {
4 J  }( g# @5 V: y- h1 |5 @# m% B      calculatePosition();
) l! U/ W/ `. t+ q  L      if (document.all) {
9 c. D  c) G0 f# Z0 D4 ?         document.all("supertext").style.left = xPos + document.body.scrollLeft;
% Q+ @$ P, t; `% w         document.all("supertext").style.top = yPos + document.body.scrollTop;0 p' p6 G5 H" g, I
         }
: K  j+ I4 w% l  U      else if (document.layers) {
( S4 U! Y2 A4 Y9 r         document.layers["supertext"].left = xPos + pageXOffset;. J( i* n( ~( @2 U+ {1 w
         document.layers["supertext"].top = yPos + pageYOffset;
. V% }5 y' D9 @0 ?' D' w0 p         }
) L! X: \9 D5 B      animatetext=setTimeout('moveBall()',20);
7 p! t. u8 J: w# m4 J, W      }( ~- B* q2 H) @# g# j& }2 d, }# L
   }# K' v2 r6 O# z2 \9 D2 r- r6 l7 A
# v0 e1 _0 l3 I' V* L
function calculatePosition() {
$ g: u3 d/ J9 ?$ O8 D# c( t   if (xDir == "right") {7 t+ Q! ]) x4 ]1 C7 k- c/ W( U! N
      if (xPos > (xMax - contentWidth - BallSpeed)) {
: I" V4 r; e+ u         xDir = "left";( ]7 m5 s4 W2 a  i) R$ }, ~
         }, ]& ~( a: w) i: T6 S7 u
      }4 `+ U6 b$ H+ w
   else if (xDir == "left") {3 v* v3 f7 R) V, @+ M1 m) x) S
      if (xPos < (0 + BallSpeed)) {
* P4 \/ ?/ y& X0 B         xDir = "right";
; Q# i' A2 m* d4 b5 U         }6 _+ n$ p1 r( v7 E! N7 @, }7 h% i
      }* }$ [# \" G# v
   if (yDir == "down") {
7 `' f7 T! W7 Z" E; a8 D8 Z      if (yPos > (yMax - contentHeight - BallSpeed)) {
- J' l4 D3 J3 _' T3 z9 F! g         yDir = "up";3 y! Z- o* i0 q" K+ e
         }' S6 J8 _  o- ?3 p( K7 n
      }  A. F7 \+ [% G, b  `- D
   else if (yDir == "up") {
* _* _) L" V( }  b      if (yPos < (0 + BallSpeed)) {, P' b1 ?! d* q  C
         yDir = "down";8 W7 G! Q! b. h8 E5 s% Y8 N
         }
7 j  Q/ O( [3 V9 Z# L7 q+ S$ {  f      }3 s) g/ o" X+ e6 v+ f' A$ `* h
   if (xDir == "right") {
8 a% l! o" J5 b: m& g      xPos = xPos + BallSpeed;
! I# S& b# @% P2 _( k      }
( B! o/ q7 u5 c9 \+ Q   else if (xDir == "left") {0 b( b, Y- v9 w) q2 ^
      xPos = xPos - BallSpeed;
" m$ m; H; p5 c+ A1 B5 Z$ N7 y. c- O      }* w) q( R! }0 l, D
   else {
- Y2 [  V" J" w  @' r+ L1 A0 k      xPos = xPos;
. \4 _7 k2 f' F      }1 J- ^/ w, J! f% ]  j
   if (yDir == "down") {
1 a/ p( r- H: r      yPos = yPos + BallSpeed;
, l! m* \) V" S! X4 \3 B      }
7 }0 P3 `- C( E" \, Y- T/ i2 b$ Y7 I   else if (yDir == "up") {  e7 [; {+ O7 L0 N& L$ Y
      yPos = yPos - BallSpeed;5 ^" z0 v$ b& E, _- C
      }. Z$ y2 e+ M& M9 |. I  a
   else {% ?  \4 Y* T; u. e/ M
      yPos = yPos;
7 X; X" q  ?3 A" _1 j      }
! ]8 {6 l% H" o: F3 x   }+ m# k% `3 y& j* t. Y7 |' _
  q; o. e' u' B% [$ N) A
function hidetext(){
( E) o& Q% J" }) k6 B/ }if (document.all)- _' G; m0 b: j6 V/ R# o
supertext.style.visibility="hidden"4 g3 E$ u- J% l
else if (document.layers)
5 c, m/ p& x& s+ b4 ~- X  _document.supertext.visibility="hide"* W2 a& g/ M7 @4 t2 }  I
clearTimeout(animatetext)
+ F6 D4 Q: h+ Y}
4 H3 n9 X- o: v9 H, I$ {, [7 V1 J- b9 }
if (document.all||document.layers){
7 y" e7 X0 Q* m" Wdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( K9 ^  Y# m4 @/ e2 h7 B
window.onload = initializeBall;
. k+ E" }$ y4 E, Q+ hwindow.onresize = new Function("window.location.reload()");
! w$ T% J- }' f' A, a/ C% f}
: I1 _2 g4 \: H0 |% @8 N
, m. u! n4 Z: V0 M</script>