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

zw2004

<style type="text/css">
2 }3 N( {( d: K1 h8 J* ?) J#supertext {
1 i& u* U' u6 Eposition:absolute;
  `. V- G* ~2 u% C. ~7 P4 u. fleft:0;' _$ ]; x) a! i' k8 s
top:0;
9 _2 U0 {' [4 S6 kvisibility:hide;3 Z0 b* f: N' q5 a. g3 c8 Z" p2 W) `
visibility:hidden;
7 t* M+ D, \' e3 s}. k5 V. ]0 r6 w& j, u! b& m
</style>
7 c% j: q' j! ~, F<script language="JavaScript1.2">
6 @+ F2 A/ J/ N4 O<!-- 改变下的字体的大小。颜色-->  h' W  g7 Q" y  w
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 u  A1 r# O, l+ g3 l9 g% S3 V
var hidetimer='';4 ^1 @5 G$ P% h8 a% |/ A
<!-- 改变下的弹跳速度-->( f2 y' T) y3 S" d* w# v
var BallSpeed = 20;) F/ j* I6 e" {7 H% A$ O
var contentWidth;
! D* z; y) f3 @1 p3 F+ ^1 O7 Z* {$ Tvar contentHeight;
6 U3 u0 b7 R! r  E! o; _/ ovar maxBallSpeed = 50;
) @9 U6 N5 E5 c
- N8 u' z. C; Q5 K. f3 D
8 ^; g0 ~* Q% T8 }7 Hvar xMax;
8 |! Y$ H* q4 I9 A2 X0 n1 L$ B- W2 ~var yMax;
  {' `2 |4 R0 g3 _var xPos = 0;
6 n' o, q9 h7 q. T0 c. D4 d% Lvar yPos = 0;) _$ i2 k! t# p$ b  J9 C  Q8 p
var xDir = 'right';. }. q6 x1 D$ I$ e9 {1 O7 o9 z& t
var yDir = 'down';
' F, X& L4 G) Z8 wvar superballRunning = true;1 A- j8 f& V8 x" N
var tempBallSpeed;
+ z3 f, e- p9 @  Ovar currentBallSrc;8 [8 n9 |: F% N* v: A
var newXDir;; c, i. x* K* g+ {# ]
var newYDir;
) }- |6 B- [! t$ M5 E  q0 ?
) Q, q9 ]3 h) Gfunction initializeBall() {
0 x4 M2 m8 w: U. ?% j: d   if (document.all) {
8 O- i7 E% p/ q' o5 e      xMax = document.body.clientWidth
8 s7 z/ X  T; Q: a+ d5 A" w5 O      yMax = document.body.clientHeight
' U& J# O5 z% N- w& ]! M: O% ?      document.all("supertext").style.visibility = "visible";
  F# D. d4 ]# u/ g! Q; f      contentWidth=supertext.offsetWidth
& g0 X" p5 ]/ ~) h5 e8 q5 R      contentHeight=supertext.offsetHeight' ~2 c! E& a" E+ A6 [& f5 K9 `  c2 m) p
      }- Q% r; M- g6 T/ Z( A+ `' V
   else if (document.layers) {
- }& `0 n) C% I9 J      xMax = window.innerWidth;
/ U, }( d' `. g+ a6 U/ k      yMax = window.innerHeight;/ T9 W  @! }' J8 A
      contentWidth=document.supertext.document.width8 ~* A' Z" S0 r) _! R
      contentHeight=document.supertext.document.height: e+ }8 ?  o2 w% O: [
      document.layers["supertext"].visibility = "show";
5 Z+ J& L0 p' n4 }9 _! D) ?      }3 z7 k! i. P$ V, F* O1 b/ Z( l
   setTimeout('moveBall()',400);
7 F* k" r* H; E# ?7 {   if (hidetimer!='')
# B4 D7 C4 _! |  a7 n   setTimeout("hidetext()",hidetimer): j  l3 y, a/ m% @& F& X
   }" W6 M4 n' M! G9 C: z0 x2 z
- S/ B. G% {) y/ w: D
function moveBall() {, \1 _$ h$ Q8 _( q
   if (superballRunning == true) {
" f+ O6 i+ w% M2 D" k6 |2 b: G      calculatePosition();
4 d) t7 M3 S5 ?( A" Q; C& i      if (document.all) {7 |2 m4 |) f* W! W8 E. ~
         document.all("supertext").style.left = xPos + document.body.scrollLeft;. w! y4 F. y' c$ p; k
         document.all("supertext").style.top = yPos + document.body.scrollTop;0 V7 N0 l; b; p" G# @2 Z. \
         }  Q% X" ?- z: i6 F5 D
      else if (document.layers) {
5 j/ F4 `8 }4 P  o* Y) J" w         document.layers["supertext"].left = xPos + pageXOffset;0 s4 _2 l" p  A
         document.layers["supertext"].top = yPos + pageYOffset;
( _* \" a+ [# ?. z' n0 j* f         }/ z  `9 s" l* K; y# l" F3 M
      animatetext=setTimeout('moveBall()',20);" p$ x4 B4 G/ i! ]; @5 y: H- i: Y6 t
      }
# h  Q5 m- _, R6 c   }% \7 c. o* f$ M/ i! M
; u7 T9 n* t' v3 x# Z! t1 s1 F
function calculatePosition() {
& N, E/ `' S! X9 I- G   if (xDir == "right") {, r' v; P6 [5 b2 N+ M/ M
      if (xPos > (xMax - contentWidth - BallSpeed)) {3 [. Z& P4 v* c4 y, P- P2 i6 F, R
         xDir = "left";# |0 o  b9 }) }$ E5 |
         }
* i- N/ p! {  S5 i      }
! c* X1 U* I6 n$ G   else if (xDir == "left") {+ s2 i  F9 e1 E; R$ ]& f. Y0 R3 r3 }
      if (xPos < (0 + BallSpeed)) {
* I& c3 [/ [* ]* p7 _         xDir = "right";) K1 o$ E( \3 b2 u. q
         }8 |, }5 \' w3 O5 s$ z. T* p) H* S& T
      }' C( x: c7 J' b2 Z1 w8 d) Y+ D0 h
   if (yDir == "down") {/ |6 O. r# C* `3 R( ~& `
      if (yPos > (yMax - contentHeight - BallSpeed)) {2 u, E4 \" v2 a# O* w6 g
         yDir = "up";; Q" G0 |9 j  b+ l8 }5 J( c: Y0 B7 n0 L
         }
$ B+ g  t/ a$ O8 c0 N1 r( v' g2 z! N      }
4 |1 u1 J/ n8 c4 Q- T   else if (yDir == "up") {& F5 b( D: o* }& V
      if (yPos < (0 + BallSpeed)) {
% `: F3 i3 Y4 J( u" [3 m: c7 y         yDir = "down";) Q7 p8 U: v0 m. y7 V
         }
' s; k7 X  p; s      }
2 ~. I" g% m+ i; x' H   if (xDir == "right") {/ B1 J/ V8 h' y
      xPos = xPos + BallSpeed;* A8 {$ [2 K" x: _+ W! P' u
      }( G5 s% I) w2 l+ R+ Q
   else if (xDir == "left") {
$ C' `' D4 |! z( a$ G" O4 w5 F      xPos = xPos - BallSpeed;
& k0 f- C# D% m; c7 C1 R( Y0 O1 ?      }4 L( i+ d% D  W. E8 Q
   else {
) Y/ |% L9 q9 G! }- g7 q      xPos = xPos;- `$ J' G, V+ M1 y4 A
      }5 x) R9 G$ f# U6 ^: U$ U
   if (yDir == "down") {# X0 U/ j& D6 f7 ]2 }, S0 M$ y
      yPos = yPos + BallSpeed;6 O% N9 u1 m/ l1 u4 v
      }5 @2 {# F" G+ ?7 O
   else if (yDir == "up") {
2 D- w+ V, F+ H* e      yPos = yPos - BallSpeed;
  I8 s4 q+ c' Z4 \6 B' G- l      }
+ |+ @8 b( r; c   else {6 J0 x: `1 P/ u) p, k( T: n. N
      yPos = yPos;, i# x/ O1 P5 s! G  h0 B! X$ L4 Q
      }& Y& k. J6 c' F$ y/ @8 `7 a
   }+ Q% {" T/ L( y8 C- z  P  \; q
5 x9 l0 l( s5 u
function hidetext(){
; h/ H3 C& d" l) a% mif (document.all)" Z% w, G7 I: o! @
supertext.style.visibility="hidden"- I, i0 A5 ?5 E) ~
else if (document.layers)
8 V, A8 Y, q& z6 [' ]1 b7 k; ndocument.supertext.visibility="hide"
! e3 `; h5 o5 a6 {. a6 bclearTimeout(animatetext)
/ T; w4 S) p  `- I# Q6 M}
! o" ^% |& G2 A' N8 H5 _$ G( t+ l+ e! g1 e8 T
if (document.all||document.layers){6 H' {( q+ h) h# K2 [
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ D: T( C! ?, O8 T
window.onload = initializeBall;
9 V$ R% v$ _( i9 y! y( r: Lwindow.onresize = new Function("window.location.reload()");
+ ]& N/ n1 o& Q, y, H$ C* p}( X2 G" H" ^0 V. F' l7 I

: p) T+ ?4 G% Q3 [- @  ], q2 h' \+ ]</script>