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

zw2004

<style type="text/css">
& _9 H4 d' R( ^#supertext {
& |  a) I$ V6 q' ^* K; Dposition:absolute;
. q3 v# ^6 e; k9 d4 Yleft:0;
* L2 x6 F0 C1 \9 \top:0;# [, d2 v+ ]9 r6 l: |& X
visibility:hide;1 V' [: J$ M; g
visibility:hidden;
. B* A2 X( y( t: I* c5 H}1 Q8 w) u$ Q: B8 ?2 M
</style>
' z( |! }0 j" I/ a3 m/ t7 C<script language="JavaScript1.2">, R5 n0 Y1 s3 R1 G8 b; e
<!-- 改变下的字体的大小。颜色-->" H: w  J3 h! o! A# G, ^
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 z) B$ y) M& N* h7 {: Ivar hidetimer='';
- t0 j2 x, \, D6 }6 W<!-- 改变下的弹跳速度-->
+ p$ m! B! }. q/ o# [: J2 g, @var BallSpeed = 20;; A1 }, e3 d& ]
var contentWidth;  \3 Q+ q1 ]8 }/ n  c) ?' [# ~
var contentHeight;
& d" V" Q; L  h4 J1 \: V% lvar maxBallSpeed = 50;! y& d) I% ^% V/ Q) @* {6 J# ]5 E" Q
; B& e& Q3 u9 o: ?& [
) A; _' O9 f& m
var xMax;
* h0 A& L( e; k# t2 Dvar yMax;
, G) I+ [" b# rvar xPos = 0;% `! ^  |, o% O& W+ N
var yPos = 0;
4 b. ^0 M- ?% Q$ \! bvar xDir = 'right';
7 L- U! w4 `3 o3 E. c2 Lvar yDir = 'down';" i4 U+ o' @& o4 o! A
var superballRunning = true;
. {1 Y9 `! m3 x& i& B/ Gvar tempBallSpeed;
8 ^2 ]; Q. ]7 B3 I& D0 Nvar currentBallSrc;
8 `! [: T3 o" I3 f- O6 tvar newXDir;
! V% ]/ x' l6 [( k7 L) pvar newYDir;( `( q; O5 r$ o% `  X; r: |
' l% Q) b% A. _9 H$ S
function initializeBall() {! _1 {( \+ F4 `7 v: {
   if (document.all) {
  N9 l. O' w) Z# t3 H1 Z9 ~" q. C      xMax = document.body.clientWidth
0 ?, O* J" ?. {& O$ u& c3 b      yMax = document.body.clientHeight
+ L2 g  Z% e5 d! k  Y. Y      document.all("supertext").style.visibility = "visible";
/ n) U, }5 @9 K0 ]6 K! \, U      contentWidth=supertext.offsetWidth
. D, j2 _7 s6 c  R8 f9 a, J      contentHeight=supertext.offsetHeight, I# g+ v  r. l: ?3 b
      }
( q# R; O! c( X   else if (document.layers) {/ U5 x: u4 q$ }/ {7 C2 D$ H- E
      xMax = window.innerWidth;
; n- A/ W! A" }: n      yMax = window.innerHeight;
: B0 i2 m% ^" H' |) \  [1 ^      contentWidth=document.supertext.document.width" D3 z( \8 q7 `; ?2 k* Y
      contentHeight=document.supertext.document.height
" d+ I9 z. T. A  H, |4 B, u7 w$ B9 L      document.layers["supertext"].visibility = "show";! X# V6 y3 P: X- k3 h
      }+ b3 p6 i8 o, e" n1 i, X8 ?( w& ?
   setTimeout('moveBall()',400);
& l9 `# T. M& c5 ~   if (hidetimer!='')1 g4 T+ C3 S; |& K
   setTimeout("hidetext()",hidetimer)9 I+ G% A: g7 c+ g7 ?' y; _
   }3 B, `4 `6 C/ q* L3 K% M( |" e
1 j' o1 l: }0 i+ D' {
function moveBall() {
* i- Y# q- l8 Z0 H& M6 i   if (superballRunning == true) {
5 z# w* m9 ?9 Y; N0 Q; b      calculatePosition();
* z! Y* |/ V" M* G3 A! v, m9 r      if (document.all) {
. N7 {' @" g9 M5 J5 V0 t/ G         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* g; t; K3 o. ^8 Z* u. O2 j         document.all("supertext").style.top = yPos + document.body.scrollTop;& {( X: O8 L7 d* s* p) K" T. w; [
         }
6 u* Y# w: t8 l4 @. l      else if (document.layers) {
& v1 `% G; N3 p* i& u4 c  H7 a         document.layers["supertext"].left = xPos + pageXOffset;$ h' a8 k- m, v2 W7 y
         document.layers["supertext"].top = yPos + pageYOffset;
+ M) ?( j  |% U5 \2 V         }
* Z2 M& p8 }' j7 N" g: J      animatetext=setTimeout('moveBall()',20);3 X$ U$ H, `1 B3 v* t
      }6 E' U2 `: f9 x" L" W4 |$ h8 P
   }
6 ]9 u* X/ n7 ~( P8 z0 L0 o0 R3 t  N8 J- K6 F+ U8 H. n
function calculatePosition() {. O& ~* p) ^/ h: m! ?2 e8 y1 h5 R
   if (xDir == "right") {
& a; F+ D) G0 f2 x, L      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 P5 N$ K6 N! V# w6 m; K4 L         xDir = "left";5 l& X. I# Y7 C6 b
         }" }+ R  h! n$ {- a; j* n
      }: f+ J( M4 ^* `1 y; Z
   else if (xDir == "left") {6 }/ ?' O4 B/ o! K  ], z2 L! y
      if (xPos < (0 + BallSpeed)) {8 `8 m/ C- ], m2 M# c7 W
         xDir = "right";/ \: `: h- `1 a9 n/ [
         }
: }) h, z6 k& q* w9 @1 C      }! [5 e# d+ B! r4 ]2 X; z
   if (yDir == "down") {
# I$ }+ P& g/ t/ n; ]      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 Z, o6 l- }" ~         yDir = "up";3 Z6 x5 Y6 r- |% e  R
         }8 E4 ]* L0 R* q
      }
0 k* l; Y- Y& N& t# [7 x) ?% C( @   else if (yDir == "up") {! f/ p7 n3 K# r( ]' n* B
      if (yPos < (0 + BallSpeed)) {, m& z1 u+ t5 b( T: d
         yDir = "down";
8 z1 N: f8 ?) r* M7 M         }
7 H" G0 F3 Y  W9 O; Y- ^      }$ y- p! V- F  v6 R! W& c& z% c4 }1 Q9 K" R
   if (xDir == "right") {
2 ]9 u; R9 V  K7 \* V3 y      xPos = xPos + BallSpeed;0 E: m" Y( }8 ~$ U( m
      }
4 _* q, k2 N; F   else if (xDir == "left") {
# D* |7 S4 C$ ~2 t2 A  n      xPos = xPos - BallSpeed;3 \9 f1 ?2 b% H
      }1 Y, X* D+ f& a' `! ~: ^" N
   else {
# G  `0 `& Y! b. a' I9 S1 o. w      xPos = xPos;
* ~# D$ D3 k' R- l      }
5 Q: p# h7 V4 f6 K   if (yDir == "down") {
, l5 M* ~9 q% h8 H2 ?9 G& |  L      yPos = yPos + BallSpeed;
- U  @# W7 b& t& y      }
9 v- E# z! T1 U' J   else if (yDir == "up") {
' `6 l) R8 s) r) j3 ]& D      yPos = yPos - BallSpeed;
- I7 \! n8 E. Z7 i  a' y      }- }2 t! D: J* {. I8 x, r% {
   else {
8 q9 T2 Z/ F* ]# a  z      yPos = yPos;
; n8 C$ n) ?( f7 R1 `" f      }/ _- z2 |- D/ l& F
   }
5 o3 J5 y2 d# N) R* b% \* E* {* Z( c( f3 `' W7 ^9 U* l1 z
function hidetext(){/ Q0 a( j2 Y1 j
if (document.all)
9 i( o  ^" y7 o, H* [6 W8 rsupertext.style.visibility="hidden"
& V+ u8 e5 H& b6 }else if (document.layers)% R$ q$ j) W* Q  i
document.supertext.visibility="hide"( T$ |$ S* b$ C: U- z- s6 A* R
clearTimeout(animatetext)
' n* L) C# i4 J}) d# a1 H. t- w* r
( ]+ @  Y9 L2 H
if (document.all||document.layers){
& [8 M# I# e, E( |. edocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 f3 D$ v' E! Owindow.onload = initializeBall;0 x, J6 T. W& s. Q6 |5 Q
window.onresize = new Function("window.location.reload()");
" A3 L4 J* F& ~  B' ?}  Q2 w2 I; u+ S; v  A
( {2 v5 D$ q1 I/ u
</script>