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

zw2004

<style type="text/css">7 ^( H9 w" W! e# r0 w3 o
#supertext {) G. l5 X( i$ a- ]
position:absolute;- t- O1 A* Z8 }; K$ g
left:0;( j. T8 r1 E/ U2 K3 y* c) S
top:0;9 ~, |2 n8 |7 X$ B
visibility:hide;
0 R. y: t* V+ q0 r' r# cvisibility:hidden;
3 V2 \, @4 \7 H' v1 T}. ~1 u8 |( p1 \7 E( J
</style>% X, Z" Y4 G, a8 a6 @
<script language="JavaScript1.2">. S0 X- u2 p: m7 o/ U
<!-- 改变下的字体的大小。颜色-->
% a; \0 S  h, cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& Z. u, O/ ^$ t2 J+ Pvar hidetimer='';; @& a2 ]" f+ A" W& `
<!-- 改变下的弹跳速度-->
. q: v# S! ]- H* gvar BallSpeed = 20;
' E! {* V# x% t& o) U( E) h) Xvar contentWidth;$ m' V, h9 r- F, C1 A
var contentHeight;
5 C8 O2 \& M, Jvar maxBallSpeed = 50;# m* c5 q: @9 O; h
6 D, D4 A3 S3 V9 T

  k; x1 S# R, G, O  Yvar xMax;
; b5 v7 ~3 q0 n$ G4 ~* J" ^* H5 v1 ~var yMax;
" c( h5 @- X* gvar xPos = 0;! J% |8 B5 ~. P! @7 H' j5 k
var yPos = 0;( C1 o4 {9 s3 r) ]4 n/ P/ m" A7 N
var xDir = 'right';
* v! C5 c4 j; G6 \( a5 |var yDir = 'down';
7 p4 ]2 X8 U& x0 _var superballRunning = true;: o+ A, M2 i, u' @2 O% i0 k$ H% ]5 ?
var tempBallSpeed;" c4 f& M" y" L
var currentBallSrc;) T/ ?' y) [6 D
var newXDir;
( l: Y% k* u+ X* i/ Y" ?, ~9 Svar newYDir;/ c& j2 \5 i- m

& f0 o: u- o) Q6 N! ~3 a! Ffunction initializeBall() {
$ n. o: \. W2 {  U3 |   if (document.all) {
- w8 S# u3 X% }% l9 t$ K8 K; E) F      xMax = document.body.clientWidth3 l+ ^; S4 m/ |
      yMax = document.body.clientHeight  ]2 L& n! _3 s3 H, H( Q
      document.all("supertext").style.visibility = "visible";; U0 t$ o: a% x5 l/ k  v4 V" \
      contentWidth=supertext.offsetWidth+ r! D# p, c1 m) Q2 X
      contentHeight=supertext.offsetHeight( s3 j% D3 m3 S. [# R7 n
      }
  Y2 J& S: {' I; j. I   else if (document.layers) {
' t9 Q) S* I& [% y7 `- e      xMax = window.innerWidth;/ P8 v1 |7 _* _' o* o# L& O9 ~# G
      yMax = window.innerHeight;' x5 H/ X2 p2 N& w& t; @! J
      contentWidth=document.supertext.document.width6 d6 z( S; X; o0 u, o8 ~+ ^
      contentHeight=document.supertext.document.height
, c# t0 Y0 p! @1 o% L, I      document.layers["supertext"].visibility = "show";) ?  o2 U- H6 ~/ u% E' N
      }+ U% ^2 ]- z5 z- D$ ]! M# Z5 r
   setTimeout('moveBall()',400);4 L. b7 Q  S6 `$ e' L
   if (hidetimer!=''). {( E9 x; ]7 X7 ~/ V0 N3 |
   setTimeout("hidetext()",hidetimer)& i4 U$ f. J* w) H7 J" B! L" j8 k
   }
. s3 N& p; L+ v/ K# d/ [/ L6 x" j$ z2 }4 U+ q2 S  `# j6 W/ D
function moveBall() {
: C4 _$ E0 U0 D+ p6 t! C% ^   if (superballRunning == true) {
5 l3 _+ X8 L" y      calculatePosition();/ v( x1 R: u, k9 ~: n
      if (document.all) {
) p: \, S3 A4 B         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 M6 J) l5 t, i) l# L/ f( d4 ^         document.all("supertext").style.top = yPos + document.body.scrollTop;
6 {. r( ?8 [' Q# j, J+ B3 J         }
1 c! @. f/ J, W# }: u! r. H! }      else if (document.layers) {
$ k8 O$ I  X6 D* k  n, p$ \         document.layers["supertext"].left = xPos + pageXOffset;+ A2 b. D; ^' w, h( c) }2 C
         document.layers["supertext"].top = yPos + pageYOffset;$ a0 M- e5 x: T/ T2 t# g" M
         }
. c3 u7 ~! a7 R2 n( @! p5 A! a8 p      animatetext=setTimeout('moveBall()',20);8 v) z5 g4 ]; M- k1 O8 f
      }; v- i. W& m( m1 b
   }* Z: b; a6 O& {5 \- B% n" o% J. U( i
! n3 ]/ U! Z& U" B3 b& m" v! v* Q
function calculatePosition() {
  ^+ n2 D" U0 a& X0 x   if (xDir == "right") {0 e, ?, ^7 h: y! y
      if (xPos > (xMax - contentWidth - BallSpeed)) {
8 X1 b7 b. R  B2 D; c4 U; F         xDir = "left";
+ X; u. Q8 w; a6 Z2 H         }6 b* m3 q* m! ?8 f3 @4 N% c
      }+ s% o6 E; \$ V7 h5 j0 _- P
   else if (xDir == "left") {
8 f0 ~2 Q6 H+ Q' n0 F$ E3 e0 t' x      if (xPos < (0 + BallSpeed)) {& L4 E* p# a+ `
         xDir = "right";* g# D# |5 F6 Z6 J; E4 r. D4 ~
         }: G. q+ ^! c, X" I9 `. E
      }3 E+ W* B+ r2 k7 w
   if (yDir == "down") {
- w0 H# D! i+ B! D! A0 Y- i4 u      if (yPos > (yMax - contentHeight - BallSpeed)) {
4 a9 u4 a. E$ E+ j         yDir = "up";4 E9 c" O+ {  U" W
         }
5 T# `) ]9 C4 U# d      }' f+ T3 T" s" V( E; r2 L/ N
   else if (yDir == "up") {( {5 e4 i# r& Z' B7 k
      if (yPos < (0 + BallSpeed)) {
+ B/ j; {( l3 p) o         yDir = "down";/ t& `! J3 m" t5 u; [# P1 j' ]
         }! K) Z5 \5 g) ]) q
      }
* \+ o7 F) i4 i+ ?   if (xDir == "right") {( J9 A+ y6 }1 m# A" S! q% d# l
      xPos = xPos + BallSpeed;
0 R! n% Z& u$ q/ m, _      }3 t; w3 |% t" A: }) K9 }
   else if (xDir == "left") {! l  W0 W. U" H; i* [
      xPos = xPos - BallSpeed;: {; ^/ c% E( \# h
      }$ B+ p8 j* ^' ~
   else {
/ f- a' R3 `. |( @. b; k      xPos = xPos;
3 B5 G9 }  S7 l  a      }
* f6 g* f8 j  A* w+ h   if (yDir == "down") {
7 |+ v, X! H* X" s      yPos = yPos + BallSpeed;
. {* l5 k) G5 v9 D% S: g' ~      }* _) K) A5 U- {. a- A) [7 G1 `
   else if (yDir == "up") {9 m/ T5 P) ]! L
      yPos = yPos - BallSpeed;' ^, }, j/ r3 S& I. k- s
      }! n* v/ T2 z# D' N) u$ p0 _
   else {: H+ ^! s; u- C! Q! D2 n: }  m- @
      yPos = yPos;; ]. d8 b! q6 x! Q
      }8 K; s* I, |, r2 |: B1 k0 L8 j
   }
- ~) b) I  V. l( v# U4 l
$ H0 V& i% u. m9 Q* g7 O& {; qfunction hidetext(){. O- i" e# G# q* m6 m
if (document.all)0 d+ x  g. u+ G0 x' c% m0 d  e7 r
supertext.style.visibility="hidden"
5 u" t- [0 f' {$ ?4 xelse if (document.layers), Y- o0 ]" P7 G+ T, R
document.supertext.visibility="hide"/ E- \  W4 ~0 W- Q
clearTimeout(animatetext)7 Z5 c' [) e" {+ |; j& R! N
}& E# Z7 h, v: M6 e# h. ^6 o( M, G/ L

8 l, c! x7 S; U, eif (document.all||document.layers){% V+ v5 P) F2 z6 q% m7 b4 q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). k- v0 C6 _9 t8 F: w* x/ P6 L' k" }
window.onload = initializeBall;  m( @# z, v7 C8 }+ Y7 \  o
window.onresize = new Function("window.location.reload()");2 k  i" @# r1 U  G3 |  t! j
}& j& i& s6 K4 F4 Y

6 z% T% w  d( ?3 u' W3 ~' i</script>