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

zw2004

<style type="text/css">. i# j* b9 q$ ?, H) m( C& x" M! D
#supertext {
/ o6 z0 O  F0 U3 M4 z6 ~position:absolute;! U7 C* C5 c1 H( f0 u4 C
left:0;  G" l9 M6 z; |* T( M# s
top:0;! Y6 O- ^; A* ?2 C' a
visibility:hide;" w4 ^1 g9 c  E6 i& E" b  M  _
visibility:hidden;& c' a/ \/ @" H
}
8 M" v1 |; Y3 a$ X" r</style>) g% X! n- [2 v0 \) X
<script language="JavaScript1.2">
! ?# z( w$ ?% I6 S6 h<!-- 改变下的字体的大小。颜色-->
- r  X# k& {" \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 F1 Q5 T9 ~" H/ ]
var hidetimer='';
5 K" J( {  Z7 |- R0 N0 s" G3 {<!-- 改变下的弹跳速度-->& L- a* t# O( {5 k$ y. C
var BallSpeed = 20;% d1 b$ B; c, X: _! D" y
var contentWidth;
/ }; a1 j# c/ b. |7 L2 jvar contentHeight;( h( h; t& x/ N
var maxBallSpeed = 50;3 d5 B( H: i9 x( [' M
' M7 W( w. f6 P

! |- }, F9 A8 p- d4 a: m2 J( Kvar xMax;
0 u4 _1 y0 u8 W) ivar yMax;5 w, |/ D9 i/ t! {8 A, O
var xPos = 0;5 i* O" H7 T/ m* i2 S- i0 U: Q
var yPos = 0;" U' v4 h8 a3 A# ^* V" |& ~/ [, U1 A
var xDir = 'right';
) L! K  K# V) X( uvar yDir = 'down';
4 c" ?* n1 z! U6 l' O% vvar superballRunning = true;
1 d" p; s; S/ Y; l/ wvar tempBallSpeed;
/ d2 T7 D1 S. ^9 k- zvar currentBallSrc;
2 q1 \3 N( R/ T9 S$ \var newXDir;
, }# X( c  A% [* T+ @' ]var newYDir;" E! }' ?9 G: [! c8 @" x3 C2 I: a

1 d/ w* Z1 }! O" m; _  Rfunction initializeBall() {  y; o1 A/ y8 Q* L* E  q# j
   if (document.all) {( {+ L' l6 l1 r7 ]# f  L
      xMax = document.body.clientWidth# t& t0 f9 Y- C
      yMax = document.body.clientHeight
" Z7 S2 o# S( z2 O3 M8 w6 l; e      document.all("supertext").style.visibility = "visible";
6 a; O( j' a0 @' _      contentWidth=supertext.offsetWidth5 ^: T$ q! y9 R, ~, v' r% `
      contentHeight=supertext.offsetHeight
0 W2 l4 b3 q& z0 ^$ h, L1 @+ r. ?      }8 g9 D$ h1 o2 g# v
   else if (document.layers) {( j3 v2 l! F  S, y# U1 `$ s
      xMax = window.innerWidth;
3 A# G- P3 c) |9 y      yMax = window.innerHeight;
' T" d! T" ?$ h      contentWidth=document.supertext.document.width
3 W  r/ s( i$ m$ F: g0 m! a      contentHeight=document.supertext.document.height3 H$ l$ i  U6 a
      document.layers["supertext"].visibility = "show";
9 ~4 P& O+ t& |/ d2 U/ b: o, \      }( u+ b0 v: A1 x, o7 D. L' U
   setTimeout('moveBall()',400);
, Q( w# C& ^1 t" l   if (hidetimer!='')
9 w/ N2 m( _9 Z  C   setTimeout("hidetext()",hidetimer): X0 f) ?* T. W, }+ P2 {! I
   }. I) e& u& B) @7 u/ J
9 R7 C+ E5 q( s3 J$ q
function moveBall() {
4 x" m! Y- R# M/ G- ?& R1 Q: v   if (superballRunning == true) {
8 B; S: y" f5 T. n7 a9 g1 e6 @      calculatePosition();9 E5 r" V0 V( h* u4 m
      if (document.all) {% a+ X0 A- g) n5 e! L
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 C. F3 \; ?; x  k7 j; y; d; _         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ O- J/ S6 I5 f. j- v( @         }
' m2 J. C1 f4 o      else if (document.layers) {3 v8 J6 M3 A' U% z( _/ Q7 H% _
         document.layers["supertext"].left = xPos + pageXOffset;
$ B5 E5 o& d+ h0 v( u' n  \4 l9 Q7 n         document.layers["supertext"].top = yPos + pageYOffset;
* u4 T5 n) K* D& f$ k1 B0 @         }* w- h6 i( \1 d3 B: J
      animatetext=setTimeout('moveBall()',20);' n2 E6 N( `* g+ E9 ?8 z& Y
      }
+ Z, g' X* n9 ]! F   }& y+ k" {0 a5 w- c

! p2 N$ _& d9 z+ ?. b6 ifunction calculatePosition() {
1 I7 a0 ?% q$ w" @3 I   if (xDir == "right") {; r# b* c+ N0 W3 U3 @
      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ s' s) O  I/ X' I         xDir = "left";% e5 O6 A# f. q3 T
         }6 V! E3 i( `0 k# l0 c$ P" s- K. Q
      }/ B2 v+ S& J2 C. z
   else if (xDir == "left") {
9 [4 K* a1 \: F& c3 O4 E      if (xPos < (0 + BallSpeed)) {7 H$ Q1 l, A4 f" k6 b* r
         xDir = "right";$ ]( e4 E3 s3 G7 Y% P; O) t+ @
         }* v( W# v. K  p; H+ F+ O
      }
. y  J8 I. J# }7 ]9 @7 K8 Y   if (yDir == "down") {5 v  E+ G0 Q8 f, Z9 {
      if (yPos > (yMax - contentHeight - BallSpeed)) {# f( `) y: L' [
         yDir = "up";
* @" B$ m+ D# o% y         }
5 s( S8 y! K4 p% \: b      }& \) \% b$ v- F) \$ X
   else if (yDir == "up") {" l2 I9 C2 ^7 m' \* M8 G- E# D6 ^6 f+ p
      if (yPos < (0 + BallSpeed)) {2 }! ]- w6 {0 d' D- k
         yDir = "down";) z8 v% w2 N+ L3 c
         }
1 @9 F, m( Q2 g/ k, E      }) P+ Q; r+ V7 H3 @0 x
   if (xDir == "right") {% O% l% c# u/ u% `2 O; y1 P
      xPos = xPos + BallSpeed;
0 K' {  y4 b4 T* R* y) b, T$ w2 |      }  ^! P' C% N7 M1 S$ p4 s
   else if (xDir == "left") {
: x6 @2 N; T! [* [! e      xPos = xPos - BallSpeed;* [3 o1 P. F5 }: ~, W
      }, W# Q. S/ {* ?6 Q0 b
   else {; ^* e+ T+ f2 F  O7 N
      xPos = xPos;
4 ]3 i; F8 U& N      }
3 Q2 k1 ]6 {  D# o$ O( ~- O$ F" _, E   if (yDir == "down") {9 k1 j  c; {1 D# L, K
      yPos = yPos + BallSpeed;- I- H, e* W! H8 C' j
      }
. t& b7 [  Q3 {- E1 P8 _   else if (yDir == "up") {1 F+ [9 A' M+ s" L) X
      yPos = yPos - BallSpeed;
& c6 L) @6 n( {& \      }
( g9 N) S1 C9 a; ^   else {  l. T1 B* ^: K; L' U, [
      yPos = yPos;( ^, c' T0 z4 Q( o
      }% t! Z; U; V; ^3 @9 a5 r
   }; o0 c1 Z8 u; I* [+ f
: f4 \" p6 N, h+ ^  k% C
function hidetext(){
) }: s/ e2 r5 x0 vif (document.all)) v% C+ p8 }% j! T* h. U* k
supertext.style.visibility="hidden". r3 Z9 Q! R$ _1 C7 `. F" {" I5 P
else if (document.layers)$ l7 R$ D* z6 B
document.supertext.visibility="hide") `. O7 G1 W7 V$ r( C
clearTimeout(animatetext)6 r5 u9 b5 l# o! z: ~
}
0 m! b& _1 T1 o9 K" K, ~9 \4 f( U! H
if (document.all||document.layers){
3 |: _! d; c0 F0 i* odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')* X3 L3 s- F/ l% i' a6 Y/ ]3 b( a" u
window.onload = initializeBall;
( Z: r1 i6 y# a, \7 e/ Gwindow.onresize = new Function("window.location.reload()");
/ A1 b; s' E5 u3 q}& \: T; E# ]# B/ Y2 u- }

0 ~8 f8 L0 o" f</script>