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

zw2004

<style type="text/css">
0 X) @1 F7 k! F: l+ {#supertext {
7 p$ g3 E" F% r! A% K6 lposition:absolute;6 U; f3 K0 u# ?7 G4 }# _5 [
left:0;! y/ b+ O' M# W, |
top:0;3 R  l) l! U2 |0 Z% C
visibility:hide;
- V! t) \( h6 r9 _2 m% \visibility:hidden;
5 g% D1 z# Q: t$ U2 N9 D: h}. V; l  x* G& I1 {' G* W. p
</style>/ j1 L5 _0 t3 n4 r: }5 D1 V
<script language="JavaScript1.2">
( q6 J. X& |& A! {7 f. g<!-- 改变下的字体的大小。颜色-->  a7 l2 [' a. ~; d/ S% _
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& @* V* R+ @/ L9 F/ C3 `/ H8 x
var hidetimer='';! o2 k/ h7 u# R; z
<!-- 改变下的弹跳速度-->% X, H. h0 a( \  d- w
var BallSpeed = 20;
4 n8 H+ m8 u, V. b/ tvar contentWidth;' Y/ A5 `; U+ H& N% F6 _
var contentHeight;
7 V4 `& y/ N' D& R' R6 Lvar maxBallSpeed = 50;
- v1 b6 g4 H# [0 U1 ~% y8 q6 \, Y. R" R, m/ L' L/ y$ O
" r' t/ d& j" e' w2 V
var xMax;
0 O; Z0 m! x) m. p( o7 S& pvar yMax;
# x. s8 j7 }2 s! h: }var xPos = 0;! l" T& d7 @' M3 R
var yPos = 0;5 a" p  E# D! f4 f- \
var xDir = 'right';8 I8 |1 R; Z+ Z+ G
var yDir = 'down';
+ Y4 \1 H0 O" ?9 v0 I  J- N0 h2 \6 d3 Cvar superballRunning = true;
1 K% ~3 Y1 I! K/ G" xvar tempBallSpeed;
4 r' v7 b- c; w! r0 Lvar currentBallSrc;9 f6 y+ u# [- V9 O* L
var newXDir;$ d1 j* Y9 A) p
var newYDir;
4 m7 k- z5 r4 \( h8 a& {; Y% L4 I, k* Y  w* }8 r
function initializeBall() {5 ?/ P: }% c, G* h2 d
   if (document.all) {3 p+ ^$ h. U% n: e- c6 x# U  _! T
      xMax = document.body.clientWidth
0 Q7 Q7 }: y- R      yMax = document.body.clientHeight8 A- o. z  v+ L: U
      document.all("supertext").style.visibility = "visible";# x5 B" K# |( d( d' S
      contentWidth=supertext.offsetWidth3 G( E3 y# R) h3 e# a5 Q
      contentHeight=supertext.offsetHeight
  c: g- Y- K  Z9 k: f      }, j3 h0 z: t0 N8 e7 q+ y
   else if (document.layers) {) e+ z5 _& V% v/ e4 n4 w
      xMax = window.innerWidth;
8 C. w7 H; K2 K8 |8 B6 l+ z      yMax = window.innerHeight;
# f2 L& G6 ^" R+ ~, V" z      contentWidth=document.supertext.document.width
- h- F  p$ _) X) n# f1 I) e) t5 l      contentHeight=document.supertext.document.height" q! U7 P; [" r; c0 t: _* b
      document.layers["supertext"].visibility = "show";
# ^5 P0 i! u# ^9 I: `# c# R      }) a7 [9 j4 d7 v7 n. O
   setTimeout('moveBall()',400);2 t) A( O6 d! }. e9 y* s
   if (hidetimer!='')
9 h' A0 K! _9 B- F   setTimeout("hidetext()",hidetimer), B" X0 H  U. D: N) U
   }9 {( J5 R  |) O6 ]+ g# |2 P& q9 E
4 W$ c0 l2 y2 O* n0 b& a3 `
function moveBall() {8 h, ^: J3 n, n& _5 U; g
   if (superballRunning == true) {
  Y" M) ~" g6 `: k/ D: @      calculatePosition();! j/ j5 l6 G) s* {+ Q5 \( j9 ?$ \
      if (document.all) {
& x; t* N5 H9 O) a- ^# \/ [         document.all("supertext").style.left = xPos + document.body.scrollLeft;
: s$ H7 ^4 T8 I8 U         document.all("supertext").style.top = yPos + document.body.scrollTop;( d2 @  s- g: v7 c' O1 W. b# C
         }- }; t; P9 I/ d: R
      else if (document.layers) {
5 A/ Y, v7 ?0 R1 z* b! m         document.layers["supertext"].left = xPos + pageXOffset;6 G4 O! W* U& h; H
         document.layers["supertext"].top = yPos + pageYOffset;+ A2 g3 p* h. E
         }9 n8 u9 y5 K4 s  j1 T
      animatetext=setTimeout('moveBall()',20);" s4 G8 F! ]. x& N+ v* M4 ~
      }
- U4 I) t! ^; e# o   }
5 u; M! S) J, q8 X2 \( J4 H3 v7 P% q3 ~& H
function calculatePosition() {  Y/ p8 \8 N) }4 L
   if (xDir == "right") {+ r7 A2 p4 W( \
      if (xPos > (xMax - contentWidth - BallSpeed)) {6 Q8 R) `; C+ g, @9 `
         xDir = "left";2 V# R: n. c3 x4 }3 ~
         }  L& Z; h# H& h: s/ ^& [
      }7 E1 V! E' v# U1 _( f. `$ I
   else if (xDir == "left") {, S9 o2 h# x. G
      if (xPos < (0 + BallSpeed)) {2 ~; A7 c/ p  Y
         xDir = "right";* n5 V# \  i& ~- x* ?
         }; `$ ^! d/ t. E, c6 _8 S
      }
6 j' F) i( e1 Z5 \   if (yDir == "down") {( y. K7 |% J6 p$ o1 ^8 P' I7 `
      if (yPos > (yMax - contentHeight - BallSpeed)) {* ~# ?, j' m. Y# g2 f6 A8 A, U
         yDir = "up";
, N" T) c: G( \- Y' Q: a$ w         }9 u7 p$ h9 x( B, e+ k
      }
% `! I: ?0 ~7 o/ ?# e   else if (yDir == "up") {
- p% C) m& i, s: p5 E/ c      if (yPos < (0 + BallSpeed)) {
" N, k6 O, _9 \3 i2 m8 ^7 o         yDir = "down";  |; C$ e3 W- W' [- i0 Z
         }# d, n# O1 n6 n# w
      }8 S; p4 c6 k0 h4 h3 `
   if (xDir == "right") {
' _- P, k/ |* e! R. k+ X6 Q3 S      xPos = xPos + BallSpeed;
$ Y1 N( w, o: S2 B( L' z. A      }, Y  i# r" h; n
   else if (xDir == "left") {
' u( l# n+ |  M      xPos = xPos - BallSpeed;+ g4 Q& E9 d3 G$ P% c
      }, C2 [$ V1 E2 h' }) `( S
   else {
. s! @$ b. g3 }4 M' |  [      xPos = xPos;+ f* X. D4 _' V; h
      }$ W- W; ^9 L8 _
   if (yDir == "down") {# b" @; I  O2 L' Z0 v" H
      yPos = yPos + BallSpeed;
$ A: ^1 `5 T2 p. T      }
% k1 h3 _' f+ J4 n   else if (yDir == "up") {
4 J; i* e- d& ~# M: D5 j1 q5 b$ V      yPos = yPos - BallSpeed;% `( j- F/ l; N) E! O
      }3 s* T# N2 \7 b8 R; h
   else {
) [8 g; c& N* p5 J% n6 a! d8 h      yPos = yPos;
7 g  o% }) K5 j) j- e      }
- }+ K( w- w. s; [, {   }3 G, H% _+ F' \# M9 h, p

+ ]) p5 s  B" H+ w: d7 W0 K, {, {" Dfunction hidetext(){$ `  Q0 P' R% u2 H
if (document.all)
5 Y4 f; t/ Y. W/ t) f* vsupertext.style.visibility="hidden"
0 N5 ?6 u7 O* T& t* Y8 Z1 u; oelse if (document.layers)
% f4 O0 \1 g' L* y& e7 m1 K$ H( f. }  Adocument.supertext.visibility="hide"
" ?: G  c  }# \# y0 ]clearTimeout(animatetext)3 b5 ^7 |$ w- X% E% A4 ?- i( t
}
8 c2 a8 T1 b9 m0 H9 p$ {3 t, q- P8 x/ p
if (document.all||document.layers){) p* z5 C7 S" ^
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 Y+ x" w3 p2 }& w2 H( }
window.onload = initializeBall;; \6 c3 @& x( L3 e' E: v' d
window.onresize = new Function("window.location.reload()");
. b9 G0 m% C/ {1 k: @" }}
, T& [  r3 Q# O9 u* J5 B: O. o) k2 f1 w$ u. ^' w4 p
</script>