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

zw2004

<style type="text/css">* ~- p8 `8 h) y: ~
#supertext {
: M9 I- [) P$ ]' [3 B+ Yposition:absolute;. ^$ _$ ?% y$ h# F- B; o/ }/ v
left:0;$ l7 J1 q9 ?: p+ x
top:0;& n$ [! v+ u) f8 Z
visibility:hide;2 r/ L/ Z2 |! l' f6 \8 ^
visibility:hidden;; g5 }( h7 M: L% B  M+ g" V
}. r9 j: `$ M4 T/ E
</style>
) D8 e3 z) ]' p3 F1 u9 o9 p<script language="JavaScript1.2">
1 ?3 K4 [2 v3 N' E/ ~2 B+ G<!-- 改变下的字体的大小。颜色-->
9 Y! l7 d; ~8 W" H% jvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ i( I0 S* b8 i9 R  A2 u" ~
var hidetimer='';2 i- S4 h0 n% Y( v, W4 L2 o* M2 x
<!-- 改变下的弹跳速度-->( J7 i1 f9 r! R  O
var BallSpeed = 20;
% w+ e/ \8 s0 F! nvar contentWidth;# r8 E* V% Y* b  b! |! m- s
var contentHeight;. F) R0 T8 r/ k1 u  f  G
var maxBallSpeed = 50;! p; g# E3 u! D7 A4 F
  P! w$ i5 s/ Q9 Q5 U

8 P( a  ]% D1 Y% `/ cvar xMax;* b& i: E# s9 @& m; r8 M) _/ X
var yMax;" U# N# m( K- D5 k( P
var xPos = 0;
- o" {+ f4 L& {0 C  tvar yPos = 0;9 O. X9 e6 T+ j
var xDir = 'right';
) ^) O& r! I8 R) o2 i4 E3 |& g* Pvar yDir = 'down';
4 f  V0 C5 q" b, avar superballRunning = true;) ]$ v/ f; i5 a5 \
var tempBallSpeed;
( M" T- _% M! m7 c& w) [) G4 G- [% Dvar currentBallSrc;- |8 E% j. e& G& ]' D5 ?3 S
var newXDir;& U* K% K0 n% Z( ]
var newYDir;% R: D) a) O  ~% }. S& \4 P
% ~) ^: l4 O1 a8 {: g: U" j& p
function initializeBall() {
, N" b$ q2 E; k* I   if (document.all) {# C5 ~" O4 n7 F# }5 }  _$ z9 |- U* X
      xMax = document.body.clientWidth5 Z6 D$ a9 K! s, q
      yMax = document.body.clientHeight1 ]# ~4 t0 W- H3 q! z7 N. H- H0 J5 @
      document.all("supertext").style.visibility = "visible";( e$ V+ k2 J5 f/ R$ k9 u
      contentWidth=supertext.offsetWidth
- M8 c2 f! F/ F1 T3 y6 O9 G3 d  Y      contentHeight=supertext.offsetHeight
3 q; h: T$ y+ C5 j$ H3 |- X3 @      }5 H* j8 i' B: T) Z
   else if (document.layers) {
5 Q8 i5 e  M( E# i, a) T      xMax = window.innerWidth;
' p* X: t" E  ^      yMax = window.innerHeight;
* X, {6 l+ [  Z3 }      contentWidth=document.supertext.document.width9 _2 m: j5 `8 j1 {4 T
      contentHeight=document.supertext.document.height
9 N+ B5 ^) i. b7 Z: r      document.layers["supertext"].visibility = "show";, Q& F4 Z. p% L3 K* m* w- @" {
      }
" L& n! o" ~6 c2 U2 h8 R8 i1 G   setTimeout('moveBall()',400);
  z# k: O$ u3 _5 K* T# ?   if (hidetimer!='')1 \/ J+ Z* |* `8 h  j
   setTimeout("hidetext()",hidetimer)
2 ^2 t# K- `- P/ B( O1 h  P   }$ {% E+ D( h: e& T* |# }4 m. e5 f
" U0 ^+ a4 q0 R6 V7 F  t3 u
function moveBall() {
7 y* M/ B& M" T$ J& M" Z   if (superballRunning == true) {5 x0 A: q! |- |3 v; O3 ^5 A' L
      calculatePosition();0 s$ _6 u' T" v; C0 G) \
      if (document.all) {% M5 P5 M- u& a. N- R
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ C+ r! y( ?/ D1 i         document.all("supertext").style.top = yPos + document.body.scrollTop;
1 z2 E* M( U# N         }3 N8 q- Q5 L: \
      else if (document.layers) {
4 ^' O" W, h* C7 Q3 b  a+ g" d0 r0 I         document.layers["supertext"].left = xPos + pageXOffset;
5 J) L$ K0 l6 e$ R         document.layers["supertext"].top = yPos + pageYOffset;  g1 Y+ A7 J7 m/ `" f2 Y
         }
9 Q' U9 M& I+ `) d1 T      animatetext=setTimeout('moveBall()',20);
: m. Y( y' g  W' N1 c- M; |      }
$ B( P' [3 C% i5 @! N   }
/ [* U, ~8 H) ?( r7 a5 d" H5 J- U8 }) |8 k$ G
function calculatePosition() {
/ d3 V  x5 y* z: c* X0 ?& f" x   if (xDir == "right") {* X( T! |; ~& A/ `$ y: }: ~# s
      if (xPos > (xMax - contentWidth - BallSpeed)) {
% |' J) H" D) ~  v2 q1 g3 I         xDir = "left";8 A" m. g2 |7 f5 L. u" i7 D
         }4 O* l5 K* T6 _/ `6 R; m
      }6 T0 o& O' E& W3 L  p3 i
   else if (xDir == "left") {$ [7 W. P% O2 {) H* e
      if (xPos < (0 + BallSpeed)) {
7 q" L1 U2 `( b% d8 s$ Q( X# w         xDir = "right";5 y4 o  [& }. X
         }) H; l5 I7 z7 p* H  a
      }
  b. z. G# H. h% F: V   if (yDir == "down") {3 y9 G9 n! b9 t$ N! `+ K* j
      if (yPos > (yMax - contentHeight - BallSpeed)) {/ B. ?1 a9 D* V/ b$ p& D2 K6 o
         yDir = "up";
" A  ?! T' I7 L/ c$ y8 ]# R         }# ]: i2 y: P- N
      }2 |, w- K: D( p0 \# a
   else if (yDir == "up") {$ u- h2 o: N& }4 ^; F% Y
      if (yPos < (0 + BallSpeed)) {, z- F, h  S5 T$ z- o
         yDir = "down";
+ f( i' n' p- Z! e         }) x, M0 P9 o/ B! O3 Q7 U
      }
# w$ v- ?$ \: M+ n4 O7 B; \( X% J   if (xDir == "right") {' i; ]+ K. p9 ~
      xPos = xPos + BallSpeed;
5 [" k6 @% ~9 z. `3 t      }2 N7 A- ]. t/ b# b
   else if (xDir == "left") {* u# l0 L8 Q- j7 \2 O6 @% G0 p
      xPos = xPos - BallSpeed;
' Y! c( l2 U$ D: P! b# {+ @      }3 X- e+ b# D! G& r5 J2 {4 Z% H
   else {9 Y2 o3 N* w4 Z, A. Q" d
      xPos = xPos;1 p7 y# ^" W+ Y1 b+ M$ X5 o7 Y
      }4 w8 R9 R5 w, T' @2 ?8 n
   if (yDir == "down") {) Q. f# h/ w& z: o+ w! n$ W/ e5 T
      yPos = yPos + BallSpeed;/ y# i4 m2 j1 c: L# ~  o
      }5 Q6 @2 z& y% |8 t7 k
   else if (yDir == "up") {
, v5 b+ |" r7 t% F. y: f      yPos = yPos - BallSpeed;
* M' M, ], n( o: @7 y0 s5 G, Z      }/ g7 @) ]7 g3 u& N% L
   else {4 P5 e/ ?3 Y: R9 ^9 Z9 P7 A9 y
      yPos = yPos;* e9 v) f, l, e% x
      }
7 Q: ~7 Y  n$ {( X' W, A   }
+ V2 G6 U$ x) p2 c& t0 I5 ^# {, V
- L, J: @  g+ ^1 i3 N0 i& n+ |function hidetext(){5 K: I8 V$ [& V2 J; F
if (document.all)8 ^  `" c; g, Q. m9 O
supertext.style.visibility="hidden"
9 S$ B5 Q3 O& S& w3 Kelse if (document.layers)0 D% L3 n9 K' y9 w; p) q
document.supertext.visibility="hide"+ E: m' U! f+ W6 K
clearTimeout(animatetext)
1 I7 ]" k4 Q( D$ T  Q}2 w) O+ K9 T! S2 r% M# B0 B' D
- R! M2 ?% N, u/ b8 w. w. A
if (document.all||document.layers){$ h7 w9 T+ `) O1 W( x0 Y" h
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( p  F/ T. I  ~: [3 X/ i: bwindow.onload = initializeBall;7 Y! Y: ~+ J# }4 p8 r& r
window.onresize = new Function("window.location.reload()");
6 y3 S5 R& V" ~9 O5 r}: J; u+ }6 O" X7 U; ~

1 s5 G0 j+ ?" w) T</script>