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

zw2004

<style type="text/css">
6 h6 [) f9 {* p9 Z5 t4 z; `#supertext {
0 X2 y% M* ~+ _  p8 g- Gposition:absolute;
- R! w; n1 I0 |3 r/ ^% ?$ e# q0 oleft:0;
; z% ?% e5 Z# G. f2 ?) s& ?1 ktop:0;
. ]; d8 w2 f4 j! Y7 G- p8 Rvisibility:hide;
% [- K6 k" o5 g, M& B% w+ F4 S$ Svisibility:hidden;. e; u! i1 S- O, i5 U
}. `% w, Z* O/ C
</style>
  m8 @( }5 r- \<script language="JavaScript1.2">. b" L" @% f4 j$ S$ w
<!-- 改变下的字体的大小。颜色-->
2 B2 n! n/ r/ y: ?& z/ }9 D* ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 ?# l9 ~# S" H
var hidetimer='';& ]7 h; [5 N1 M$ Q! O
<!-- 改变下的弹跳速度-->
: M, C1 X+ W# E. E4 r7 Cvar BallSpeed = 20;
8 u1 m  b2 R) ^4 @) e) kvar contentWidth;
" G- H* n1 {* P/ Zvar contentHeight;7 n; R' j# C! l0 H' W' z7 ]) b
var maxBallSpeed = 50;; q) f; S3 k' v; T$ x, t
7 I9 y8 ?9 l5 w9 t4 _

6 D; x1 E! ]* u" r. Vvar xMax;/ U' y) }: C3 H- r: ]) g
var yMax;
5 Y. ]: m0 a; [" Ivar xPos = 0;
( p: d& T% R9 f/ ^' O+ o8 |: \var yPos = 0;! F% h2 [- y2 ?* f( C3 j! ?
var xDir = 'right';
! L/ T$ w/ C( ~* Z" \4 o  e( Rvar yDir = 'down';) L, o9 F! F; `7 J& ]" X! u
var superballRunning = true;
% u- R9 C& ?/ G4 K! Mvar tempBallSpeed;* ^, S. j' f; h) Z7 w
var currentBallSrc;. F4 h5 X# S0 i  D' |+ i$ `
var newXDir;9 w/ g7 u, h. @- `& ~: `) p
var newYDir;. \/ x3 B; S" S+ J' _
. B2 f  m  x6 C
function initializeBall() {; c  j: }/ m  j( D9 ?. k
   if (document.all) {. y0 Q3 L  v3 ^! \5 y1 u
      xMax = document.body.clientWidth
3 z5 O/ C1 b) K. }6 M0 ?8 o      yMax = document.body.clientHeight
) N+ y+ b% ^$ J% K% F      document.all("supertext").style.visibility = "visible";& `9 p) t2 h6 G& F. i! h
      contentWidth=supertext.offsetWidth) e% l+ G( U$ n& m" a$ j
      contentHeight=supertext.offsetHeight( J( o9 a: w; t
      }
5 q3 g* b9 z/ V& H$ H& j$ @   else if (document.layers) {
# {2 t+ e' |+ s8 g      xMax = window.innerWidth;
9 z1 M( G( i0 E      yMax = window.innerHeight;
; o% a$ @5 }' X4 P      contentWidth=document.supertext.document.width
8 c& K: R+ k2 a, M- [2 ^2 C      contentHeight=document.supertext.document.height$ m- m$ O# r% L2 C1 b" ^
      document.layers["supertext"].visibility = "show";6 K6 P# ?( G1 j: M) L+ @- [
      }) I. `, d# [& H7 ^
   setTimeout('moveBall()',400);
& f: I" X: s1 m; z5 x0 q   if (hidetimer!='')
+ |1 N9 q6 A0 T5 a& t' R! \   setTimeout("hidetext()",hidetimer)7 b6 p. \  I5 }! W2 S  s
   }
* E1 w/ v2 f5 V9 d+ n2 P( D% N3 J  n3 M# J' b- l/ }$ z1 U9 p
function moveBall() {
6 `8 U! i0 l5 h+ l$ y   if (superballRunning == true) {/ o3 _+ b  @3 b& S# y* R, R
      calculatePosition();/ w9 S  f* J* q! {6 I
      if (document.all) {
; r6 Y9 R% c; b1 q! x3 Q4 ]  w         document.all("supertext").style.left = xPos + document.body.scrollLeft;
, c9 J0 A0 I* Z         document.all("supertext").style.top = yPos + document.body.scrollTop;4 \+ i8 _3 p& L. S4 {: O! Y
         }9 i% T- ^; J% O2 W# a
      else if (document.layers) {6 ^: L8 K1 G- k# X7 L
         document.layers["supertext"].left = xPos + pageXOffset;
0 v1 p. ^/ O7 Q' f# @         document.layers["supertext"].top = yPos + pageYOffset;( x2 N& }( q8 y% f0 T. d" v) a
         }; o  `5 h+ S& c( k- b
      animatetext=setTimeout('moveBall()',20);
/ R- k% x/ L3 R: b5 x7 {0 ^, F6 [+ p      }3 Y8 Z+ a1 a7 l. V# \4 b
   }
7 \1 B1 f+ |, z; k# p8 F+ K3 ?* Q) k! n  A8 O% E
function calculatePosition() {: r. T+ B" n+ ~6 {
   if (xDir == "right") {, h6 |* ^! n: W+ ?3 ~
      if (xPos > (xMax - contentWidth - BallSpeed)) {+ m: D' ]: ^0 @# @6 |
         xDir = "left";
4 C4 ~2 Y3 T0 [( N         }& r7 N" }. ?; t& i, s2 u; @
      }& Z' c4 m: X; E; Q/ ^& }- v
   else if (xDir == "left") {4 X4 e/ q. f+ D& C" V; b# M: L! ~) [' \8 A
      if (xPos < (0 + BallSpeed)) {
0 t/ T4 Z4 U! t1 I' K; ]% Y         xDir = "right";
+ M' _+ \( w2 ^2 ~2 X2 L# b         }. s8 B( G+ H$ \
      }# ^6 A% c# G- ^8 f( d* b
   if (yDir == "down") {
6 O. y$ q% B3 U2 z3 G+ K9 U      if (yPos > (yMax - contentHeight - BallSpeed)) {. Q  v$ V7 u3 z; j0 Z$ Q* _
         yDir = "up";' |4 p% i8 }4 K, i# c; M( P
         }' }3 g: i: x) N# {: H
      }9 h3 [) o9 [, s' m5 k8 C$ C- _$ }
   else if (yDir == "up") {7 k  U* W& t$ r- a
      if (yPos < (0 + BallSpeed)) {; c; s" n8 @/ L2 c$ B0 p
         yDir = "down";
' p4 i5 \. A5 j" A( \- Q         }
! P) Z6 X* y' t1 |+ t      }0 s* }' e( E4 z5 L3 J
   if (xDir == "right") {$ s5 P5 Q8 U6 T' v$ F
      xPos = xPos + BallSpeed;
5 u; F, Y9 F0 x: f2 g1 P      }
& n; r' H2 e6 X5 s( D+ G  \6 `   else if (xDir == "left") {* N: W" @! W( m9 f8 A
      xPos = xPos - BallSpeed;! ]( \9 m  G" z
      }# X1 _$ E4 U6 q  U
   else {! W+ T* }  `$ G
      xPos = xPos;
, ^8 }  I4 E& G3 z      }1 W: h3 F; E( c# O6 J7 l
   if (yDir == "down") {6 p& G. l" T1 c3 V/ a
      yPos = yPos + BallSpeed;2 f; k* T4 r: f4 {. ]
      }
' y/ O4 p( G6 s; ]   else if (yDir == "up") {
% w. D/ [6 d' W. [& T      yPos = yPos - BallSpeed;2 h  x* m# r' y7 S1 Z
      }
1 w: u/ v* b* L% Y# n4 a1 w   else {: M$ _# A5 f; i4 g. O0 p5 A& _
      yPos = yPos;9 c# Y/ G/ _8 B  k1 \* V, I
      }; Q, ?. i3 {# o1 \% F
   }
1 X3 o2 D# U- u: z% I
/ |8 a8 x4 z7 M. ~% \2 xfunction hidetext(){
9 S; [  t8 r( wif (document.all)
& f" [# t+ P; {: F$ v& C6 N+ `2 rsupertext.style.visibility="hidden"" `& {* @4 D  d+ F
else if (document.layers)
8 i5 G: a3 ~! E, ~+ jdocument.supertext.visibility="hide"( C$ U  T+ Q2 f6 f8 W* x2 H3 R& b
clearTimeout(animatetext)  R% v3 A9 j$ q/ L/ }2 @- j# ]7 |
}# `$ J" g5 G: d7 C6 q8 }0 b! Y
9 E% h8 L0 o& N  J% r7 C
if (document.all||document.layers){& R0 G+ I" q9 l
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), L  l5 E* F$ a
window.onload = initializeBall;2 d( |6 E( L# [+ E- a0 m+ B9 T" d
window.onresize = new Function("window.location.reload()");
5 |& A) p# }3 o" \7 t6 k}& V. {$ _* P# q" [
" E) S, J9 h% S- l4 g* p2 b
</script>