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

zw2004

<style type="text/css">8 a2 M2 l( b& p/ b! ~1 P  |
#supertext {3 f0 d2 D. k; k; E3 j: t
position:absolute;- O# D% f/ I8 ]  ~. I- r
left:0;
* T. q0 [/ ?# i( T, ?! w  ~top:0;/ D; N( o( c& i, J- ?) k. y# @
visibility:hide;) \$ {& H3 X; b* \
visibility:hidden;
3 M. r, |" K$ L6 {}
' d( @6 O  t1 o) C: X</style>3 V1 {, o2 U' G* k  R: }
<script language="JavaScript1.2">
4 X. t! B  B7 o; r) u<!-- 改变下的字体的大小。颜色-->
$ l/ I" B) \& b% Tvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# b4 M" r( ~9 ]: j+ Wvar hidetimer='';
4 V* y  q8 q* Y: m/ a" x<!-- 改变下的弹跳速度-->' r0 {1 j0 M( S0 }2 B, D
var BallSpeed = 20;1 b: P7 w* W- ?3 P! w. U1 [# a( G
var contentWidth;
" @* e) T! h/ {; ]- C6 G# w/ Fvar contentHeight;
; l# p1 Z/ i7 E3 Evar maxBallSpeed = 50;# u$ e* K! G6 D- L' D
( `9 `& n6 I/ g2 ]4 ~: ?# S; D8 A
2 \5 v  V" g6 R& _) }
var xMax;1 U) m* j) F4 H& E+ g. T
var yMax;! M, q* I8 f/ Z" m4 E3 ?; |7 q% E
var xPos = 0;% T) |' d. b& X. o0 j3 F, j
var yPos = 0;3 l' [  F" t0 b+ E+ c& b1 c% e
var xDir = 'right';) i6 T6 [2 C& P$ Q% Y
var yDir = 'down';& b+ B& a  \  c& g( k, g) C7 K
var superballRunning = true;$ T7 r! e" E/ Y, J
var tempBallSpeed;$ Y" m" N2 d; x" g3 V* x
var currentBallSrc;
3 V3 j9 N8 i, E$ e% ]0 yvar newXDir;
! |; T: a% t/ T; F+ }! |9 X% ivar newYDir;
$ `) C1 E8 ]9 c2 [7 x
8 X6 [+ ]# e5 ffunction initializeBall() {+ c* e) {6 Z+ z9 e
   if (document.all) {3 V$ q, ~% |: E
      xMax = document.body.clientWidth+ O+ u# O& _2 F5 R) S4 o' x2 ^
      yMax = document.body.clientHeight4 x1 @+ X4 X  y: X! z
      document.all("supertext").style.visibility = "visible";# x* L: A+ {, M( {
      contentWidth=supertext.offsetWidth
- M$ u/ d/ c: c      contentHeight=supertext.offsetHeight5 k7 ?, a! V  W1 P' E5 }, r  J9 k
      }4 z: t6 x0 G5 M- c8 h  B7 e( o' `
   else if (document.layers) {( \" T* D: [' L: A' z
      xMax = window.innerWidth;
3 U2 Q$ L4 e8 v3 D      yMax = window.innerHeight;
+ }! r9 l( F- O9 d8 q- _* R1 H7 F3 N      contentWidth=document.supertext.document.width
. _, h# j5 [* Q4 ^3 M      contentHeight=document.supertext.document.height: k: @* k7 J. Z( r
      document.layers["supertext"].visibility = "show";
+ [5 R2 ^/ `0 T6 H      }
( j# O4 t# ?* b! _' D2 h0 W5 K1 @- `   setTimeout('moveBall()',400);
* D* N" g! X) n2 ^1 K   if (hidetimer!='')
* p/ c* x. [" R* X  L) X   setTimeout("hidetext()",hidetimer)9 n# `' ~& F; f$ q- L
   }" b! \3 N( Y1 F1 B2 y9 n- t0 p$ x2 D8 m
8 w% D: t2 {9 `6 D0 n/ ^0 ?% t. ~- C
function moveBall() {
0 }! q) q' g. _5 K0 u8 }9 W   if (superballRunning == true) {
/ Z! d& ^( q, l! ]& ~      calculatePosition();
8 Y9 l+ t6 U- B; ]% o      if (document.all) {
, J+ F; q, F; n' V! ~% E3 k         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 C; }* K. \' S( f( o: E4 P
         document.all("supertext").style.top = yPos + document.body.scrollTop;: L" ~$ z$ ]8 v. b
         }/ j0 \% h! G* Z% \' P, e
      else if (document.layers) {
' Z: L$ J6 v' }/ u2 D/ c7 G         document.layers["supertext"].left = xPos + pageXOffset;
) E* m8 z3 B+ S0 z3 s         document.layers["supertext"].top = yPos + pageYOffset;! `/ |2 ~- c5 e- }9 F
         }. p6 p' [! ]& j
      animatetext=setTimeout('moveBall()',20);7 p+ i: t: Q3 ~8 ?% j# L
      }. `( {( c! Y2 ?9 }
   }! @4 F$ V6 h' ?1 g* Y
& W; C, h8 v5 u- b( ^+ X
function calculatePosition() {# |+ V* K4 A+ f, k. Q2 Y" [
   if (xDir == "right") {
2 s3 [* {* u* w) B3 o/ m      if (xPos > (xMax - contentWidth - BallSpeed)) {1 i( Y/ x4 E; r7 j/ R! v, D
         xDir = "left";
& f) O7 b+ b  a" N: B) R         }- K. i3 j" Z* @, `. R
      }. {, ?- i9 f5 r4 i, l
   else if (xDir == "left") {' i  m5 Y3 S& n9 _( N3 y0 K
      if (xPos < (0 + BallSpeed)) {* ^: ?+ f2 m2 {% v) K" t; |
         xDir = "right";
: W" V- V* v- G7 x3 y6 l) ^         }2 F$ V* `1 v" H4 ?
      }
- D4 d! ~$ n' g; F2 [0 W/ a* I) v, v   if (yDir == "down") {: ^% {2 K& X2 C/ k- R8 ~
      if (yPos > (yMax - contentHeight - BallSpeed)) {% e' Z( Q" [, ?
         yDir = "up";8 `* b$ i( S* q
         }
6 W* @$ Q: B* z+ x) |( M      }
; x% w7 h) P0 Q. N   else if (yDir == "up") {9 E1 N5 `0 G0 _4 i) y+ ~  S
      if (yPos < (0 + BallSpeed)) {4 f+ L0 H/ f; s. t5 c" b
         yDir = "down";
" P2 s$ O; |' s+ j2 R3 g         }
& \/ E) p2 z6 r$ `      }
5 N1 l1 d$ k3 _( }% q   if (xDir == "right") {
( A/ Z( H. A- O      xPos = xPos + BallSpeed;/ g- \( o  \6 C. D3 V+ u8 [
      }6 K% q$ w5 ]1 ~# j5 c  t5 J
   else if (xDir == "left") {7 N; o' `! j2 F4 O- A+ Z7 P% S
      xPos = xPos - BallSpeed;4 H! i) Z3 h" N7 j$ d" m# v
      }+ G; J6 c  W' N  T/ t# [# P: \
   else {
" O! p0 \& k: J+ [2 E8 H4 Q" G      xPos = xPos;1 e( I! n) Q0 u; p7 v& C, {
      }
6 P  i; \( M2 J0 v3 k/ K   if (yDir == "down") {
% b* X3 W- [% e      yPos = yPos + BallSpeed;
7 {% N6 K- L' D6 p- @. L      }
. e6 K# i( S2 s( c   else if (yDir == "up") {' ?5 s; ^; `- [7 A6 l" f' R
      yPos = yPos - BallSpeed;
" V5 Y: Y# h" g9 V$ }( f      }2 r# m, T% S7 N- V2 l
   else {
% y: I9 n7 Z; `& u2 o8 f5 N# o1 y      yPos = yPos;
; \  v: L9 @3 Z. P      }
+ W4 J& w- e  D  s% [   }; S( O% p) j9 E& b0 W; y: A# m4 H
# L2 v! B( P' g4 [3 c# Z
function hidetext(){
7 Z2 \" Z9 {2 x. ?if (document.all)
: c  p( n' U/ c  K3 }+ l" wsupertext.style.visibility="hidden"* C( g" j& a3 ]$ ~
else if (document.layers)$ Q# K4 i. ~( x- O
document.supertext.visibility="hide"
. l; k& Q6 I, Y- k  Y' l: vclearTimeout(animatetext)" R* |* `0 S0 f
}
" q( U7 a8 `) `4 H. W+ g+ m# t2 Y) z" _: E9 a3 L
if (document.all||document.layers){
& M/ P) W# m. ]0 p3 N9 jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 J2 }# U( O6 N% R8 T
window.onload = initializeBall;
, }, H, H' S1 {8 vwindow.onresize = new Function("window.location.reload()");$ d5 P) p5 E' @$ w! X
}' c* v) @, i4 |) l' B
+ O# u0 L. R! `
</script>