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

zw2004

<style type="text/css">. Q* A) r' M+ ^) L+ p
#supertext {2 Q  n+ o" ]( X: x9 F- A* j* B
position:absolute;
  f$ X9 U- z* L! d4 K3 nleft:0;
9 Q$ U  o; h: f& e3 ktop:0;. o$ X. ^" E. U+ O% r  @9 {
visibility:hide;1 ]7 o: `- s. r/ C, C) N3 P8 s6 O  E
visibility:hidden;) @1 U& z* s; ?/ v
}
% U, o2 s" Y& j* m* n</style>
: \+ F) B" D$ E. H( I& e<script language="JavaScript1.2">
# E+ w9 Z; [. D- k, N. C# Y<!-- 改变下的字体的大小。颜色-->! W% X7 T. l2 ]: |5 g
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 N5 C  t2 Y1 B6 k' e
var hidetimer='';
  Y8 m% O; _! N* F  D2 h" ^<!-- 改变下的弹跳速度-->
8 A3 ]* `0 w8 `3 n4 @# x2 ~9 e+ Qvar BallSpeed = 20;( E2 S( L& e2 V+ Z
var contentWidth;
" z8 X0 C0 }9 \3 l: Lvar contentHeight;" k3 ^/ J' r* L: N0 ]8 z. u
var maxBallSpeed = 50;
# ?; H& v7 p4 ?& ?* Q: ]  K1 {: j& j& x

: g+ Y3 i, Z+ M& T9 z  _3 {; h2 wvar xMax;# t' ?* U- D3 n3 ^' {, A  E% H* h
var yMax;2 O, N2 x, N8 ?# r' m/ s  V
var xPos = 0;
3 c& B+ a4 a- l! p( U" d5 lvar yPos = 0;
0 m+ C2 X. \# \; L9 O) vvar xDir = 'right';
# V, l4 h0 `4 U' l' y  Hvar yDir = 'down';7 L- [/ ^" V+ Y2 g
var superballRunning = true;
7 v' F  S0 R- X. ^) b, P6 b2 fvar tempBallSpeed;8 f4 x; }- c  ?8 S7 N, J  A1 o/ C
var currentBallSrc;  O3 Z0 v' R' Y( a/ Q9 h0 k
var newXDir;" m: l' h/ Z$ @! f- j* m0 t# L
var newYDir;
# |- \* d- u- ]! L+ J- A+ C: u! e: t! t1 r3 C1 a/ [( W1 P
function initializeBall() {
' N! i! V' X& I: ?, M. D   if (document.all) {
" H1 ]) j1 N: O+ ]      xMax = document.body.clientWidth
# E" p3 P& I$ a2 e      yMax = document.body.clientHeight0 ^9 A& F5 v( ^2 d3 ]
      document.all("supertext").style.visibility = "visible";+ U% S% ?8 W* C, P* F% D
      contentWidth=supertext.offsetWidth/ ~' X9 t, ^3 j+ f8 T, W, j
      contentHeight=supertext.offsetHeight) y, z- r' O0 w6 z/ P4 u  s, }
      }2 s4 U+ V: R% c- O
   else if (document.layers) {
- X1 ^  k% D+ f5 q! q      xMax = window.innerWidth;4 G* O- n2 ^4 O5 a3 k
      yMax = window.innerHeight;
5 }1 B9 \* [2 s      contentWidth=document.supertext.document.width
+ q2 _; L% G5 D7 g9 w- E2 j. ^0 E      contentHeight=document.supertext.document.height) T1 p1 Z5 T4 d  d( U4 ^
      document.layers["supertext"].visibility = "show";
& k& P. n4 W4 a' b$ m1 ^      }$ f1 e6 A6 g4 I) ?' @# s
   setTimeout('moveBall()',400);
2 [0 {# v7 V9 N% g4 |/ ~( x. y. n' Y   if (hidetimer!='')- q( ]: Y1 q6 y+ ~: U! L
   setTimeout("hidetext()",hidetimer)/ j* J% ~$ C, k- |& J% `
   }5 [; R& T5 |( [
) z& T6 |* \- @5 r& W- e9 @
function moveBall() {4 M: N' Z* l" O9 K/ Q
   if (superballRunning == true) {9 n% ]- P; U% i: O: n% s
      calculatePosition();2 B0 C+ j# F' s$ l# P$ F
      if (document.all) {
6 S4 y8 i$ [' t         document.all("supertext").style.left = xPos + document.body.scrollLeft;: [7 Y; r8 r0 {$ N9 y0 @
         document.all("supertext").style.top = yPos + document.body.scrollTop;
# e4 U2 G- m1 n% L* o/ n+ T/ d: r6 ^) d         }
( [' x. A. E! t8 ]% H3 {      else if (document.layers) {
2 ~* V$ o; E, ]         document.layers["supertext"].left = xPos + pageXOffset;- P9 S- A( a& e) z0 _+ q5 Y' w
         document.layers["supertext"].top = yPos + pageYOffset;
# u. [! @3 e2 E8 d4 t( L         }: P, h# p: u7 L+ r
      animatetext=setTimeout('moveBall()',20);* I( Q4 N  v9 B6 i. i5 z$ M. F
      }; ^8 o: J' ?) @. R4 [5 V7 M. G5 h
   }% a7 t0 y2 w# z! z) V2 r2 n  H

  V5 g8 @8 l6 c; ofunction calculatePosition() {1 }. F  H# ^1 R. T
   if (xDir == "right") {
4 }  ~: z2 T  ]: H: F9 X      if (xPos > (xMax - contentWidth - BallSpeed)) {
. s3 H" \: ~- y6 v. G& ^; q         xDir = "left";0 ^! o% }8 D. k9 Q
         }
3 L: Y7 i4 \+ m8 q      }1 Q1 D" V" h" l" H
   else if (xDir == "left") {2 f  r+ W/ _( h: x% v
      if (xPos < (0 + BallSpeed)) {0 M# A6 F4 t5 ^. U& U8 O3 m
         xDir = "right";
# k7 Q, A( J8 Q7 h* U  E" B) O         }
5 u9 {' G) s$ w" b0 e      }
2 {1 @, Q6 P$ W% c- c' J   if (yDir == "down") {
* o' s6 F" f0 q% B) h7 l- ~      if (yPos > (yMax - contentHeight - BallSpeed)) {8 g' }9 n, W. ~& B
         yDir = "up";
# s: j" f7 E7 s% [  j         }
# j" m( Z; M, h0 U! a# L- `9 j      }2 x7 n4 e  j2 U: Q7 A: {
   else if (yDir == "up") {
2 M5 v7 Y+ F2 ]& z3 ^2 Q& ^: L      if (yPos < (0 + BallSpeed)) {
' U0 @# b  d; T/ ^         yDir = "down";
7 A1 [- h: ~$ P3 |; v         }8 |# }: i" k. Q! |. s- R* x
      }& y& d( l% }, {# x; S# v- D% G& |
   if (xDir == "right") {  |! Z' f# W1 q& m- r4 E/ ?5 s5 x- ]
      xPos = xPos + BallSpeed;
! C! Z0 m  p% }      }1 o% l: `% R  z# |
   else if (xDir == "left") {4 T2 `" f) q. W8 W( g) K
      xPos = xPos - BallSpeed;7 O2 }& o) a5 J& r1 b8 l
      }) [3 [! x0 ?& X& }+ X4 n  [
   else {
9 O, ^( X0 ~/ @; @0 r. M+ |3 u/ @      xPos = xPos;/ Z" T4 I3 `1 y* i) {3 |3 X5 `) E
      }: @& a# i# |2 _+ K
   if (yDir == "down") {
& \, ]5 N) x3 q, S4 U. _& T. ^      yPos = yPos + BallSpeed;
6 n1 W( {0 T' M) _  Y  r      }
, b4 V! ]% X9 J. D2 H   else if (yDir == "up") {
+ f2 |" Q( Z" z- u. z# z/ i1 J      yPos = yPos - BallSpeed;4 ^% @3 g$ x' S- x6 s. k
      }
& n( v6 f) ~: |: l" m+ t   else {$ y6 b$ }0 m: A) x8 w2 ?! _; g
      yPos = yPos;
' I4 O0 z9 ?9 _% _  }      }
$ N1 T" j/ `8 a! a- K6 I; Q) @   }$ Z) y3 C6 e) q* l/ K5 j  N
" U6 a9 C' K) N3 l, l
function hidetext(){) a# v! ~: E2 {* O! r5 s
if (document.all)
( o' u/ T7 C4 T3 _supertext.style.visibility="hidden": l* t  X; ~/ R  J
else if (document.layers)" v8 A- U- p! s: n
document.supertext.visibility="hide"
( L  a1 F& ^4 oclearTimeout(animatetext)( I% |4 S: W4 p- K( K$ c
}, R; n0 W2 v( B4 D

1 b- U# I9 p+ Q9 s1 M5 N, Yif (document.all||document.layers){
" g# i% f: ~. w8 G/ I% O& Gdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& I! a  g2 ~2 H8 {8 I  U# ]: l
window.onload = initializeBall;
8 V- s4 G5 ?" d9 A. _# Lwindow.onresize = new Function("window.location.reload()");7 f- l9 V2 u5 ]9 n
}
# H: _1 A0 |3 V& D1 ]3 ]" g; r* E% I4 p+ l* @; ^. ^: T
</script>