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

zw2004

<style type="text/css">
+ d* M/ H9 S1 s* B$ ~#supertext {) |# q; |; @1 O
position:absolute;
0 i& F+ [: t, [: Z* p8 k: d) ?left:0;& X$ o9 v- [  A$ v) ^( @7 I7 U
top:0;
# V. o* N+ _: w* b& U. e7 ^visibility:hide;7 [( H( ]3 {& @  @
visibility:hidden;
/ Z* I: P5 K+ R. O7 U7 n}: e( ~' q9 {" o3 ^5 m" L
</style>
. E: S+ E1 L1 S- l& f<script language="JavaScript1.2">
$ K$ w* e( m* z* b<!-- 改变下的字体的大小。颜色-->
  n3 G6 a) ?5 b; Yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) m; G4 B/ z" Z4 X' c6 ]* Y; uvar hidetimer='';- O( d9 E$ `& g8 @
<!-- 改变下的弹跳速度-->
* ]. z+ z2 c! {var BallSpeed = 20;
' Q. Y' q( ]' hvar contentWidth;
. @( h( U( ~2 R. svar contentHeight;
# I0 m' ?# j2 P% ]  B9 F9 Svar maxBallSpeed = 50;; a2 o0 w) r3 N% V

+ p# e6 L+ G7 }" _+ d' `. Z; Z- j4 n; y5 d. x; O$ [8 i2 q# q! t
var xMax;
+ ]" D/ B1 b) F* [" K6 qvar yMax;$ i& Q$ Y! U; a0 E
var xPos = 0;1 V7 j1 k) D: `+ e- z# c
var yPos = 0;2 [1 a# Z+ s+ `0 Z
var xDir = 'right';+ ^0 i  l0 {, u7 D" O. D
var yDir = 'down';
1 ~) l8 Y7 m6 f4 t) O* E0 Avar superballRunning = true;4 h" L) U' p  m0 X; |' v0 {3 G
var tempBallSpeed;* L9 B2 x0 C% f0 O& J! i
var currentBallSrc;1 @. d- r, w% x2 [6 l
var newXDir;
/ V4 Q& q4 I; _: _9 j6 i1 Qvar newYDir;
; H( o  Q6 @  [5 h
2 p# v# }- G) j8 s- r8 kfunction initializeBall() {, u0 ?( N$ z- j! L* i; w
   if (document.all) {6 N5 z0 M2 e* x: W! n
      xMax = document.body.clientWidth5 F: @! E5 I" i# `( Q; ]8 X, ?# |
      yMax = document.body.clientHeight
$ y! B& u) B+ f6 u      document.all("supertext").style.visibility = "visible";: U! o7 e+ Q+ l
      contentWidth=supertext.offsetWidth; [2 z# R. }  Y# E6 o4 ]6 X. T
      contentHeight=supertext.offsetHeight  w' `) p5 U% G1 b  W
      }# v, S' d% P  s6 w
   else if (document.layers) {0 H' Q' n, X6 p6 S0 v) Q$ u
      xMax = window.innerWidth;
3 |9 o  U: {* `; @2 n' v      yMax = window.innerHeight;+ C; w0 Y& o  X- w. V1 s
      contentWidth=document.supertext.document.width& K& H0 A  p; u# U# H4 O2 h
      contentHeight=document.supertext.document.height
9 b' p  R/ ~* P* J# I      document.layers["supertext"].visibility = "show";
/ F: h! x6 n/ [/ A, U- m) _  `      }# O( ]! ~1 K0 X. L$ m  u% w- V: \: A
   setTimeout('moveBall()',400);
. b, x  T( L" E% ]/ P6 u  K: m5 ]& X   if (hidetimer!='')3 `+ m. d, N1 h5 B1 G7 S7 H8 Q5 D7 X1 i
   setTimeout("hidetext()",hidetimer)  v$ \6 V, U" I7 L$ b. T
   }5 T4 }$ \# z3 Q( B! ]
3 ]! \+ l+ x+ L& Z$ a8 [) w
function moveBall() {
' t& R0 \3 C* n$ O( _   if (superballRunning == true) {
! Y& r# X( y0 e& u6 p" X      calculatePosition();$ ^: [  L$ g6 {
      if (document.all) {
) V) t* o# P& K+ t3 B% B8 W         document.all("supertext").style.left = xPos + document.body.scrollLeft;! A" r' Z" m* v$ D' g6 t/ M6 |
         document.all("supertext").style.top = yPos + document.body.scrollTop;  D7 _1 Q& ]+ g' L4 @
         }
2 p- j+ l* _0 ^; u2 G- {      else if (document.layers) {" r# [% M5 c8 U% t( i! o
         document.layers["supertext"].left = xPos + pageXOffset;8 T$ ^$ P5 k: B  Y
         document.layers["supertext"].top = yPos + pageYOffset;0 N! A( }6 ~1 ]" E1 o8 a5 g) L
         }5 d" ?4 d& E9 Q6 l* Z# O
      animatetext=setTimeout('moveBall()',20);
; ~$ t. f- K6 u8 w7 N- S; A      }
5 O) a7 V. }8 F   }# m, R( K/ S# O
6 L5 g0 ?/ y; k  n
function calculatePosition() {
' W+ A6 a# j" |$ e9 h" L   if (xDir == "right") {" ^7 }: H% X6 m$ M  O! ?/ w
      if (xPos > (xMax - contentWidth - BallSpeed)) {
* H$ b; J0 ?9 x$ k# c9 T         xDir = "left";' m+ P$ S- r7 ^! U! O$ E
         }  R: s* Z9 Q  A- X8 M* M9 R* n" T! E
      }
) P/ t5 C6 L% z   else if (xDir == "left") {) p" o( ?0 r, [
      if (xPos < (0 + BallSpeed)) {
& {8 ~: P% J( x6 Z3 y/ b" M         xDir = "right";
: j: \' _5 W8 Q2 ^         }
  y: w2 u- y5 C. u8 ^7 K      }
8 B- M1 L: C& m( V6 `& ?   if (yDir == "down") {
8 L& G9 h2 Q9 \6 r, k8 B      if (yPos > (yMax - contentHeight - BallSpeed)) {
: h( m( z& {; M& a* S0 d         yDir = "up";
& j+ z% E0 |: P5 p         }
) J  `* G, W8 T1 x( V      }
+ ]4 K' T9 {$ l2 o- F4 o9 A! z   else if (yDir == "up") {% Y, o! x& ^! b& B4 `$ W9 D% ]5 P
      if (yPos < (0 + BallSpeed)) {
2 u. O$ H! r3 e3 u         yDir = "down";
3 t, R8 K  I# L1 V* D( ^1 k         }6 l  L6 o- S$ c. E7 Y5 X2 A
      }" B- v  E. q$ g
   if (xDir == "right") {3 n) H& }3 P1 Y6 C
      xPos = xPos + BallSpeed;
/ H6 u) u8 M4 B) Z0 f+ m      }
1 K7 Z+ ]5 X! U8 w   else if (xDir == "left") {
& ^+ u" c- F/ Q7 v) l) a* T" t( k      xPos = xPos - BallSpeed;
7 T/ f# ~9 l: ~; `) ]7 |5 ~( s      }6 u) u2 g! |: R' G
   else {
: k' `0 U, l/ z6 N, J" D      xPos = xPos;- i/ o- G! l+ w
      }( d$ i) h, y- F$ W3 m4 {
   if (yDir == "down") {
+ c% J' Z$ g% a2 r0 V" f$ F4 {      yPos = yPos + BallSpeed;
( S% v* b" r0 h      }" |/ e) W2 H5 C% q/ R
   else if (yDir == "up") {
) d5 [7 |  D: e; D- r2 v      yPos = yPos - BallSpeed;
' j7 w6 t. `3 @. Q, M$ d7 J      }
: p( y  D8 n8 h* B   else {8 I- @! v1 M( Y) ]( U
      yPos = yPos;5 A% _: z0 [8 I5 w9 k& A
      }
9 u& P/ {) u" i8 e" c8 e' T% S   }
* v4 b* t1 R2 _- f% p* E! ]0 P
( J! i5 D/ u4 hfunction hidetext(){. @; e# x+ g1 X/ i7 p, [
if (document.all)  Y# J9 l: Q+ s) `, U! `* ~, M2 |
supertext.style.visibility="hidden": k8 \7 `& h* |) c( R; i
else if (document.layers)
: c3 \2 m9 Q! i/ a: X. edocument.supertext.visibility="hide"
! h9 R$ W9 z8 [9 H$ S9 RclearTimeout(animatetext)
* x2 u4 \# @: d# i" H0 Y}0 @, R+ `" b& @3 o9 c6 ^

2 x8 x4 }0 L7 Y) Aif (document.all||document.layers){1 G7 S- R3 |+ P4 n8 L/ s' k
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 p/ p6 n8 P% Z
window.onload = initializeBall;
* k7 _5 D, }8 S4 ~" }2 C6 `window.onresize = new Function("window.location.reload()");5 k9 X3 B( W4 N# M1 ?
}
+ R- D/ R4 B' Q. W/ Z. m- T5 H7 P9 R1 _( Z; r
</script>