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

zw2004

<style type="text/css">
6 s- ^6 e; O" x& V4 }+ X#supertext {
6 K8 I6 T" i) x- sposition:absolute;( K0 N# ~  e4 x: ]$ Q
left:0;2 f. A8 k1 f- j; t4 m6 _
top:0;. G6 N+ ?$ g0 y4 `$ b
visibility:hide;
5 K, S8 L; U  G' M# ~' Cvisibility:hidden;1 f; |2 \4 H1 w, Y3 f) a5 T3 F
}/ T5 s# m7 h+ k
</style>5 }4 |. U3 r3 k$ }8 E$ b! J" w% c, d
<script language="JavaScript1.2">
3 r4 c1 N) ^5 g# s% a7 B<!-- 改变下的字体的大小。颜色-->& h, l* A5 i5 G% [' P3 d3 u5 t. Q! x
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
6 o2 X" k9 C) @/ ovar hidetimer='';: a# m8 T9 k3 w
<!-- 改变下的弹跳速度-->. p$ ?3 N- f4 d% m5 E
var BallSpeed = 20;
( A: p- G1 k3 e5 Lvar contentWidth;1 h0 |9 Q/ }6 ~& w- ?" t* x6 S& z
var contentHeight;
$ p' ~' _! G- n+ Bvar maxBallSpeed = 50;
1 W9 N, G; i5 B* m# V& M1 Y4 Z  v; d) W: [5 O8 b" I8 _" c
% n4 g; T0 S% p' H( ], h( u& n
var xMax;/ c  D/ v, B4 }' v- ~0 J( D
var yMax;
, i) x. A/ L- u( v' Gvar xPos = 0;6 ^$ }* o4 R6 Q  Y
var yPos = 0;; D- L, Y% Q, @! Y" P
var xDir = 'right';$ ~8 p! m# x7 U. f
var yDir = 'down';- j1 N* i* o# F6 H) u5 A# N& ~
var superballRunning = true;
( [9 W% [1 Y* [4 J3 b6 Dvar tempBallSpeed;
& n; ^9 F. T! J* l0 Y5 ?var currentBallSrc;  c3 a2 R1 q2 `# N" }1 H
var newXDir;
( U* M# v* Z! ~7 C3 q1 Z: Evar newYDir;) ^" L: J2 `9 {: h- ~& t: z8 v6 f

: c& B  e' `% D6 M/ Z4 E; afunction initializeBall() {
4 P( ~1 g5 L# f# q) s# C' i   if (document.all) {6 A# i6 k# ~2 j! p
      xMax = document.body.clientWidth1 n6 d/ U- ^7 y( I( W0 ~2 q
      yMax = document.body.clientHeight" q+ a. x$ @8 m# b
      document.all("supertext").style.visibility = "visible";" Z/ ]3 _* d2 M% }4 F
      contentWidth=supertext.offsetWidth
  U5 R2 A  c/ `      contentHeight=supertext.offsetHeight
( ~) b2 C9 O. \' n  s/ R) p+ P      }
6 W. H/ e5 R4 z   else if (document.layers) {
+ G& E* I' i2 J1 r+ R      xMax = window.innerWidth;" e3 d$ u- v, s( I4 L1 W
      yMax = window.innerHeight;! e7 ~6 |! N) d* A( B
      contentWidth=document.supertext.document.width5 {  M* |7 s" @# ^; \( R+ s
      contentHeight=document.supertext.document.height
1 C' H: X2 ^8 `% u" v/ N- S      document.layers["supertext"].visibility = "show";0 S8 w* p& [" w5 x
      }
+ V3 I' Y) W3 u5 u   setTimeout('moveBall()',400);6 V( z$ ^9 U# z0 R
   if (hidetimer!='')
$ [* H; W7 h" n) ]   setTimeout("hidetext()",hidetimer)9 T' R, n& v* J" B
   }
0 K# R3 n  W& S  a- c7 J' Q6 g7 m$ u; S6 Z2 F
function moveBall() {
: B% w! Z9 D+ u: H9 v  B8 J   if (superballRunning == true) {
9 E7 G: t; v; i) n% d* E) e      calculatePosition();$ x/ S: a5 _( G0 _
      if (document.all) {% q& F0 ~! m# k: m4 B/ `
         document.all("supertext").style.left = xPos + document.body.scrollLeft;" b: A1 ]& }4 x. F
         document.all("supertext").style.top = yPos + document.body.scrollTop;
6 U$ _5 d/ \  p# ]3 h         }
3 O) i8 P# B$ l2 X+ q      else if (document.layers) {
% d- O8 j1 ?4 A, t7 L  L/ B9 `         document.layers["supertext"].left = xPos + pageXOffset;
5 O  m6 v) q- Q: }5 F         document.layers["supertext"].top = yPos + pageYOffset;
4 a4 `/ i/ B& d         }
0 x- U2 q, U0 @4 @2 c      animatetext=setTimeout('moveBall()',20);$ w- v' x1 t0 ^+ ~5 Y  b) A- v
      }5 Y) W* s/ @: }3 S
   }( I; ~5 i; b+ q9 A: _$ u) Q' N
" Z- E4 ]8 U2 p( v8 W- ?! E
function calculatePosition() {( b, _' ~  s8 ?0 @3 U4 h
   if (xDir == "right") {$ o; ?/ N! w; s. k1 ?4 g' `
      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ z8 {/ X% D# h( x  i: P         xDir = "left";
! }  k: _7 |; U         }# F$ G" e! w5 ^' @8 L# N
      }- X0 Y- F7 A& a( ?8 R% D
   else if (xDir == "left") {6 q: b/ u4 s0 o% |
      if (xPos < (0 + BallSpeed)) {% P, M9 C3 B9 [/ a" e
         xDir = "right";1 _& d1 w: H2 q+ b) J: m
         }
: y! q7 O' O- l" L      }+ Z% T, ?/ V( H- D$ b* ~0 M
   if (yDir == "down") {
) Z3 x& q+ ~" X: y) ]      if (yPos > (yMax - contentHeight - BallSpeed)) {$ U& p& j* A' z" X  i
         yDir = "up";
4 }3 r* ?! X8 [2 Q- U& N- g         }9 x- _& u. ^, {3 `" o7 y, }6 E' T9 D' k
      }
! D- L2 B& W- z1 I8 `9 x: O4 S   else if (yDir == "up") {
# ~) v5 \1 l$ F8 O      if (yPos < (0 + BallSpeed)) {5 J& h! z; B$ Y6 T
         yDir = "down";  _& E# ^$ f' `- j: ?
         }7 B- u; H4 Y! v# c% ^& o5 }
      }% d  P: B) ^  ]3 T3 l
   if (xDir == "right") {1 b! D7 P" c# X. N: Z
      xPos = xPos + BallSpeed;
* i6 k( }+ a  R$ x      }
+ I  `  R9 _5 p7 d! C6 Z- O1 I   else if (xDir == "left") {8 @" h1 b! ]5 i0 Y5 m7 a5 U
      xPos = xPos - BallSpeed;# m& B9 {2 A0 x% M
      }
& l3 T0 Z" k0 n3 J5 R   else {
5 A$ \( T9 o, u+ w" d+ K  K      xPos = xPos;
: Z$ E" d- C, s! P  d! c8 _4 [      }
* s; A' J- n) i8 Q% @* q1 D% y1 f   if (yDir == "down") {
7 T) `& T$ n3 v      yPos = yPos + BallSpeed;
7 S$ n/ e; l7 Z3 R# M+ `+ D      }' J4 @8 A! K2 t7 s& L2 C+ J
   else if (yDir == "up") {, n3 A$ \' G% A- e
      yPos = yPos - BallSpeed;. l! |6 G9 e5 D, r
      }
5 u7 U# v& R# _- k9 X2 \  L, C' G   else {
4 h* t, `5 H: S      yPos = yPos;
3 {3 c4 K+ R" f; s5 g      }9 l8 ^/ U' X, \- J& N8 ^2 H
   }) m& V# r2 Q: P7 o1 T" ~
1 \+ r+ r; I) l2 e% v, H& a0 M
function hidetext(){
1 S! A( p+ G* q- @; t* Q9 @$ d4 sif (document.all)
6 p0 [% v! P& ~. \4 e" zsupertext.style.visibility="hidden"6 h5 C. z: \6 [& ]$ m* ^9 P3 O5 @
else if (document.layers)1 l! F: z7 O3 W  }
document.supertext.visibility="hide") [% B1 g  R; D% p7 ]" c6 T. k
clearTimeout(animatetext)
9 }4 E. M* c6 ]! b( n; u: {) U}
- ]8 x8 B4 i" c% b& F, X$ P6 g% |* l- v5 [: h
if (document.all||document.layers){
3 t' a2 Q" ^. U; @# |$ ~document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
9 ]$ A# Z6 x( D6 iwindow.onload = initializeBall;8 x3 n7 b: s( W/ @; e* j
window.onresize = new Function("window.location.reload()");+ x: g! v# \5 w/ {+ N+ g, w( ^+ B# v
}" }4 H2 d# p6 L& k* {6 T) {

( f% |- S9 [5 p/ c$ ]4 a</script>