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

zw2004

<style type="text/css">1 y3 s3 M( J7 Y+ K3 X+ ]- v
#supertext {! W0 Q6 L5 k$ i' ?" O
position:absolute;- m+ [2 V; G; }
left:0;
5 z# }$ Y/ w! p) H+ ]$ x% j& X  f6 _top:0;
" o5 l) v/ A" gvisibility:hide;
: ~9 Q% ^! r* V1 avisibility:hidden;" k5 y) J% ^+ O/ `5 _  [' R
}  K5 D& }* K0 r: x# f$ G+ k! Y' ]  G
</style>
% G4 w9 r/ D! s/ S: e4 b$ \<script language="JavaScript1.2"># b0 M6 L8 S) l
<!-- 改变下的字体的大小。颜色-->
* m/ Q* E8 ^/ f* evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'- e! m  j# Q; Z3 ^( H- T! ?$ z
var hidetimer='';) ~3 y( d$ f, V# C0 j$ Z) S
<!-- 改变下的弹跳速度-->
* i% q/ {; M) |& @8 \( `var BallSpeed = 20;
' S: w$ J% Q* g9 U7 l5 B; m0 a  Bvar contentWidth;
5 t, o* |& [1 b7 uvar contentHeight;
, ], e, q8 q; a) k; s- r2 vvar maxBallSpeed = 50;
( y  ]: ~0 o; X' o9 f( K9 E6 M7 u0 M- n4 O# K; o
3 Y: }3 @) m1 |
var xMax;
. H. Z3 X! h# R; M% C5 Avar yMax;) ~/ m) x6 D/ |" l3 A
var xPos = 0;0 [# Y0 X; U! P* y+ R
var yPos = 0;
8 U. {+ j7 u# J9 h# i5 t* rvar xDir = 'right';' o3 `7 J8 d2 o' D5 n6 j
var yDir = 'down';
: e; J; d9 p7 G5 H8 i. x  _: zvar superballRunning = true;
2 [+ c, p& L+ Rvar tempBallSpeed;5 O  O* K9 t4 V- K
var currentBallSrc;/ V5 d  |2 G) `8 \- @5 A
var newXDir;
- \6 i/ W9 z; p) J6 s- u6 M8 Rvar newYDir;# z1 x5 u, O& f. m, r" C7 j

8 y* z8 O7 n  J, O+ lfunction initializeBall() {9 f3 a5 t# [8 Z% C- u
   if (document.all) {
( h# r/ R9 f; N* Y) @# V' e      xMax = document.body.clientWidth# K0 N/ |* o) l
      yMax = document.body.clientHeight8 J# [3 l( H! e, S- T- b# N9 O4 f
      document.all("supertext").style.visibility = "visible";% F3 I4 \" L  T) ?
      contentWidth=supertext.offsetWidth# ?" q' K8 A0 w8 v
      contentHeight=supertext.offsetHeight  r8 b0 p8 _. I; V0 x: _
      }
8 r0 c3 `5 X; b1 z. d; i   else if (document.layers) {
" w& J* r5 F8 o4 ^      xMax = window.innerWidth;4 m. f3 \# ]+ K. u' u( X
      yMax = window.innerHeight;
" m+ g' S% Y. U7 C- [/ d8 R5 N      contentWidth=document.supertext.document.width
: M( W" J8 Q% I3 s) z  ]3 P      contentHeight=document.supertext.document.height
& @: Y1 H8 N1 v" o$ ^9 t      document.layers["supertext"].visibility = "show";
4 Q, [  n5 I0 l      }
6 z, c, J; d4 n& X! j. H   setTimeout('moveBall()',400);4 M: y$ h& [% ~3 m4 `6 S' R
   if (hidetimer!='')
3 N/ v; z  i- v9 O: q$ r& D$ e   setTimeout("hidetext()",hidetimer)# l9 L4 u  j" ~. W8 k
   }6 v2 I+ D( g  k  O8 f/ Z5 _2 x

7 z) R8 _; \$ w7 g- `function moveBall() {
1 p! w  K+ Z4 s) Y9 ?   if (superballRunning == true) {3 [$ ]+ e, Q: y0 g
      calculatePosition();6 z; j& S4 a( G8 W( d
      if (document.all) {3 b2 e6 a' F! G* q- b5 A# g8 `
         document.all("supertext").style.left = xPos + document.body.scrollLeft;  v3 S5 ^* d3 B8 |3 g1 X1 f/ [9 l% T
         document.all("supertext").style.top = yPos + document.body.scrollTop;
7 h1 V% q+ J3 o$ V# G         }
  N6 t- O( Q8 v* D, p7 w5 `' `7 l      else if (document.layers) {
  O* X  J# h7 I; ~/ a! e         document.layers["supertext"].left = xPos + pageXOffset;( Y- F2 W8 x# h# d8 [
         document.layers["supertext"].top = yPos + pageYOffset;7 a$ N! t8 F# {, o
         }- M! p- `5 L8 @: k8 X3 [2 K- P4 e
      animatetext=setTimeout('moveBall()',20);3 v. P" l' U6 e' H7 r! e$ r1 \
      }
  n* R  U8 I1 [# w  ?8 H0 X   }; }& e& G! O/ g/ l$ E

1 \; T  \: e# G. c- ~6 h. G3 R% v  Vfunction calculatePosition() {  V" k6 }. \* F9 X( l: l
   if (xDir == "right") {
/ J/ r  w+ T/ b# S- O      if (xPos > (xMax - contentWidth - BallSpeed)) {" i; s# K8 D1 r6 }* e$ @
         xDir = "left";& J: D( ^$ [  W/ \) n
         }
- t& P9 _% o7 `4 F- |/ k' p0 x; D5 S      }
0 ]. w3 C% [7 B/ \; A   else if (xDir == "left") {9 j3 K2 E) b& k" Z$ q2 c
      if (xPos < (0 + BallSpeed)) {+ l8 a+ V) n; g" M2 u' @
         xDir = "right";
- e$ a; S( S& {+ \         }
9 H' x7 }9 m* e# M- R$ U, X      }% L6 {% q$ X# T7 t
   if (yDir == "down") {. l: a1 `, I* D6 p7 i: V( c/ V; ]
      if (yPos > (yMax - contentHeight - BallSpeed)) {2 c4 {4 H, X8 d& Y7 n
         yDir = "up";  h/ Z& H+ p( P( X& p  u
         }9 L4 }. @# |0 }, v) M; c
      }
5 Q$ x, \: G6 N/ B$ C" G! @   else if (yDir == "up") {
% @! E$ R$ q0 s      if (yPos < (0 + BallSpeed)) {
' _+ p1 e, s( m: i! D         yDir = "down";
) b# z+ f! n) x, K+ J         }
9 ?% x0 Q' o/ y0 H% T      }( Y& D  V: x/ o. ^7 e- S: Z
   if (xDir == "right") {& c% D4 w  H8 d" B+ A
      xPos = xPos + BallSpeed;
  V* b5 ]* q) v% m* [      }
4 G7 z' x* c) E9 z   else if (xDir == "left") {
7 `# w7 Q' m- e( H      xPos = xPos - BallSpeed;9 d" g. f1 |. _9 z2 p1 N
      }! g8 \& u9 ~; c; b  p
   else {
4 Y9 n5 P; g5 B2 \0 X1 H9 {      xPos = xPos;
  o+ r) e; N9 Q5 A! ?: e$ ?: M      }
, ?. L+ s. p  R0 W- y4 c, A   if (yDir == "down") {
# z# B0 M4 W6 R( h      yPos = yPos + BallSpeed;
+ R9 g$ f: P9 O8 D      }1 ^# k& M5 Q; N9 J' M$ \! T2 l
   else if (yDir == "up") {) {+ u( x3 h5 }+ Q9 ^% e+ |  T3 J
      yPos = yPos - BallSpeed;
7 s* e" j0 e8 o! _! f% S3 r      }8 b  Z6 L/ v8 X; k6 ?7 m' t9 O
   else {" x' F6 S) ~" B; N
      yPos = yPos;$ i2 K+ o5 N3 F8 x/ p! g0 a
      }
& L& i- S6 h. c' C8 [. X+ L/ I! h   }
8 ]0 g  I6 }2 b- o, g  m. I9 i  A! j' b
function hidetext(){
9 t$ v  }; N, V: Q  y% H4 _if (document.all); z) A- V" x" n$ _! m/ O/ ?) d' J
supertext.style.visibility="hidden"
/ k) P) z. R4 n6 T. H( [else if (document.layers)
) q& ~  r6 y8 Z$ }document.supertext.visibility="hide"
0 s0 c4 }. ]. X, }; g/ ]clearTimeout(animatetext)/ G4 u8 K: i8 o: \: D
}7 C% e2 I' h. U" H- {) o$ F9 _
. Y5 `# h9 ?" }+ z. P( a# b
if (document.all||document.layers){  k9 Y' F  P/ p) A& P8 P
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), D0 W) h8 i9 x/ H9 \! X4 S& s
window.onload = initializeBall;' r0 D0 W' r! R' [4 r, ^8 g4 D
window.onresize = new Function("window.location.reload()");# _/ W5 Z) y" H4 Q% ^: M
}7 H/ d- P  }( b5 Y% h5 ^$ ], t" Y

2 l1 d4 |0 a9 Z& `: g</script>