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

zw2004

<style type="text/css">
2 F; }. K9 o9 i; f9 F7 M#supertext {
4 q. E# n0 I+ P# z5 D: }- Rposition:absolute;
& A" Y9 I+ a8 D( D: y' _left:0;- \# i5 Y3 t, O% }. m; z
top:0;/ D% Q5 O$ r1 t+ C. m. y
visibility:hide;
0 ~% l# Q0 i) y$ R& r+ }: s5 X$ lvisibility:hidden;
2 X$ U0 O, z+ M) h% _$ w$ |}' Z' n7 C1 f% Y. r( Q+ {! c- T9 @: \
</style>
8 l( O3 z6 y: }8 ~6 s# t4 z<script language="JavaScript1.2">
4 I5 R. O0 W4 i5 Z; Q<!-- 改变下的字体的大小。颜色--># s, C9 I, E9 g
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 f( k+ M, F, B8 b* I2 l' \0 H
var hidetimer='';
2 \3 T. Q# S% q3 t. }" d<!-- 改变下的弹跳速度-->; }* O3 X* t  k9 T7 G; D
var BallSpeed = 20;8 f% E8 \. v4 q# v5 K
var contentWidth;/ F- I4 O; N; P/ H
var contentHeight;& S* C! y+ h, D+ Y$ r6 d
var maxBallSpeed = 50;
1 o7 c5 n& z. H& t! |2 k
" f5 ]" z% N: W( O$ q7 ~' q, K/ v9 r! g9 p/ G7 W
var xMax;
8 i- Y! Y2 N8 p4 Cvar yMax;1 f' M" L0 e2 t& L1 v* `
var xPos = 0;% G3 q" q7 J# j4 I1 X. b
var yPos = 0;/ D+ W) w: O! Y0 T  K$ S: C9 e
var xDir = 'right';
- ?" f3 j8 [: }- f! ~' K( Rvar yDir = 'down';9 a( b- i6 i* [3 c% \+ V8 V
var superballRunning = true;7 T: d- y+ k9 d( p6 b2 W
var tempBallSpeed;5 x6 V% j) K6 x$ w) c3 K$ H" t
var currentBallSrc;
+ C9 z& O* f2 i& N, t$ `- Zvar newXDir;" ^6 _" U/ [& P; c6 l3 T
var newYDir;
& `1 K( [% T7 f* H5 J7 _6 L$ \- r. J( h( E6 N
function initializeBall() {
$ k# e0 X. J$ E   if (document.all) {, d$ Q7 E' Q, P& B
      xMax = document.body.clientWidth9 K) }2 e7 k$ q0 P- y* F8 ?, T6 h
      yMax = document.body.clientHeight
$ \# j) ~& a$ j, f; ~      document.all("supertext").style.visibility = "visible";" a4 x4 {* Y7 C" v" {( {
      contentWidth=supertext.offsetWidth. h& A& A8 ~( J; j3 E# N. }1 Y
      contentHeight=supertext.offsetHeight
3 h: ]: B# d( J) O" ]      }
% ~' ?" ~8 A8 r4 b   else if (document.layers) {- m$ Y: Z  e) g* o; f* X
      xMax = window.innerWidth;
) H1 E9 l- X, ]' f      yMax = window.innerHeight;9 @; m* O8 ^3 D
      contentWidth=document.supertext.document.width
. k7 {" G' N0 u% b, Y0 h      contentHeight=document.supertext.document.height2 Q# ]/ ], h3 _* r, T$ S
      document.layers["supertext"].visibility = "show";7 p. Z+ g9 v" t9 ^
      }% d' z$ S% K5 d; Q% D' c& G) H. N
   setTimeout('moveBall()',400);
7 T! u0 U- a  z8 q. }, F( p; T+ B   if (hidetimer!='')
# _. f8 H# q: I' h# y: B) l   setTimeout("hidetext()",hidetimer)+ A  F  b) _- @7 v, P
   }4 n0 E6 ^$ i9 M, T- \
! {8 x, \' d, C( o- M! q( a
function moveBall() {
" E: x. p$ g2 O/ b   if (superballRunning == true) {' }2 j# Q8 N/ K& h+ T5 U0 h( U
      calculatePosition();6 c% h) Q8 z. [8 s
      if (document.all) {
: ~/ v& X, O( q: u; _5 }+ k+ t$ B' z         document.all("supertext").style.left = xPos + document.body.scrollLeft;
$ e; H8 u* d; A0 d6 ~! b" e1 h4 {         document.all("supertext").style.top = yPos + document.body.scrollTop;
+ Z, z9 O) p- E+ c; H         }
4 o& X7 {0 b2 N, N, D8 I1 D, e      else if (document.layers) {
) ]& v8 t$ _6 E$ Y! X  X1 C         document.layers["supertext"].left = xPos + pageXOffset;0 q6 D" Z6 e2 E4 {, d  E/ ?
         document.layers["supertext"].top = yPos + pageYOffset;
7 [$ ?2 B! _! R. C3 M' |         }
# I2 `2 _; y6 B6 A2 f6 c      animatetext=setTimeout('moveBall()',20);
7 N! j0 r! Y( p& W      }# j3 [# E8 n* L' N& d; r$ z% b! V
   }
! s5 M# S0 Z" y  ^2 b! V& r# ?$ q$ L; O; r! U8 U0 b5 }1 Z
function calculatePosition() {2 n2 u2 `: I! Z( y; j* O4 T
   if (xDir == "right") {
: Y6 z4 U" ?% ?3 Q# [6 D      if (xPos > (xMax - contentWidth - BallSpeed)) {1 o( [9 i; _9 q' R! c7 I, @; ^5 y
         xDir = "left";
8 g/ H& }, K; k/ a0 [* L         }" y3 G; a3 N5 ^: a
      }- z) w3 G' R4 G+ ]' r
   else if (xDir == "left") {
, k% V- }& t4 o' i      if (xPos < (0 + BallSpeed)) {
: g% J4 D7 H1 s5 A6 k         xDir = "right";
+ v7 @: R2 ?+ `% j# ^         }8 h. e, C3 F" n8 k1 p
      }0 O$ G- p8 d2 E5 o% X. Q7 u( O& c
   if (yDir == "down") {3 E( F8 C# H. e* |3 Z$ j3 N
      if (yPos > (yMax - contentHeight - BallSpeed)) {
0 z  I6 x' S% B* v; s- F         yDir = "up";
$ h& h5 D1 R% e/ C- N! ?8 x         }
8 {8 r# V) [& J* R# X      }
- G: I2 r$ J5 _) S% ]; v5 o) O9 i6 \' {   else if (yDir == "up") {: F5 Y; M/ G5 h7 X  P/ ?+ ?& z6 b1 g
      if (yPos < (0 + BallSpeed)) {% A! T5 V% o# b( u0 u
         yDir = "down";6 [1 f) J9 V1 I0 N( t4 P2 `# P( g! M
         }: b: h/ T. d* u  [" y8 L- @5 K% s2 M! Y
      }
) g; C! @! `  Q. G6 d' Z. H   if (xDir == "right") {
" @0 G/ C( w- Z      xPos = xPos + BallSpeed;  A8 ]; ], ]3 e3 r
      }
' j6 x- b, Q3 f5 E% W; s# R- E9 L   else if (xDir == "left") {; v9 N) C- r. Z0 F, `& ^
      xPos = xPos - BallSpeed;3 t+ D9 R/ \* l/ @6 t6 ]" G4 F
      }! C1 H) z8 l/ l! d
   else {- L4 h) C! D7 U; m/ E
      xPos = xPos;
$ a" d' W3 \" w0 i' `+ ^      }
3 m8 D8 ~' m+ L4 m" S1 H# T   if (yDir == "down") {
: Z- h, }: \5 }/ V  u0 w1 t      yPos = yPos + BallSpeed;
5 u2 Z+ l" N- z  D( X- v& Q' b      }
+ N) x& g% \2 I" j1 q7 A, U   else if (yDir == "up") {
  y/ e6 t% e  m" ]: C& M      yPos = yPos - BallSpeed;
4 i  G* x  p( i) c; g( \& y2 Q      }2 D2 w' R+ N2 B. V5 e7 F
   else {0 q7 n' x% u, u
      yPos = yPos;
, ]! W% Y& F0 O4 S" w+ l# j      }
; \/ a4 I: G3 p( {# f" z2 @   }2 z) q" ?5 H4 z, |

9 j* {$ F% N8 q) G' E0 e! zfunction hidetext(){
8 z) c  M) U: |( V+ F. }8 X" i0 }- Dif (document.all)
& o. ?# Z# }5 ]7 {; D9 d+ Hsupertext.style.visibility="hidden"
, K# M- j0 ~' Delse if (document.layers): n8 ?+ C) L( e+ }
document.supertext.visibility="hide"
2 t% Z$ O( W0 h' V8 X4 `  TclearTimeout(animatetext)% D6 i" e6 ?  q0 b
}
3 T, m% T' o7 i# @- Y- S3 }/ Z5 q; f3 @3 @( q6 _8 J1 B$ J$ a
if (document.all||document.layers){
* K# V+ i3 M! Q: _% H, Wdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')* S4 {- P0 o7 ]5 X: I: I$ z
window.onload = initializeBall;
- Q2 X  j1 }6 d0 ~+ {( x9 |! T! iwindow.onresize = new Function("window.location.reload()");* U7 t% A$ V- L& Q) m% H
}( a% a: Q& W7 j/ m& m& W
$ q! q* B- i# S
</script>