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

zw2004

<style type="text/css">6 ]  S8 n3 w0 K
#supertext {
3 Q$ U; N+ c3 h. f5 e) X8 hposition:absolute;; b; w3 O! {7 e4 v* ]$ P! _
left:0;0 Z. E2 f% w6 i0 J% H7 i
top:0;
3 T+ I8 }* k2 k( t& rvisibility:hide;
. w* M6 p0 ?5 ?visibility:hidden;
: f' `6 D" [* x}
' s3 ?7 C( y6 T</style>
" M: q! T' l) E# z' k* i<script language="JavaScript1.2">; k( ~( H0 o6 s4 E
<!-- 改变下的字体的大小。颜色-->" D9 Y. T2 q3 a$ h
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ d6 ?( B1 |4 @; n( K+ Q3 Qvar hidetimer='';
0 w! a5 k3 {: N) x, R  C* Q- \<!-- 改变下的弹跳速度-->1 s/ \  M% z, Q! O' ]3 s
var BallSpeed = 20;. r( r3 \+ Q. r! `5 A0 x0 E! A
var contentWidth;& T+ Z' `2 S" n9 j, S' h/ ~" u
var contentHeight;) |" H( J6 o1 r
var maxBallSpeed = 50;
( ?" g7 w7 O. d: i% k$ w3 K7 l
: P0 N! H" D5 x
/ c8 X$ C1 l. U/ c4 w, Kvar xMax;, n7 {! c( M2 U; x
var yMax;9 b; J# q. P  N( B' o: P+ @
var xPos = 0;; Y* e1 m) H1 Y0 v% M( ~# n
var yPos = 0;
* l& y2 S- x4 E8 \8 ]* Fvar xDir = 'right';; z6 p) z) i' A$ u
var yDir = 'down';
  \; S4 u$ j, e3 o. [9 U+ T4 evar superballRunning = true;' I/ N% \. ]! P$ F
var tempBallSpeed;
$ \0 Y4 w# m% l! P; o/ Ovar currentBallSrc;: \1 j' s( G' d# w- Z, y, I
var newXDir;
% j  B/ A9 U  S/ b  |( Pvar newYDir;
" ]. y1 a! ?' L! m/ r. H7 A4 u4 W' i# z
function initializeBall() {. N- i0 d  A' L" A" r  O( u1 A
   if (document.all) {
0 p) _0 M' {9 m: i# }$ K! L      xMax = document.body.clientWidth
. c% H3 n# t; ~8 M% m      yMax = document.body.clientHeight5 G1 w% B' ?8 Q
      document.all("supertext").style.visibility = "visible";, N7 z; u* M$ k6 c
      contentWidth=supertext.offsetWidth, g6 Q) F& j7 |: o9 z
      contentHeight=supertext.offsetHeight$ l6 L, g, N6 g( Y  B+ \- n
      }+ h2 d3 Y( j. j4 f: S5 i- {
   else if (document.layers) {
+ ~% {2 ~& p7 Z: v! d+ F: S' s0 R' R8 ?      xMax = window.innerWidth;1 Y' Q- C& t1 q5 J
      yMax = window.innerHeight;
8 L% Z+ L+ C7 h  N2 e* l, P' N      contentWidth=document.supertext.document.width
9 p9 {1 e9 D8 q9 Q! s7 i5 L) m      contentHeight=document.supertext.document.height. Y: w1 }  w2 d' A& {2 Q+ A1 ~
      document.layers["supertext"].visibility = "show";) `" z, `/ C- Q# o7 q) F% f1 a7 R
      }
% s, _8 s- x9 X+ ?8 ~! J0 i9 e   setTimeout('moveBall()',400);
9 D% Q5 V& n. m/ L! ]! T' {7 B   if (hidetimer!='')
8 s+ E: X& S) |6 p4 M1 C6 |   setTimeout("hidetext()",hidetimer)
  [0 e) J/ d0 f  O) T7 r5 n* T   }
% Y* o! g) _/ x$ y- [% b; W2 d7 Z  ~( [
function moveBall() {
  F8 m9 o" b/ Q. A0 S& r& h7 g' t, K   if (superballRunning == true) {
4 w3 g0 w9 R6 k& o: f      calculatePosition();
! p6 W; m; T3 r, h/ ]) b      if (document.all) {( w9 m$ O8 h# i7 h' k
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ Q; A( ?+ L6 F. G2 H% U+ n+ C. [         document.all("supertext").style.top = yPos + document.body.scrollTop;) Y" l6 }: B, L
         }
2 m. j4 _6 h. i( r$ `  Y      else if (document.layers) {' C5 T- J! q6 C* C8 @3 u
         document.layers["supertext"].left = xPos + pageXOffset;5 X3 ~3 k, ?- T$ R  D5 Q
         document.layers["supertext"].top = yPos + pageYOffset;
; i; q, q* ~. |$ I! z( u9 T6 y         }" p/ \& b+ T' J6 v/ [/ A
      animatetext=setTimeout('moveBall()',20);
5 n5 P+ N+ d7 R9 O# d. s      }
% a2 x: e* A$ Y   }0 h+ ~+ P2 O7 r$ J

, B3 [$ ^# A  i$ Y4 r! x8 ufunction calculatePosition() {& ?7 A) y# R) a/ M; h, H7 S- g
   if (xDir == "right") {
6 e& P( n4 m( b6 r- v0 o( S: j      if (xPos > (xMax - contentWidth - BallSpeed)) {* _) w0 ]+ l/ _
         xDir = "left";+ [. }# p* c& X- C' H2 h! H" H
         }
+ x% f, `# U: Y) a1 k: S      }8 S3 p7 a, B/ F: j
   else if (xDir == "left") {0 G& H3 a. k# a' r% {6 m" K" |
      if (xPos < (0 + BallSpeed)) {
) A- W6 [0 I: [+ |* l         xDir = "right";. F" r6 W9 ~9 s+ R0 A; h. H
         }7 c5 I; T( {8 w5 d2 P$ T0 f  g
      }
4 \" O$ u7 U! ^# c/ w: F5 S" ?   if (yDir == "down") {
0 F# e. B# H1 d0 b      if (yPos > (yMax - contentHeight - BallSpeed)) {
8 P2 G1 P1 L- o         yDir = "up";
/ {$ j+ S9 T3 P( O3 P         }
: J, a3 h4 p0 S      }+ M( \5 r& F6 }
   else if (yDir == "up") {
+ i( J( U* W) \8 O& r, _7 R      if (yPos < (0 + BallSpeed)) {
/ \& c* B$ [, a+ n% x2 N7 L         yDir = "down";
& P! j8 i4 H) G6 d9 c         }
( V9 e- V' `& M! n3 q! ]7 u; [$ X      }: z$ B1 ~% W& @8 \" m0 a
   if (xDir == "right") {5 I, t- i3 _+ q; \+ A+ V
      xPos = xPos + BallSpeed;
+ ~% r5 ], q  \6 k      }; _! p$ E* z/ t3 G
   else if (xDir == "left") {: @5 P2 B& J' V
      xPos = xPos - BallSpeed;
2 U' e% [0 S8 |( g) V$ c) \- J      }
1 M- O8 }5 p, J! t  i: F- G   else {
( E+ `, r+ j/ {      xPos = xPos;; x: z/ [, W: L
      }2 o( L  H- l% U* O  x# J
   if (yDir == "down") {
6 v8 U* y/ |; s( n" U5 Z      yPos = yPos + BallSpeed;3 y, Q5 I: ~. L* ]9 w* E; B$ X& s
      }
# y9 V& H$ P+ O% Q   else if (yDir == "up") {
" `" |, N& |4 ?, q      yPos = yPos - BallSpeed;
6 R+ u5 m# `- T8 j) s* E  G: [$ k      }7 q5 k/ D$ }' c2 k1 e
   else {
' q# H7 p1 b1 \* J. k: l8 ^5 v1 G3 j8 Q      yPos = yPos;
" |  u! d7 N3 d      }: X. _5 P) S; t! ~6 N
   }6 E3 q# n( i$ q4 G( n

! S8 k7 V8 s% d5 _1 @) Nfunction hidetext(){
" a& k& S9 D' ?. O8 v' V8 c9 Iif (document.all)( _! y  X, w. o' R7 H. m
supertext.style.visibility="hidden"# V. r+ u- x) t! F# Z
else if (document.layers)% H) E$ x5 w, [
document.supertext.visibility="hide"0 H; M0 i2 u4 i& M) |
clearTimeout(animatetext)& P$ u, Y& b! [) O- |
}% G4 ^) J( h7 d4 k. R

! c- [: G6 i4 `$ O5 s5 w* y; ^if (document.all||document.layers){
5 W1 Y5 D) K4 j. n  h- x4 F3 \document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  e/ s) C8 W$ P' b8 Y
window.onload = initializeBall;& T, ^1 t$ Q4 T5 S- {* ?0 ?
window.onresize = new Function("window.location.reload()");: v  G/ I- k* _5 f' K1 a
}& R- ~2 l, o5 S& z8 M9 A  g, J

5 s3 o3 @  A6 P! l7 T( S$ g, V) K4 }: b</script>