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

zw2004

<style type="text/css">6 x: B" ^2 W0 `! H' U; m
#supertext {( H) q* B9 v+ m  f: @( o" q" u
position:absolute;
$ ]: B+ }% d5 c* ~1 `left:0;
4 y5 T$ W4 r, e5 P8 X0 E- P3 N3 atop:0;) `: ^9 Z, j6 w
visibility:hide;
. V2 ?. V/ g9 b% H3 m9 |visibility:hidden;/ Y1 H0 m) [$ r5 v
}
! v- B7 G0 Y, [) b. V0 g. u</style>
4 a% c# Q8 ?7 J7 y: r. Y<script language="JavaScript1.2">: P( i: b1 x2 W+ r3 Y) `( k6 |: T
<!-- 改变下的字体的大小。颜色-->
$ X1 t4 x1 a$ _8 ?var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; b' U: L1 |, _, c* i
var hidetimer='';
2 O4 `, q, _$ s9 c2 S. w6 i<!-- 改变下的弹跳速度-->) G. a& M6 q# Q, U( v
var BallSpeed = 20;: X* W& R( j& A6 L+ i" P
var contentWidth;
1 J' a3 }  z) l' U, t( evar contentHeight;8 M/ ^6 l0 L. X
var maxBallSpeed = 50;
- L6 a* |9 b1 J5 [; l5 S" U0 ]3 l/ |7 u2 {
  q0 `; p2 N/ B2 l/ O! a* E* J/ s
var xMax;, A( l' U0 c) M
var yMax;
7 o4 s; O2 s' t7 Fvar xPos = 0;
1 p, x* s6 P  L5 u# r; g6 ]+ h+ c% ovar yPos = 0;
; ]; [$ M; W3 o( a; `& _var xDir = 'right';6 v- A8 g9 T! x3 D6 E5 m
var yDir = 'down';
; m2 M3 b) M" ^9 U& J7 `var superballRunning = true;4 B3 x. b! ~3 j7 D- N( f; J- N
var tempBallSpeed;9 s" i0 W4 O/ B. I3 [
var currentBallSrc;7 b. G2 z( {1 F  ^( e7 T
var newXDir;
! V( [4 c! }2 \$ p2 t) Zvar newYDir;: ]7 s2 ~0 r" K; g  H! J
, t* K3 `: H/ D2 E& H2 h/ D4 V
function initializeBall() {) m5 O' [. I& V8 B
   if (document.all) {  [# }7 b8 I( d3 Q
      xMax = document.body.clientWidth
4 r3 y! U' v& q      yMax = document.body.clientHeight
1 W7 A& N' g/ t  }2 g* k  D      document.all("supertext").style.visibility = "visible";( P/ [+ J' m+ F& E7 T; d: K6 v
      contentWidth=supertext.offsetWidth
$ y8 d+ C9 e5 r& r9 a- l- g4 E/ @6 r      contentHeight=supertext.offsetHeight
+ L: h9 g% Y( o( F/ n& H0 P      }
: [5 q  S1 K; P2 y' s   else if (document.layers) {
6 @; M/ o: M2 x2 L$ O6 ~6 }: l9 Q      xMax = window.innerWidth;2 q* @$ L2 `1 [5 v4 i' x& f
      yMax = window.innerHeight;
) _# I: K; P) K. f      contentWidth=document.supertext.document.width6 J3 F5 b, B6 F  }; d
      contentHeight=document.supertext.document.height3 r7 R- j! S! @- Z2 M/ a
      document.layers["supertext"].visibility = "show";
4 k% D+ b7 H  `/ I8 H+ O- @      }* L  |6 j; h5 J' X. g, h2 L; @) z
   setTimeout('moveBall()',400);, T9 d7 x- H4 I% |8 L
   if (hidetimer!='')
5 T; q3 M8 D% f$ h   setTimeout("hidetext()",hidetimer)% e4 N0 z" B6 U& M: S, k+ K
   }
& a$ L1 G. ?5 O: M
2 }( ?; Y' s5 ^8 C. t$ xfunction moveBall() {3 I( f) i- k; l2 R
   if (superballRunning == true) {
+ x0 c+ P1 d8 \5 w) s      calculatePosition();+ @" ^2 p& Z3 I$ F$ m
      if (document.all) {
4 o0 A; }% g2 G7 d( a4 Q- H         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 Y. j7 Q( m3 U0 `+ ^         document.all("supertext").style.top = yPos + document.body.scrollTop;8 d4 ^8 t, K( i& R( m9 N: U- j
         }
0 B: f. F; }' N5 J! X% f9 q) g      else if (document.layers) {
6 S) @2 [9 C6 m) d/ N         document.layers["supertext"].left = xPos + pageXOffset;
' W1 r, Y$ t. j! e, T         document.layers["supertext"].top = yPos + pageYOffset;
* o  i9 g4 Y3 x$ J$ _' L0 v- m; B: e" N2 G2 Y         }
7 Z6 `* I) a1 U/ u& a/ n      animatetext=setTimeout('moveBall()',20);
. u5 x+ i4 n4 C/ @1 n; u% U. Z      }; L1 K8 D% U& z; J7 g. g0 @
   }
/ C6 Y: p7 N) h4 j$ x4 g7 R% z: w5 b" O0 ?- ?; C" Z  l" n; U9 f
function calculatePosition() {
2 C0 R: @/ ^* c0 B# ~' D   if (xDir == "right") {
, C, S1 ~6 x& s2 J      if (xPos > (xMax - contentWidth - BallSpeed)) {  N3 ~' h  u' U! Q1 P2 p
         xDir = "left";
) s  r! i3 @3 W- h' E         }7 @/ G" |: x' U0 t- q
      }
. u; V/ Q+ [: B; H% p/ S' E: h   else if (xDir == "left") {
% f% A3 D5 j. x; d+ c      if (xPos < (0 + BallSpeed)) {+ p5 [) V, e% _* F) i* M/ b( a% R) Z
         xDir = "right";
3 d$ X; u: x, j# O         }- T: b. z& ]8 f9 J3 }
      }/ v0 y+ D8 D! e; {1 \; m; o- x. X2 {
   if (yDir == "down") {
( O( V+ Y; b3 B# A      if (yPos > (yMax - contentHeight - BallSpeed)) {
! O8 p; ?0 |+ Q, U. n9 Q         yDir = "up";
' X7 G9 ~) n. S. e) y" c, i5 A         }
: I9 ~  E/ e7 @4 p. K8 W! n0 s5 S8 `* a      }
" d" _9 ?. [7 q5 Q3 T3 f- U   else if (yDir == "up") {$ F+ [* f4 m7 N3 J/ o8 D2 ^* P
      if (yPos < (0 + BallSpeed)) {
# ^9 \1 S% O# t1 [         yDir = "down";/ [/ I: R; \; h, G1 k0 V; V; X
         }+ x9 `+ G! h3 g  y
      }4 H2 F# W& t: ^4 i+ L
   if (xDir == "right") {& u- b5 L* C& R
      xPos = xPos + BallSpeed;
: V9 o# N2 q* O) `8 @$ U      }! |6 @1 Q! @8 [4 a0 K8 o" e
   else if (xDir == "left") {
# o: E" S' r, O# r) D1 k      xPos = xPos - BallSpeed;) W/ t% G, l/ c# B% ?. f
      }
( C) {9 J/ a. v' i( o( A  L/ L   else {
1 E, D4 f' f6 L; W. K" }      xPos = xPos;$ n7 C- k2 I+ b) m5 P! d8 I
      }
9 D5 z! E) |+ |   if (yDir == "down") {& b4 C  {" ?0 j. W8 T! w
      yPos = yPos + BallSpeed;  T! U. I) J% t7 t0 }0 B
      }- U8 i: T: O0 E! P$ x) \
   else if (yDir == "up") {
. Y+ o0 L+ ^- D      yPos = yPos - BallSpeed;
6 U: `5 M! ?) P3 I      }
/ l, G; L- a( x7 h, U   else {* o# t6 S$ ^, `6 @
      yPos = yPos;4 `) s8 Q1 J3 D/ M' v
      }
0 Q* G6 d- ^$ C6 x/ Q, @0 |   }
( n% i, _8 X: h% e* l2 W5 A0 w+ }& q3 D, f3 O% \$ C
function hidetext(){' O' H+ l  B1 z7 ~' C1 R$ w
if (document.all)) A+ X; ?4 }) k% M# }" m3 w( m% Z; O
supertext.style.visibility="hidden"
7 [! p) e9 z2 z; u1 ~3 C' Z7 Nelse if (document.layers)/ @: C" S! a" E1 \3 D# ]
document.supertext.visibility="hide"& r$ m2 I- h* B# f, l1 \
clearTimeout(animatetext)
4 C* R1 O0 L+ m: b}! @0 P- l1 q# p% a7 y

1 b0 G9 I3 U; Z& y2 Mif (document.all||document.layers){
) c% c# `  r) u% {document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" Z, }- z# K( ^; `" Hwindow.onload = initializeBall;) e8 |( Q! u0 Q1 ]2 O4 l# _7 J  K, C
window.onresize = new Function("window.location.reload()");
7 m' ]# k, Z/ v2 f# v}8 n$ F% d# n! C2 z0 F

3 s9 Y, ^$ K6 B! B, v; N" q3 o6 \* |</script>