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

zw2004

<style type="text/css">
; H! d6 V. F7 |- O#supertext {: ]" Y6 o$ v# s4 ?7 B; n. V3 G6 {
position:absolute;
& G/ ~6 u! r4 \8 N8 F7 dleft:0;; d9 J# U! K# p: J1 R
top:0;; G8 y4 p& }. v0 e5 w  y, V
visibility:hide;8 H, t  q" k# c
visibility:hidden;
: m/ G& m8 E2 v) `& f' {( Q  @9 A}7 s+ e# J& ]; L9 w
</style>
( D! `/ g4 _& u" f2 c( x5 m<script language="JavaScript1.2">& I# e3 n; c) p. T6 r% g6 Y. k( k
<!-- 改变下的字体的大小。颜色-->
  I: F( [8 R# k% t& H, i1 _2 Yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
6 {% A0 H; i: ]; I& i2 ]9 Z: ^var hidetimer='';
1 n: D9 r- K2 x- @' a0 a. K<!-- 改变下的弹跳速度-->
, @9 b: X! N' @! U& Nvar BallSpeed = 20;
' y) j( D7 K" Y- k5 j- ]( o* Lvar contentWidth;0 W/ m: T3 M: e2 {
var contentHeight;9 [9 B$ A( g( R% D) m) A
var maxBallSpeed = 50;
& x0 T" @/ ^$ _* _4 g0 t0 q. A+ p- l+ n

4 D9 a1 Q2 L* `2 P: {+ S/ }" nvar xMax;
; @  }+ c$ m+ |$ i' A' b, |$ P, E/ hvar yMax;
" G0 [7 Y' M" b5 P0 Y8 ^& w( kvar xPos = 0;
9 r% V$ F% s' S0 B3 @/ \var yPos = 0;" k1 O& J( o2 V5 b
var xDir = 'right';
" k. q/ E- \% y# A  ^( J, [" W1 Cvar yDir = 'down';: o* K! c9 a5 A( P$ R6 c+ \
var superballRunning = true;
) h& D3 n5 B' f" bvar tempBallSpeed;9 `4 q8 J/ F' h' N5 J
var currentBallSrc;7 s) f' |" M6 u$ r) K
var newXDir;3 @% k5 n+ P5 }1 q  [
var newYDir;5 l; n( C0 D, H9 h! f9 A, Z  [6 x

) n% \1 z* i: u! f$ Cfunction initializeBall() {7 B) s2 Z9 _" {0 S7 ^3 f
   if (document.all) {1 D8 Y, Z: W  d* w$ i3 k
      xMax = document.body.clientWidth
- ?" a* t7 V! M. Q3 U8 E      yMax = document.body.clientHeight0 Q7 f/ e/ v: L/ A" I; _0 ]# y
      document.all("supertext").style.visibility = "visible";
$ x/ L4 Y2 t1 c6 C) l      contentWidth=supertext.offsetWidth+ M# g* Q% y: R8 t- t2 d, Y
      contentHeight=supertext.offsetHeight+ `& `: |3 a( o( y  O5 A; b
      }
  `- e" r7 x0 y0 H   else if (document.layers) {3 P$ p' J! T+ t3 S3 M: a4 ~9 v, n
      xMax = window.innerWidth;- N5 s5 e/ G7 h# [
      yMax = window.innerHeight;6 c6 C. W* z  t/ M% C: l
      contentWidth=document.supertext.document.width0 E9 }2 i, S/ N" U! L
      contentHeight=document.supertext.document.height4 s+ I* W1 h8 s! u9 O" z9 A
      document.layers["supertext"].visibility = "show";
& |: q- c% P; T0 i; G0 c/ P( {& ~      }
6 _& h3 s' R; ?7 r0 M   setTimeout('moveBall()',400);+ T1 i5 m. g  m$ ^* F
   if (hidetimer!='')
$ m- m- j" M+ w2 u$ g   setTimeout("hidetext()",hidetimer)
5 L: W% ], E2 ^% `   }
1 p  F* _+ B& n/ I  v. O2 J4 n* j6 S: a6 l
function moveBall() {
( h+ w6 }! L0 H  k* O( f5 [: ]   if (superballRunning == true) {0 I6 c- V8 F" W& Z4 A
      calculatePosition();
" z$ l7 ~0 q& {; J      if (document.all) {: x# ]) G. L9 o+ i+ o
         document.all("supertext").style.left = xPos + document.body.scrollLeft;) n) r9 S. ]# J+ l/ C& ]
         document.all("supertext").style.top = yPos + document.body.scrollTop;( E, j% }6 J# w
         }/ W7 s5 _( L4 \1 d: ]; B8 t
      else if (document.layers) {
+ z" e; v6 y% ]6 p& f" O; N7 K, m         document.layers["supertext"].left = xPos + pageXOffset;
4 K' y7 m; k3 x  E3 {         document.layers["supertext"].top = yPos + pageYOffset;
+ R- d( d! O/ E6 t7 q1 P         }% ]: D0 c- n; F, G. @
      animatetext=setTimeout('moveBall()',20);$ l0 U& W. {* v1 V3 }/ K7 y
      }
$ W0 x# u$ G5 H6 d: _   }) k3 H  z% [# L7 `7 q( T4 U

, `" t6 r2 P& E* P; V6 M" Efunction calculatePosition() {! F8 q' n* r7 u/ q& d1 M  @
   if (xDir == "right") {9 J) L, N' u: B0 A  s
      if (xPos > (xMax - contentWidth - BallSpeed)) {
, Y4 F+ s% d+ T         xDir = "left";
1 {4 J# \' I) h' q2 s' [1 e1 p         }
2 r! Z0 ^. `; F3 J      }* S. a: S9 w& I* G0 O; }! `! G, x
   else if (xDir == "left") {# H# o" |6 h4 b) K/ ^* Y
      if (xPos < (0 + BallSpeed)) {
# f% U/ x* O+ A* {: n9 x% p. A         xDir = "right";  I* i, C3 g$ f* C# O0 {: [4 @
         }
5 Z( g! l+ \% L) x      }
# ^) g% N1 s5 t2 l. e( n$ P   if (yDir == "down") {
+ V% U+ s8 l: v# v/ X& y      if (yPos > (yMax - contentHeight - BallSpeed)) {
, F5 ], W! r1 Z8 P: I* ~& c7 N         yDir = "up";) o4 k& q$ g: I1 u/ L3 @# H- o
         }! O) w/ y5 ?3 F5 |" n3 t
      }
5 W' D9 r) ~- S. r, y  H! k   else if (yDir == "up") {
/ b+ {) \1 G0 Z- _- N( F5 R      if (yPos < (0 + BallSpeed)) {
3 i8 W6 K9 W/ Y( @  g4 [4 y. q/ _         yDir = "down";7 [- D+ W- p+ h# x1 u" ~5 n$ R
         }1 e# A+ h7 Q! O+ D. A# W0 j3 C
      }
; C& H" g" P- V  b) t   if (xDir == "right") {
7 m. H2 C/ d+ l( u      xPos = xPos + BallSpeed;
$ B( X% f+ c8 M      }. R& c- t: w/ K0 T4 t! J
   else if (xDir == "left") {
* r# ~2 Y3 W9 y' i! }- i      xPos = xPos - BallSpeed;0 T) Y1 b; b/ u, c9 Y7 X! S$ W: {
      }
* }/ a" z+ N& Y& m5 X   else {, _8 t% o  e( A3 w
      xPos = xPos;
* ~& O9 R0 A2 v  D      }- e5 p  Z: _7 @/ `1 {' B
   if (yDir == "down") {, v7 m' q% o  T/ F3 V6 }$ C
      yPos = yPos + BallSpeed;
8 {  c) T2 E( @* Y1 n/ }" A$ P& S      }
$ W1 X' e" Z0 x% ]( p" a* j   else if (yDir == "up") {+ E" y1 P; n4 U9 X: X: |3 W) e# G
      yPos = yPos - BallSpeed;
: D; @: `+ f  S' C      }
& k. [, }" e& O, k. X! X, l# k. y2 L   else {: u2 k& U/ g/ @/ H9 g
      yPos = yPos;
4 h, V# }: Y2 `/ v  u. W      }2 i( ^% i* l6 T
   }
. r5 L+ Y. B6 ?; S% f% N( G9 P' b! G6 X9 q
function hidetext(){
1 [$ L6 d6 v+ }/ Q4 Cif (document.all)
5 n9 |* A5 g* h# X* xsupertext.style.visibility="hidden"
9 c+ k$ r2 P3 N$ @/ h: x$ N  delse if (document.layers), W- J9 i4 {& ~& M1 u' [
document.supertext.visibility="hide"
7 }- c( @/ E) Z6 BclearTimeout(animatetext): o' L& N$ G3 q* a+ ]! Y# M  s* g
}
/ ?) J& @; q) e- ~2 U2 j
4 w: d' k* C% cif (document.all||document.layers){% h+ z1 u( b% u1 L, w; M
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' `" Q( U5 x- J) i: K- W
window.onload = initializeBall;
7 W  }9 F! \. L7 u( mwindow.onresize = new Function("window.location.reload()");. B3 ^/ A. f) P
}
; ?+ y  h) t  k0 f" c
* [; C+ d: k8 e6 ^! ]</script>