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

zw2004

<style type="text/css">
: C: O9 j  o/ u5 r# N- N6 G. E#supertext {' v8 G) l  Z4 M) @/ f
position:absolute;( T" V- g; m) i  p7 w* }
left:0;
: D) F5 F# w; j( ?* c6 w% Z$ etop:0;
3 h! [0 {  ?0 W4 V- lvisibility:hide;
  U6 F( r( T; A) n9 {; G4 F( hvisibility:hidden;9 j5 r+ S3 b# o% z: B/ x
}
# `( l0 v" w9 e) R</style>
5 n( j' a: L) R: K6 e& `- [2 g" ^<script language="JavaScript1.2">( O" f9 u( A2 }2 B  I6 ]( t) }
<!-- 改变下的字体的大小。颜色-->
- o3 v  A+ Q1 ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& X1 ^' K$ W, X3 K% ?
var hidetimer='';
1 P2 \7 J8 S  c% W- s4 y<!-- 改变下的弹跳速度-->$ W( A! i* Z+ ~0 e: k
var BallSpeed = 20;  D/ P0 E' j' P% ^0 O( _% j( \
var contentWidth;* n5 O3 H& _5 N5 k5 I( I% h" _. T
var contentHeight;0 v: I5 F- T$ F& G0 \. a) C! h5 V
var maxBallSpeed = 50;
3 q! Y9 A; R# b3 `6 T9 ~1 c- X7 v( |
0 |0 g- m1 v7 `1 k" A. J
var xMax;4 e, Z' b4 }' t2 w  z9 C
var yMax;
5 k$ Z+ m; d; Y$ R0 T( c1 Rvar xPos = 0;& q* O6 T! t, o) h6 T
var yPos = 0;5 z, X1 {3 d$ g7 ~
var xDir = 'right';% x- ^8 T- D# |( E
var yDir = 'down';6 z$ O2 a+ W0 Y. O  C# D" f
var superballRunning = true;) V; s4 T* M; o$ e7 b4 M1 V
var tempBallSpeed;
7 l3 C) q3 s! N+ Evar currentBallSrc;
  c7 y; z7 G' fvar newXDir;
8 y6 ]( h' F1 f) [5 L+ fvar newYDir;
8 m5 H# j- K( m6 R! ^" I, F0 w7 p* \, O! C
function initializeBall() {9 J7 Q* g2 J  W4 T1 k
   if (document.all) {
5 g0 a) _9 v) @" {+ Y9 v! O      xMax = document.body.clientWidth
$ V" m- V& g3 V9 o      yMax = document.body.clientHeight
4 L: r8 ]! }* |; c( [. D0 A& h" |      document.all("supertext").style.visibility = "visible";8 b( F) P7 o' ]4 z; U+ G
      contentWidth=supertext.offsetWidth, O. Q* E9 P! m; e" {
      contentHeight=supertext.offsetHeight  [8 ]+ Q+ `2 H. g) T
      }2 `0 T, B' r* I( A' c5 @
   else if (document.layers) {
6 a8 q( d2 g& z( T) C7 ~      xMax = window.innerWidth;9 e/ ]( ^9 V9 T  @" e9 \" M
      yMax = window.innerHeight;
6 {$ Q3 o  E! `& ^      contentWidth=document.supertext.document.width0 p: o# B0 u8 g5 d, l5 ]1 z
      contentHeight=document.supertext.document.height
$ N- _8 Y2 t$ v4 G      document.layers["supertext"].visibility = "show";. {. r+ H+ l) X# A
      }+ n. ]' Q: o( I; ^  w- U4 b
   setTimeout('moveBall()',400);
/ r$ U) d' L' ^- H  w& I   if (hidetimer!='')
" R  t/ o, b: N: T* f   setTimeout("hidetext()",hidetimer), O; `. U) s/ l
   }( G  p7 n0 Z% f2 C7 y( s
- J  f* \3 H0 |  }, v4 h% p
function moveBall() {
0 y: Q6 s- S5 H7 r# d   if (superballRunning == true) {
. Y6 S- ]* B# o5 Q: \" H      calculatePosition();
9 T# b& Y* o9 k+ r& d- \! o      if (document.all) {
8 f: h# m2 p) t# m+ S, G& V/ m( Y$ ?         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ H% v! ^+ z' a/ I( E: o
         document.all("supertext").style.top = yPos + document.body.scrollTop;# f$ |- d, i! N2 W
         }
6 h" D8 E0 Q% y: I  Z2 v0 Q7 {      else if (document.layers) {
% O4 A* }, m3 M6 x7 P         document.layers["supertext"].left = xPos + pageXOffset;2 _# w, j# F& o
         document.layers["supertext"].top = yPos + pageYOffset;
5 N$ K3 Y/ M" F* Y0 j5 @         }1 o6 X" x/ W# K6 r' w( m7 ~& P
      animatetext=setTimeout('moveBall()',20);  W, }0 I+ J5 e4 ]) j- r
      }: d  q( U: a4 K
   }
7 b$ I7 `% z. ?" J" E
% M- }. x+ s" `- lfunction calculatePosition() {$ E* X/ h& _9 b% I+ z0 U/ ^; S
   if (xDir == "right") {! Y" d( q2 x' d  x
      if (xPos > (xMax - contentWidth - BallSpeed)) {* J7 c8 g$ g* L6 Z+ G9 Q& t6 X* L, h
         xDir = "left";
$ A# g" O3 W; i6 {& F         }) t% {2 n) j, e- k% y! `
      }
. E6 z7 B+ a1 R% ~) K   else if (xDir == "left") {
7 u' ], k/ y  ?# C" x      if (xPos < (0 + BallSpeed)) {% S4 H8 i3 u/ c' k) x, @
         xDir = "right";* F" G8 F) h$ }$ K& E/ e
         }
# s' r% {% J0 _% q4 {0 o      }& c5 \3 u( t! A! `) T
   if (yDir == "down") {
8 p; [" b4 g: {      if (yPos > (yMax - contentHeight - BallSpeed)) {
2 C, j( n/ o: `* H         yDir = "up";( O! U: e& Q; Y
         }
+ o. L% L: S1 P. V      }9 {9 v5 \* s) |8 g$ m
   else if (yDir == "up") {
, k# X. A+ s% T      if (yPos < (0 + BallSpeed)) {
; @! v  ^' m$ g         yDir = "down";
+ l  G6 F+ {! l) k+ i! V2 g         }
9 ]( |, l: q2 r: m7 e5 b; m: f& ^! s      }& B3 m) j/ g6 @5 Y. n/ G
   if (xDir == "right") {& W; \3 q- u3 @: S: s! g& \4 j
      xPos = xPos + BallSpeed;
& D. |$ g' V- k0 C  K4 r3 ~      }! h, b" U- a  c) N3 v3 x, z$ B5 x
   else if (xDir == "left") {" @' S4 Y1 `9 P
      xPos = xPos - BallSpeed;) \+ k) x2 U3 S8 j& ~- y
      }
2 H  u! E4 g" y/ H1 R   else {
  d. p5 @* Z! ~$ Z      xPos = xPos;
8 A0 z/ l$ G: ]7 L      }6 b& Y8 U6 f5 y$ A( Y8 T
   if (yDir == "down") {
: n4 K  H" |" w3 p5 c- k7 H      yPos = yPos + BallSpeed;
9 _9 A/ d7 o/ z4 q      }
& {; F+ s* J% c; h   else if (yDir == "up") {
$ B  X! _, S9 u7 |( w! M$ ~6 E# O      yPos = yPos - BallSpeed;7 X2 t* |9 C4 g: J; J
      }
- v4 @2 ~- m) ?. k* c; @. i: [  K   else {
' Z! B5 Q' {; g+ Q. a% d      yPos = yPos;7 z1 I. D8 o; d& F5 q7 L: _) L# }
      }
0 x) m) {9 z% v; ^' q+ p5 H1 R2 ^+ m   }8 S2 K6 N% Q0 p9 J9 b- b2 B" J
# K) l7 L+ a0 |- L$ f" ~8 |
function hidetext(){" t* {4 S/ M: V6 V9 a" N0 I
if (document.all)
7 [* F- q3 K4 K9 |0 A' msupertext.style.visibility="hidden"; y6 K) x* B7 R# i0 ^% e4 l
else if (document.layers)$ r- j2 j4 Y' _/ S
document.supertext.visibility="hide"
$ a& ~" _1 Q9 I' @$ H. b5 z+ F" B& rclearTimeout(animatetext). K/ P; K: O  N# Y, K2 a# ^* q5 Y
}5 }4 C' `# C# W: L$ n% @- \$ \/ S; q! c" t
  B. R, b4 V& s0 ?) R$ \
if (document.all||document.layers){
% i$ ]: }+ C, Q8 B9 Sdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* @$ d: x) x, O& ~( Owindow.onload = initializeBall;
2 E/ K7 n. A/ z; b3 n' pwindow.onresize = new Function("window.location.reload()");* K" f1 N, n6 c# t
}
$ b2 m( S' w! b- _( U
2 \  {  d$ p; l$ N% S2 z</script>