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

zw2004

<style type="text/css">: Z5 T% p7 x& S1 q3 x* m& }7 R
#supertext {
" Z9 U) Y2 t4 ?, C, }3 q* Wposition:absolute;0 x! |6 f' d0 @8 j3 |+ c* ]; A* |) k
left:0;0 E4 \5 m# _6 O2 g! ~0 X9 j
top:0;* x4 B4 _9 w/ v, f6 u" L3 n+ [
visibility:hide;
' w* }9 H: ^5 L1 P$ h  lvisibility:hidden;
% ?$ [( K! c4 O: y; a  }% d}1 O% @. B, h6 I9 R
</style>
* b4 w: q9 E# p5 i& z8 d<script language="JavaScript1.2">
- [& b# a# ^0 H' h( h. x* G<!-- 改变下的字体的大小。颜色-->/ M* h1 x2 m) ?) @" ]
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" S0 W( [3 g& W( d* R' Qvar hidetimer='';  I& E7 z; _0 v
<!-- 改变下的弹跳速度-->! L4 g+ S4 m/ m
var BallSpeed = 20;
3 Z, N4 g2 T: a; d) n: [var contentWidth;
6 ?, Q. b. t& Z" K8 ?3 Gvar contentHeight;
% B+ K6 a0 B/ q/ D9 a1 wvar maxBallSpeed = 50;
, e' W# {7 C! I8 ?  L$ D: \3 S2 L3 c3 F
) ]7 z: M6 O5 m$ o
var xMax;
, B' S" k2 o3 |% D+ Zvar yMax;
# u( B; b/ t1 J$ R0 `7 rvar xPos = 0;/ S- D) S8 Q$ C3 X$ Q9 {# H; H
var yPos = 0;
; ~, w/ L& T" y) bvar xDir = 'right';7 H1 Y. Q3 z2 Y: g
var yDir = 'down';
/ }( B& e: T8 E+ K% j; u- p& nvar superballRunning = true;
' ~9 R, J% \+ k& Z* G  D0 Mvar tempBallSpeed;
5 x2 x# o7 u- d) j" H4 }4 Avar currentBallSrc;7 {  A: t" m, T: u' q, T
var newXDir;
8 l0 v7 ]: C, O& S+ |5 W$ Y. U, Bvar newYDir;  B/ l; q% \8 P- @

% Z6 U% F* a: f- qfunction initializeBall() {2 h) I" `$ N! [! P9 ~1 K& ~
   if (document.all) {
+ F- C( {1 h) o& n      xMax = document.body.clientWidth* f! N$ W8 z$ [) r
      yMax = document.body.clientHeight
! w* u3 ?( n; H1 @" I, K8 H/ e7 T" o# K      document.all("supertext").style.visibility = "visible";5 u, i7 ~% P8 o2 ^
      contentWidth=supertext.offsetWidth. L) B, E- K7 T% F- p; N
      contentHeight=supertext.offsetHeight; E! v1 e  a* a9 x3 f5 J- g1 H
      }( n# R& t# L. f0 \
   else if (document.layers) {
/ G% d3 G6 ?4 V      xMax = window.innerWidth;3 \5 T. E/ B( m
      yMax = window.innerHeight;
* H6 ^$ L8 C! L5 p# y3 @) a      contentWidth=document.supertext.document.width
9 V' Y7 ~2 x1 ~/ V! i! n2 T4 A      contentHeight=document.supertext.document.height
( F$ V- @; N3 o' O, F      document.layers["supertext"].visibility = "show";  q  E2 T( ]" j( a
      }
* B) V, B: J) C( N; o% l: g+ Q   setTimeout('moveBall()',400);. `) L# |* s4 y4 z6 o
   if (hidetimer!='')
  i' \6 \) g( }( L' ^5 j# u   setTimeout("hidetext()",hidetimer)# c& K5 T1 ~) i
   }! g0 q4 M% p6 o+ h

8 S0 Y# Y2 T- U9 yfunction moveBall() {
% I0 R7 {5 f8 G   if (superballRunning == true) {
& A) l9 `; ?: U      calculatePosition();. a" y6 l( p2 t* g. V. X1 j
      if (document.all) {
6 y, A* m2 F5 g( h8 x! o         document.all("supertext").style.left = xPos + document.body.scrollLeft;9 C4 `3 T; Z/ d3 J2 a
         document.all("supertext").style.top = yPos + document.body.scrollTop;
% l- ?% S9 |! e5 \% }( d0 ]         }
+ [& `; M# f8 t8 a' P      else if (document.layers) {9 H( L( s2 ^$ e) L2 j
         document.layers["supertext"].left = xPos + pageXOffset;
7 q' T- X. A3 f  B7 h# H7 G         document.layers["supertext"].top = yPos + pageYOffset;
$ I: z( v% {) c1 @; L0 p         }
( i, U$ H1 o5 m- D      animatetext=setTimeout('moveBall()',20);
4 Q. L& R' E$ f5 n* e4 ?      }
; N- N4 Q) H" Q. W   }
/ Y% C6 w9 X: S+ ~: N& |% q" S* K8 J  y4 _7 K
function calculatePosition() {' Q& E, c: v) @# ]' K1 T  B9 b# \1 C
   if (xDir == "right") {
! {" ~8 `7 r! R0 S$ K9 F      if (xPos > (xMax - contentWidth - BallSpeed)) {. @5 O% c  M! }! d% X0 m+ \* z
         xDir = "left";6 c8 R% S2 j/ P* t1 e# l- g7 @
         }+ n7 M7 |0 J8 L
      }
1 j, F% o5 ?% R9 L; E   else if (xDir == "left") {( G& `3 b* F& Q: V/ A3 A
      if (xPos < (0 + BallSpeed)) {7 o8 ~* D# z- f+ D- W
         xDir = "right";+ s, Q% G- {; j/ b2 _2 \
         }) Z$ m( P: j- l8 f
      }$ s. W2 W# p) U
   if (yDir == "down") {
  D; t4 S# e; c      if (yPos > (yMax - contentHeight - BallSpeed)) {
& i( b3 W* |; o6 f. S         yDir = "up";) H# x/ l( E9 j6 f3 p
         }! M! V$ v& i! d* d& y, m
      }
3 Q' i3 _  K8 L7 \   else if (yDir == "up") {
, V) B0 a5 w2 X+ j. [      if (yPos < (0 + BallSpeed)) {
1 A7 m& R* P& ~4 ^4 G* O3 V% w: i; t; X         yDir = "down";
/ e: }5 [; q9 w. ]4 P  z; q: G         }
) I) E4 t" Y; V      }" G; H; K7 ~2 h8 h5 `7 L
   if (xDir == "right") {, ?4 g$ T2 `  U  F; t
      xPos = xPos + BallSpeed;
+ x5 I/ U' x! v0 Q3 V8 P' ]      }2 t( s+ a0 y9 U# l* @
   else if (xDir == "left") {' {$ m* L" z9 d3 j" e
      xPos = xPos - BallSpeed;) N3 ~& T1 O; d( f
      }" U. n9 c1 f8 s7 K, V
   else {. R3 C5 x) @& A
      xPos = xPos;
% R, s! a2 t5 m+ u  S      }
/ z, W, n9 d  b   if (yDir == "down") {; H8 K8 @5 }) K9 F! [: e! k
      yPos = yPos + BallSpeed;
% ?* M0 i, w$ {* ]      }
/ w4 b1 V; Q. A1 G* {   else if (yDir == "up") {3 f7 A2 F" i/ q$ k8 }* Z: r  K6 F& q
      yPos = yPos - BallSpeed;
- K- e  ?, w" D2 u- v0 B/ Q8 j      }
1 |: P, y! ^& K: u   else {1 I, k5 P$ b0 N, q3 b8 H6 I" S
      yPos = yPos;
+ i4 k0 |5 D* x4 x      }; v& L7 y7 _  E  N1 x8 {* V
   }
; A9 R# L3 T1 r. G
; @( E- y+ Y+ P  Ufunction hidetext(){
) Z) c7 r0 w' Q  w# S- Wif (document.all)
( N: t. G% ?; r9 V2 T. D1 o* Asupertext.style.visibility="hidden"
- o0 R9 e- x- K; C, selse if (document.layers)
% p2 b( V! ?- d0 M3 Z% vdocument.supertext.visibility="hide"% l/ R  S; h( [
clearTimeout(animatetext)
: p. J4 G' d& G( P7 I: {}
/ @; @8 v) |6 h& [/ Y* K$ w! Q  L1 X% c& h  O4 A: E& u
if (document.all||document.layers){, _4 ~  t' r! W6 a9 o/ ?( x
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 A9 ]  p: l* A7 n+ [
window.onload = initializeBall;
* e0 k, K. C( Bwindow.onresize = new Function("window.location.reload()");
4 J- Y. c3 d) ^" p8 F& M3 p1 e}9 K; V8 T" z0 h  ?

; X) p- I5 K+ H4 x</script>