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

zw2004

<style type="text/css">/ i& V- P1 I4 W3 L2 [. V3 t
#supertext {, b' l5 _; j+ S4 c4 s0 w/ _& k: D
position:absolute;6 ^& S: B. H6 f; x" b6 v* W
left:0;. j. e0 A; h5 j  K" i9 K! J
top:0;: e, D+ ]" p9 b) ~" q# h5 ~
visibility:hide;2 ~* f3 e' s" T7 r) C4 i
visibility:hidden;1 L) l" G1 o4 U) z1 ^, |3 C; r
}& v3 g% |: [/ a' O
</style>
" G9 M+ Z& _7 \9 }  G1 z4 B4 s<script language="JavaScript1.2">
) }& A% y* L1 P' {5 F1 O<!-- 改变下的字体的大小。颜色-->
# E5 m2 r5 c0 G8 ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) S* J* Y. ?) r: Rvar hidetimer='';) q! z- ~9 L9 `3 F: k. e8 Q/ t+ G
<!-- 改变下的弹跳速度-->9 o1 y# U' N; E% C- f
var BallSpeed = 20;+ j5 U: g! C. _1 c) a# a* J7 o
var contentWidth;& }+ |+ r  n9 P
var contentHeight;' V1 b* V- I+ q0 ?& X- B6 V2 h
var maxBallSpeed = 50;) @  a8 r0 _8 V/ i5 h1 l/ U
6 @6 y7 T8 M3 }

$ y" D; W6 g/ B' o+ \2 mvar xMax;
  R; a& \' p8 a5 [var yMax;
. _" ?2 O( d" v% N# B/ ~var xPos = 0;; b4 Y; |7 R% G5 x- T
var yPos = 0;' c5 e+ S$ X5 ]1 i: I
var xDir = 'right';
  @5 E7 o7 D  D7 F; `, Mvar yDir = 'down';2 R/ M+ J2 [4 q1 \
var superballRunning = true;
* L1 m5 `/ D) j" f  f* S; Avar tempBallSpeed;
7 R* F5 B6 P1 t: {! Ovar currentBallSrc;# s; q5 x; I# L, C! T
var newXDir;
! F9 D# U2 a9 l! s- ?var newYDir;
% p/ C3 r; x- E+ I" n! }9 K( Q. Y) D% V! K
function initializeBall() {& @! r* ], B  m% i! D  f/ d# W
   if (document.all) {
$ g: }8 u; z5 G9 U& I2 H      xMax = document.body.clientWidth/ S5 _# Z  z# l# a$ B4 [
      yMax = document.body.clientHeight( r, h! l& o: D
      document.all("supertext").style.visibility = "visible";5 v4 ^* J1 N. V
      contentWidth=supertext.offsetWidth( {& C/ c/ F9 m) B5 ~* w
      contentHeight=supertext.offsetHeight7 q% S+ b$ h, C4 f! n
      }7 t* s8 i% u7 n" x% N# f3 L
   else if (document.layers) {- U  e$ {/ p' E8 }/ _8 ^
      xMax = window.innerWidth;7 T% o3 S6 }* G9 a( D
      yMax = window.innerHeight;
% d* g9 g  B2 Z$ |' S+ e      contentWidth=document.supertext.document.width
: {: S3 e' S* m$ ~; |      contentHeight=document.supertext.document.height' `' _0 j# R& S5 H( j. V' w
      document.layers["supertext"].visibility = "show";" m0 W7 Y5 b8 m3 `+ |9 j
      }6 b* G1 t! M5 L3 U$ Q! E
   setTimeout('moveBall()',400);
  O* E) C' U6 e, f' [   if (hidetimer!='')( L9 I9 ]) r: I4 U: Z" K* X* y
   setTimeout("hidetext()",hidetimer)9 x$ R1 K$ B+ {" H" A  S
   }
. K/ P: D; _5 y. Y6 y# D( a+ `" {$ [# }9 z
function moveBall() {
. m% g4 Q6 k7 q* \   if (superballRunning == true) {- W- t8 l9 i; \
      calculatePosition();
& w7 w/ O+ O" U6 a# t      if (document.all) {: H/ k1 @- G: G* P% z! D, Q
         document.all("supertext").style.left = xPos + document.body.scrollLeft;6 D  g: U2 x/ Q; i
         document.all("supertext").style.top = yPos + document.body.scrollTop;
- @  s9 a2 {' C7 f$ p/ U         }
3 `- s* x1 {3 {) S, s1 ]      else if (document.layers) {+ ]  ^5 E# u- A! G. P
         document.layers["supertext"].left = xPos + pageXOffset;
! A4 S( P4 G. b; }1 {; [         document.layers["supertext"].top = yPos + pageYOffset;
  L  [/ w/ z  u$ Y$ k/ |3 E         }: a# `2 \4 q3 r
      animatetext=setTimeout('moveBall()',20);
6 t; l; V: |5 r' p" u. r* [      }( i8 _( ?+ Z' \+ @) s: j
   }
" C: Q; O( N9 \7 d+ M6 Q( r. Z( A' G/ z6 v, n2 @
function calculatePosition() {
+ i. Y6 _7 c4 ~& ^6 y   if (xDir == "right") {
, E0 W1 h3 M$ I* r2 t      if (xPos > (xMax - contentWidth - BallSpeed)) {
9 v( {( Z; e# N! o2 G% i         xDir = "left";
) @* u  v: a# W  G# H- ]3 W' F         }8 f8 ^4 K9 Y' v5 l
      }: t9 H" ?# [$ |: L3 G
   else if (xDir == "left") {
% a2 A5 l! G! w3 y! ?" Y( v      if (xPos < (0 + BallSpeed)) {
- p1 W7 q( P% q/ T( u4 N         xDir = "right";
+ |- J7 u+ V, M) Q  e         }1 A& `2 d8 E( J3 d
      }: w; D+ O' D( h5 H' t2 n: m: I# t
   if (yDir == "down") {
4 D' l* e; X5 T( s      if (yPos > (yMax - contentHeight - BallSpeed)) {; m1 d+ c7 U1 y  V9 d
         yDir = "up";3 B2 f. z% w; [0 Q: I
         }2 U( L3 J; b, H# o4 W
      }5 ]0 x& r5 }! O$ }* m& D( }* _: U
   else if (yDir == "up") {  e" H0 f" a! [0 d2 Z! @& M! I
      if (yPos < (0 + BallSpeed)) {' ?3 l( o. X9 l3 ?
         yDir = "down";8 Q. b" n! B; h5 w9 l/ C
         }
6 ^" m1 P. q( K/ }9 J. p' v. X      }! p( d; U, f9 P! y) P
   if (xDir == "right") {
0 ^- \, p( Y' c1 q      xPos = xPos + BallSpeed;
  L7 H' ^5 S( G+ a! O      }
" n& X3 U  Q0 K6 L* m& j   else if (xDir == "left") {
: A- @' x/ @* I% |5 D0 `9 ^      xPos = xPos - BallSpeed;3 [  t4 U, k' H
      }3 T3 N) c; r! }' E
   else {
8 `( a, ^# X" ]: G# h) `9 T- t      xPos = xPos;3 K9 _$ i" O) V
      }) ~) c+ O# ~! n* a8 s( C
   if (yDir == "down") {
* ^! f2 t+ ]& _      yPos = yPos + BallSpeed;1 p7 }+ a0 b1 Q7 U! d
      }) g8 K' A, G3 c$ D( o6 C+ B7 y8 ]
   else if (yDir == "up") {! G: a% o: p  r6 S/ D6 H/ }3 P( x
      yPos = yPos - BallSpeed;  g. x5 n$ ?8 N
      }
8 P# A: d1 N% E; Z4 I   else {0 R& y; C3 k9 R4 d
      yPos = yPos;' i3 [" Y% k5 ?; e4 i" G
      }2 a: D0 u0 E  g% k1 J0 g
   }9 z0 l' S. e; x+ h* A8 M8 X
* p" @# d' g* L: Y  x
function hidetext(){4 h& K$ S7 A1 ]6 A' [
if (document.all)
, v2 C* T+ ^: k8 _0 P1 ]$ ^supertext.style.visibility="hidden"/ p0 F5 k' i4 F1 x# L) p
else if (document.layers)9 M1 @; ^! I, H$ o- D- K$ I
document.supertext.visibility="hide"& f- [/ f6 c' \6 ^+ {( T- f+ C* b/ }
clearTimeout(animatetext)
8 ^% l+ z2 O. X; Z}! l8 O2 H1 M+ \2 _# A
3 }& n0 q3 \. q- G
if (document.all||document.layers){3 @& L( {% D$ Y% S- i: u& _# k
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')% A# O" }: E2 Y/ `' H
window.onload = initializeBall;
$ {' \( O8 r2 u& a9 [; ?window.onresize = new Function("window.location.reload()");
% u0 A! Y& ?! x2 m* M) I5 N}
! r& ~7 D2 w9 Q- p  A  v/ J" D, L) y( ]6 r& G# m& R
</script>