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

zw2004

<style type="text/css">+ X  l$ S0 p3 F. `6 u1 ]
#supertext {, N$ G9 W; _# N- p6 a- o7 v
position:absolute;* w% d5 ?9 K1 J0 Z  |6 E/ a: v
left:0;
- e  \' k/ d' L) h" [; gtop:0;
% ~( X- r( V* P5 Y5 c6 @0 Xvisibility:hide;
4 V0 z' T4 @$ Y3 ^0 Y4 Pvisibility:hidden;
4 c" C; B8 e) _/ q$ O7 y/ `}+ V, G+ l& k  s& n$ N# h, ?
</style>
, ^! m4 j2 u" W<script language="JavaScript1.2">
6 P2 z- B- v7 S. F" S- u% n<!-- 改变下的字体的大小。颜色-->
# ]: C% ?7 }/ ]var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* {/ E# Q1 U6 u8 Y. R, Kvar hidetimer='';2 c3 `2 t+ @6 k+ j" B! l2 W
<!-- 改变下的弹跳速度-->
+ @' A. {+ Q6 q8 b# ?var BallSpeed = 20;
0 W) w2 E6 V* I& L, B; ~0 Cvar contentWidth;
  d) c& \' q+ P! L7 `var contentHeight;
. N' {+ [) r* uvar maxBallSpeed = 50;
  m5 W/ g7 U+ W+ i' q6 P0 b! ^& c: u. G* v$ b5 S& Z0 e1 H, @% G+ w
# V7 o' w7 `+ z3 f+ d8 Q+ R
var xMax;
0 |$ W( B" W2 m" @var yMax;+ N# @# h+ J- n3 ^" o' t' v: v
var xPos = 0;+ L( u2 |" f& _  R- B
var yPos = 0;8 J, z3 T& ^+ e% A
var xDir = 'right';5 j8 F/ x, D% a% c$ }+ [! ~
var yDir = 'down';
& a8 A6 S7 s- R: P$ ~4 T5 Dvar superballRunning = true;
8 I8 j9 C" T! evar tempBallSpeed;9 Q' I) m, l) a* T  ^2 J* ~
var currentBallSrc;9 ^4 ^. J4 {; R% F
var newXDir;
6 Y. ?% ]3 F+ C+ Q, a7 fvar newYDir;
8 C& Z& d6 V: p
3 j9 B- W; ?. o1 ?& u. ~function initializeBall() {: M, y+ L, z/ k) i7 p( Q( f" v
   if (document.all) {2 _+ U- z7 P6 H$ Z: ]% |2 \0 a8 K' `, f
      xMax = document.body.clientWidth9 |9 ^( }/ U1 W( @  e. g5 F
      yMax = document.body.clientHeight: k% X" Z9 x/ Y6 g2 n8 p4 |& ]0 T: a
      document.all("supertext").style.visibility = "visible";
9 c5 d) }5 k  [8 l      contentWidth=supertext.offsetWidth
8 x9 w! `$ T$ v# V  r      contentHeight=supertext.offsetHeight  P; g/ N. N. b6 @
      }
2 w2 g! b$ c% j+ |   else if (document.layers) {2 B& Q) o8 L! ]2 x
      xMax = window.innerWidth;
$ e9 v; r- n" |9 n/ k3 F      yMax = window.innerHeight;' N2 l  N* @3 I! F$ d" T5 v' b
      contentWidth=document.supertext.document.width/ K0 x- \! f: o# v% v4 c
      contentHeight=document.supertext.document.height
2 U/ Q# V$ Q) J6 }      document.layers["supertext"].visibility = "show";( V$ z! @  u7 J) Q
      }/ {# z7 I4 W7 _' \5 o$ ~
   setTimeout('moveBall()',400);
/ \/ X# r0 r7 _6 I! R& F6 }+ F   if (hidetimer!='')
( L, L( k" K6 r   setTimeout("hidetext()",hidetimer)
" r- M' L5 M8 b3 I3 C' q8 T   }& _! S" U& L+ i3 v' a; P
1 K) g1 Y6 ]0 d1 A
function moveBall() {
; y4 Q+ x3 G6 m% |+ r; N   if (superballRunning == true) {
6 D5 u- }) ^. H' h% q      calculatePosition();
3 v- M1 Q9 t. ~7 I$ r. |      if (document.all) {% Q& z) _4 f* P0 q% ~1 o' R* X
         document.all("supertext").style.left = xPos + document.body.scrollLeft;  G* |- B$ ]* _1 ]5 v* R- j* }
         document.all("supertext").style.top = yPos + document.body.scrollTop;) e- z" C; V1 ^" p3 }# ]
         }# e) e+ l. X$ U& Y
      else if (document.layers) {) t8 P5 }# G; F+ ^* L  _3 H. `
         document.layers["supertext"].left = xPos + pageXOffset;
0 W- d& G$ z4 v: L' m3 u/ ]         document.layers["supertext"].top = yPos + pageYOffset;/ U; W; T. X: Q
         }8 D+ e8 }6 Q4 f4 S
      animatetext=setTimeout('moveBall()',20);5 G; w5 g7 Q- H# K
      }) g3 N) J0 k& j1 s+ M$ x
   }$ o! |0 Z$ A) t" F. r  y

! I/ P7 m& q  E, ^function calculatePosition() {
$ X: X# O- b' m$ Z/ c( s! K   if (xDir == "right") {. Q* w8 ?' M% W: X5 k7 W- @. y* U
      if (xPos > (xMax - contentWidth - BallSpeed)) {5 d9 z6 X$ ~( Y5 q! a% s3 N1 h
         xDir = "left";
; {3 c$ \' y+ g. U8 O( K         }+ _8 |1 x) j+ c' c1 E
      }" r6 v" O4 z& t
   else if (xDir == "left") {4 u" @5 b( J1 P# J9 A1 A
      if (xPos < (0 + BallSpeed)) {# M( t5 {  k; v* ]1 l  ?, a' r
         xDir = "right";
% O6 x6 M0 L5 ]- x7 e8 s6 U, A         }, {0 ]( l7 N& W
      }' l$ F( q' F  B; ]3 t: J; g# ?% ?
   if (yDir == "down") {! n5 I- \( I0 X6 S) ~, Q
      if (yPos > (yMax - contentHeight - BallSpeed)) {6 J" L; j; ~$ K  y3 u% ~8 Z
         yDir = "up";
* a* c5 x$ v: _4 R: v2 F8 N" V         }/ I% t' j$ ?9 U% k( t
      }
' y/ t; R, @3 m8 V   else if (yDir == "up") {; Z& V. z, D3 ^- g7 c9 \: J5 N/ B
      if (yPos < (0 + BallSpeed)) {& `, p' j6 a2 b+ x  m
         yDir = "down";- B* [( I# w& |* |) G6 B
         }! h) V! x7 V! a0 S
      }
3 \; L$ }9 m# X   if (xDir == "right") {; x/ l, J! [6 [4 g( T9 O
      xPos = xPos + BallSpeed;
! ?/ f6 z4 H" j9 ]2 W- c$ B      }& H& {- @- h0 h9 \% q9 r) ?4 L; q
   else if (xDir == "left") {* a( O% X4 f' ?. x, A3 K' X- N# L0 o
      xPos = xPos - BallSpeed;& J; ~: a2 w& u& R! q
      }2 a2 R! x2 A$ B7 }" l2 O! q$ x
   else {
, w2 ~  g4 `& R7 l% \' w! R& I9 w& o      xPos = xPos;
- x2 z* V: [8 ?+ W8 f- t' h0 ?& a      }
" T1 C! m' _; x# ^   if (yDir == "down") {
3 v1 Z  j- g% T& U$ ^' A# b* o9 r      yPos = yPos + BallSpeed;
/ [! I2 M, o6 b" a1 W      }
6 D% a3 x' k& Z8 Q5 ~. B   else if (yDir == "up") {& x  H! x' F+ [2 p3 f, h( W; Y
      yPos = yPos - BallSpeed;" r; O* l$ e! i; i1 a7 m
      }
8 C* w; r# U9 x- R9 j1 [   else {
; V- e7 H, s% x$ p      yPos = yPos;4 `4 X0 O6 x. c
      }) D# Q5 w# |9 N' o
   }
6 z7 W* ^: h  {1 P' u
6 N1 z$ j& Q; s7 \' H3 M7 V" p, Tfunction hidetext(){
+ P$ R. ?1 B% N2 q  w/ m. eif (document.all). v& o$ e  J) V9 P
supertext.style.visibility="hidden"
3 {$ l1 K/ I# y- nelse if (document.layers); J2 v/ Y! e0 r2 U' d! P8 G
document.supertext.visibility="hide"
2 g% @0 l/ O6 p4 v! Z9 LclearTimeout(animatetext)+ ^- T* ?" H# u) P, V6 }' t
}8 f; l" F) J! `: I

* {7 p+ W5 x  ~2 K, W* \% M. t( [  Vif (document.all||document.layers){$ x+ `+ h& r6 m2 W* G5 v. ]
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# L" A. f( m/ T  f
window.onload = initializeBall;
8 T/ S) a) F5 v0 H) zwindow.onresize = new Function("window.location.reload()");
2 d% v% k. b6 \# e3 }( _}
1 f1 F0 J& m6 v. q3 F
+ S! A' [! Y) u9 f% Y</script>