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

zw2004

<style type="text/css">
0 `1 e0 B" M! ]" s' i#supertext {
% L. T( X* A* @  iposition:absolute;2 s( G/ K: r/ }% F  `! l
left:0;/ H" Q/ v& o' R: {8 C& n
top:0;# e- F+ z2 z4 Q4 s% w' E; u
visibility:hide;
# E) ]/ W5 d: ?/ jvisibility:hidden;
7 q: y  P* I$ J* T}6 r* y* M: f" ~7 u
</style>, F# X" ]$ y4 Q6 f" ~& _
<script language="JavaScript1.2">
& |5 L6 n- g& }7 c3 }+ m: {<!-- 改变下的字体的大小。颜色-->, W7 N; P* H; q; _; z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
, k8 J+ T) p- e% b6 lvar hidetimer='';
  c  Q% [& K, {. i5 a, ]+ Y<!-- 改变下的弹跳速度-->7 s8 T4 e5 B' e+ X
var BallSpeed = 20;6 N4 ^) A' n: W- M- v
var contentWidth;* f5 N" [( u; r9 m) p( K
var contentHeight;8 M- ^/ x. v* _% g, M) t) ~+ i0 }
var maxBallSpeed = 50;
4 V0 j3 e+ c0 T* u5 ?; @2 P
9 Y- n( L; S8 w; z# `% Y- U, S' d* q; ?/ [2 ?( u8 t. s
var xMax;" u# T3 q8 d; X, H
var yMax;
/ p) e1 g! ~$ q& t; Fvar xPos = 0;7 ^' q9 V3 n7 _# c! \
var yPos = 0;! E: p5 F3 S% o* y9 h. T5 |9 i
var xDir = 'right';
! ]) }' ^$ t0 p  R, Xvar yDir = 'down';- `5 v4 z# F: ~! d+ l
var superballRunning = true;
$ D- |$ T/ \$ |2 U1 [var tempBallSpeed;
# |  ]: U: O" Q8 k/ z  Pvar currentBallSrc;
+ Q4 V9 y, J+ s- `, E2 P4 v4 f' cvar newXDir;! V( E* f# a$ k* h  R
var newYDir;
, E# d% s( f, _* h" w' p% A9 M. x1 D1 c+ j; J
function initializeBall() {
) j9 Y! ^' w5 ^   if (document.all) {0 T9 |2 v2 W0 p9 d5 W! p. X
      xMax = document.body.clientWidth
7 W0 i+ Q' _" g* i$ i& C; J6 t      yMax = document.body.clientHeight6 V& h$ K  L4 n- Y6 Z6 i7 r( D, ~
      document.all("supertext").style.visibility = "visible";# G1 {9 m, r+ _$ d
      contentWidth=supertext.offsetWidth+ A, y8 a% m) _& b) Q
      contentHeight=supertext.offsetHeight3 B1 b) ]. s" P+ u  K' [
      }
/ N- [/ P7 B! Z* @' W1 t   else if (document.layers) {
# n. P1 C* V) }5 y+ U! g      xMax = window.innerWidth;( W# w3 r: C. `& K9 l3 o+ Q
      yMax = window.innerHeight;
. a+ ~2 b+ P0 j9 L$ o* X. L+ Y      contentWidth=document.supertext.document.width+ k1 w& t9 O* @; r/ I/ I4 y9 h
      contentHeight=document.supertext.document.height
( H* y* R* k$ A& x) g2 G4 N/ |, l      document.layers["supertext"].visibility = "show";
& c0 ~+ w( N5 M& ?5 z, @. a      }
4 f; B/ s/ a3 c' s) H   setTimeout('moveBall()',400);
5 X  q* k9 B" a( m! ?. k   if (hidetimer!='')
( {) ~3 C9 `( A, G6 R   setTimeout("hidetext()",hidetimer)9 n" P0 v; t$ g3 U
   }
: o8 r6 ^% T0 ~. Q$ e' t
( u( ~1 Z, `/ bfunction moveBall() {
$ [4 _% P: e$ r4 z. Z, d2 ?$ z" t   if (superballRunning == true) {
0 i; E( X% P7 O! X7 v' h8 _      calculatePosition();
( \# O' }& r4 d      if (document.all) {+ a' O9 [! C) T2 N, }
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; m/ U! @/ E. I# m% ]9 X  X& ^8 {$ o         document.all("supertext").style.top = yPos + document.body.scrollTop;
1 O, s+ B5 U, r+ ^$ ^         }& _, H* I, x! Y& ~$ T8 u+ H# \5 E
      else if (document.layers) {
; P  Z9 J' i0 C$ D9 V/ N- n         document.layers["supertext"].left = xPos + pageXOffset;3 s9 h, W( s5 W  w6 A
         document.layers["supertext"].top = yPos + pageYOffset;/ n: T1 n' W/ p; n
         }
, y0 K5 z' z9 G" I      animatetext=setTimeout('moveBall()',20);
7 O( ?2 E. M2 P" ~, R9 C( M      }" C3 c* @. C: K* W- H
   }9 o( \$ B7 |1 U

" O$ t& W* _6 a. y2 G8 }8 Bfunction calculatePosition() {3 V3 e, u+ x) P) G
   if (xDir == "right") {& l0 ]5 F3 a8 l4 t7 ^5 k6 ~4 a
      if (xPos > (xMax - contentWidth - BallSpeed)) {9 I& o5 U% l( x0 g% ]3 m; }" g0 D
         xDir = "left";
7 d- `7 M8 ]7 v1 |         }
, z# ^1 y  m! M      }) E( Y' b3 |7 l
   else if (xDir == "left") {- K1 k+ T$ H8 s" m+ d  g
      if (xPos < (0 + BallSpeed)) {
: H# B# c' p0 B8 s5 g' b         xDir = "right";
3 Y' t  C: z* p  k0 S/ n7 F6 J         }
$ x7 {2 T* ?4 o# P  Z      }" \4 O' m& ~* `" J
   if (yDir == "down") {
. q% }9 d1 [$ \4 y) Q9 V      if (yPos > (yMax - contentHeight - BallSpeed)) {
; p! M" Q' ?4 e! O: d, v/ a( N4 J         yDir = "up";2 i' ~, v, s: U3 D
         }$ ]+ ~/ t8 C, [! b2 r
      }; I4 Z( Z. g5 ]0 r* d
   else if (yDir == "up") {
1 f0 c( c2 h( |: v$ {8 D8 p      if (yPos < (0 + BallSpeed)) {
4 g4 n  z$ v9 a/ T6 H         yDir = "down";
) x! k5 b9 j. Q9 S) f) F- x         }
* g# f, ~9 d9 i      }
1 s  Y+ [) q3 K   if (xDir == "right") {* W, n% h0 l5 C- F
      xPos = xPos + BallSpeed;3 _% H# G; f1 U1 U, l+ c$ U4 ^
      }
; w0 h5 r# u! |. }! S9 q   else if (xDir == "left") {  }' e+ y0 f$ U5 J& k! [
      xPos = xPos - BallSpeed;2 W+ ^6 E& h+ f6 l' Z
      }0 C) A, U/ p% g. `& n: p
   else {3 d2 |2 L3 `# H" e: n
      xPos = xPos;
' P( E% R2 ?. `$ z% g      }% W( {2 G4 P0 l0 o+ C
   if (yDir == "down") {
% [- {* {; T0 B4 G# P) \6 Y      yPos = yPos + BallSpeed;: ^" i$ h0 g6 I# E
      }' D% Z  H# l9 Y+ f
   else if (yDir == "up") {. K0 v% c: {, l# |& z+ u9 n0 }. E0 P
      yPos = yPos - BallSpeed;
8 y6 Q/ b9 q  X% G4 r4 P6 H" N      }
/ C9 R4 E! ]% s, g( T/ O- h+ U   else {
1 d6 S  Z9 J4 x* H7 `      yPos = yPos;
" d" ^2 @0 q! [* w      }
" y6 x! A& j5 i   }
9 j6 \" @' _  N7 B5 t1 A) t% ~0 x
function hidetext(){
4 ]! s0 J" r8 W7 l# qif (document.all)
5 h0 j' T; E' c. ]supertext.style.visibility="hidden", T1 s7 k' b0 X" X
else if (document.layers)8 ^7 K: [* n9 v) k1 R2 Q$ p+ t+ B
document.supertext.visibility="hide"
  q  ?' |3 r' l" ?clearTimeout(animatetext)" E$ G5 T% S4 Y0 T4 k
}
7 g" k) i6 T+ @" F. P' ~
+ I2 q, l' Y* ~" Kif (document.all||document.layers){/ p0 s. O( B9 U8 s: N; O) I1 a
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 l3 E* c2 l) J! P# E! e
window.onload = initializeBall;% f3 B, C  u7 h4 G
window.onresize = new Function("window.location.reload()");
6 o# C0 m3 x7 Y$ ^* J) i}7 ^8 A, m) w* u
. F! x5 e: s0 g, U; Q; `4 t
</script>