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

zw2004

<style type="text/css">
* r: I+ p3 B$ F0 ?/ H#supertext {
8 a" N. B9 Z) S. _( {+ nposition:absolute;% `* P8 e, D6 y5 V
left:0;
/ z: b  g% x' P0 K  {top:0;
) @  ^4 q8 ^4 dvisibility:hide;! Z+ _: ~1 Z& ?9 {  f  {
visibility:hidden;% x- ?* c% u$ X: T1 G3 V* h
}
8 `+ J; h# \+ T1 ?</style>* ?: n/ a7 W& {: D0 R% b1 d8 d+ v
<script language="JavaScript1.2">
8 E# f7 {! E' T) F; ^# z6 `<!-- 改变下的字体的大小。颜色-->  J! K& ~) U+ a: }3 a2 a
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'' v' n, p6 M3 L1 }8 ?" z( t
var hidetimer='';
; g3 u2 e3 y/ Z$ q& x6 L<!-- 改变下的弹跳速度-->- L( ~5 X: @; f% G
var BallSpeed = 20;
4 F/ n/ I6 k" c+ Xvar contentWidth;
8 W% C1 l% D, ?! Z& z) tvar contentHeight;4 Z6 ]" I( h- G
var maxBallSpeed = 50;
+ T$ w7 A# F9 [8 X# Q  ^$ }9 s0 ?
+ R* j; X9 w2 a' i
var xMax;
! t- `5 i' c/ ~' Wvar yMax;
( a" e. I/ C8 U! S  Wvar xPos = 0;1 J6 A. O' |  w2 a
var yPos = 0;( q5 V: [# v3 o
var xDir = 'right';
% z- [4 P7 V: e/ A6 q/ v# Mvar yDir = 'down';. }+ K# Q* w9 q5 j+ e7 \7 z- V
var superballRunning = true;
% L( ?7 a, u( P& j" `var tempBallSpeed;
/ o! ?/ Q! G2 |5 A& }1 \var currentBallSrc;
; @% n# N2 r+ B, _( C1 Z( g8 Kvar newXDir;1 x* w" j' ]8 E  \" y2 A
var newYDir;
* L+ Q$ l" K) l# z  ]/ X* v0 j& Y4 l4 F( E9 M! X
function initializeBall() {! b7 h2 q7 O+ J1 h, I2 o! A6 I
   if (document.all) {
$ S+ U$ C( s& x      xMax = document.body.clientWidth
# u" x. O- x  b( G; C! r4 f6 V4 ^      yMax = document.body.clientHeight( T' }' E. X+ y% n" N6 o! i
      document.all("supertext").style.visibility = "visible";1 f3 H% e2 L) |, F# s
      contentWidth=supertext.offsetWidth
' }0 i* k, }% \" I      contentHeight=supertext.offsetHeight
. k0 G" ~; H% q+ X% L0 H6 j      }
9 A( h7 R4 }- X) H: P   else if (document.layers) {
& k9 @& {3 m/ H6 l3 f4 Z7 V! A      xMax = window.innerWidth;- w: U/ ~/ q1 a
      yMax = window.innerHeight;. }: E: @+ o: n& c0 S
      contentWidth=document.supertext.document.width
1 D: h/ q5 y  \; Z      contentHeight=document.supertext.document.height( J" P# @, B. U+ P; Q+ h
      document.layers["supertext"].visibility = "show";
1 d* }  Y) j3 e* V5 u7 G, J      }& N! H& ]7 C5 i3 }# u# x, w4 m
   setTimeout('moveBall()',400);
* W0 W, E! _% L5 y7 P   if (hidetimer!='')& @& w. o2 ]1 R9 ]
   setTimeout("hidetext()",hidetimer)
5 e& }; S( v" E1 j5 N4 V   }
) W2 X, h  [& G) `" s4 t1 z0 k- c0 {$ q5 v3 G. B$ N
function moveBall() {
$ l3 R, a1 c2 r0 Q   if (superballRunning == true) {; [, a  r( [0 m+ Y
      calculatePosition();
) U3 }% f5 q; _* a3 V8 x: ?2 b      if (document.all) {0 s# K: G' c; o+ X
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; P0 W$ o$ L2 f6 q" h/ [         document.all("supertext").style.top = yPos + document.body.scrollTop;& X$ D) C+ x( R$ ^9 m
         }
) f, j& [  t( _+ t6 V3 b      else if (document.layers) {
% k( K: @) v; r) Z         document.layers["supertext"].left = xPos + pageXOffset;& ]& y( \- b; W' J: |2 {
         document.layers["supertext"].top = yPos + pageYOffset;6 O! `7 x" }# |  v6 W
         }
- E: U$ D7 y0 J3 U. R      animatetext=setTimeout('moveBall()',20);
8 U; {& h, h1 R+ I0 c      }0 m! D, @! S- U2 _
   }
  d- V1 e$ M2 W+ o0 D4 K2 F( j! ]
function calculatePosition() {% H/ o& Y/ ]7 D- r9 L7 ^
   if (xDir == "right") {
! v. W. ^$ M, g+ c6 e      if (xPos > (xMax - contentWidth - BallSpeed)) {" }  N7 H: ~: m9 x/ a) p3 ]# `
         xDir = "left";
8 X* t, w3 K7 K+ g         }6 K7 `& D3 ?: D; V
      }
6 C$ p$ y# U0 h2 ~   else if (xDir == "left") {
: m8 M# J7 D% ?! U$ O      if (xPos < (0 + BallSpeed)) {
: ^+ Y1 f8 `' ?/ M: X         xDir = "right";
; [  ?: u) V7 Z' g; L6 `# G  Z         }
+ i7 i$ Q  _" d0 b' H      }
  Q2 q) p( c, z5 w* N% d   if (yDir == "down") {- x) F) a- Z& M9 ~1 t0 m1 S
      if (yPos > (yMax - contentHeight - BallSpeed)) {1 [7 [8 d* ~1 D: ?7 b& B
         yDir = "up";
' j/ z% a& @0 t         }
1 \, y, \' \7 n5 t      }: n% `0 \' V/ f; Y+ ]- V; D
   else if (yDir == "up") {& ^0 X& ?) O7 h7 u
      if (yPos < (0 + BallSpeed)) {  Z% ]6 u  I& f9 L9 k( J/ l: k3 e, m
         yDir = "down";
+ `8 [3 h: k8 B$ w  O         }
9 Y; P$ G0 y7 v  `/ J: n      }
% v+ ]5 @7 Q/ Z! A0 t8 M% w   if (xDir == "right") {
5 k/ G! r7 x$ z4 k, q5 I      xPos = xPos + BallSpeed;! H2 L- ?, n+ e
      }
/ h. V9 n, Z8 }; c8 I! s% ~; {   else if (xDir == "left") {. @6 V/ |! @9 ?" o
      xPos = xPos - BallSpeed;# X& i3 r0 C  R5 {
      }
7 ?1 l* Z. T$ ^3 j* [7 ^   else {
. C1 f1 S; @$ a      xPos = xPos;
5 f, N- ~, D) J2 D6 a; F      }) u# V& B5 _+ Z
   if (yDir == "down") {
: P2 O) A5 V/ T+ |* N" V% Q      yPos = yPos + BallSpeed;
7 N$ C6 l+ [2 d      }
# t9 c6 V6 c  {   else if (yDir == "up") {1 Y+ L$ ?0 Y6 ]# I/ k
      yPos = yPos - BallSpeed;
' I, q0 g/ I- {7 J2 h5 g) e      }  e4 |3 m4 \. H9 W! j& m
   else {! B: J: R9 u+ v7 ?3 n1 {2 Q( _( f, D
      yPos = yPos;$ s9 m  b9 `; h" w, Q
      }0 ], `9 u9 J7 [- B
   }
' _' |6 S  Q/ C" l; _, z" J# y% b! e! K% I# K( c# P  x' I
function hidetext(){0 @7 t" h# c5 w6 k" a
if (document.all)
) O. [$ n( L- ^) W5 }: {supertext.style.visibility="hidden"0 j" T- S+ Z) p! s% d( c
else if (document.layers)
" B) U4 ]3 q( r9 n2 ?# o6 Tdocument.supertext.visibility="hide"% Q- d( C8 m7 e3 g: ?
clearTimeout(animatetext)
% Z) D  D" R6 e! W0 {}* M" M+ ]) V0 Y* q' T2 D

! u) {, M  P$ }3 V8 _6 z7 m7 y1 yif (document.all||document.layers){
! d0 k1 q5 x( a* V& Pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), q* R8 p+ r! w9 N
window.onload = initializeBall;
- J, m! A8 h/ A3 q: Gwindow.onresize = new Function("window.location.reload()");+ F, R! b( U' S4 U$ c
}6 t2 j) U2 i+ I1 d
' P! X- n. e% l9 r4 c% ?
</script>