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

zw2004

<style type="text/css">* X# m# G. d" ~/ f1 @$ w8 D3 u7 d3 m7 Z
#supertext {4 h( Z. e( S" U! Q
position:absolute;
7 p! {/ h- _) L# cleft:0;
# L" Z  \6 p. d( G* ~; P2 _* }top:0;
0 B* k7 V6 P* p+ V1 lvisibility:hide;
  h4 V2 k7 C5 F7 }. P6 }/ r3 W' Kvisibility:hidden;7 S1 p) Y/ ~+ A, g3 A0 n/ V
}
1 p  L% \/ w9 B5 d. ]; ]/ y. ]</style>+ N3 }5 b) V: i
<script language="JavaScript1.2">
6 u- `2 m  [2 m* B% C: K<!-- 改变下的字体的大小。颜色-->
& `1 ]) W0 M: l* s" S' Tvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 F3 h, t# ?/ ^
var hidetimer='';8 W8 R$ ]$ H( u  d2 A6 \3 ]/ G1 m; U
<!-- 改变下的弹跳速度-->" i' D8 A; D% E8 v1 n+ D
var BallSpeed = 20;2 l. c5 ~& ~! T" P
var contentWidth;
: y( K" E0 ]. \+ I; N1 C2 Xvar contentHeight;
# P4 {- Q; f# E' Svar maxBallSpeed = 50;
* ^; ]3 A: Q* y0 d( y, c
! @6 I" U( M& q3 ^' m- Y
! G4 k2 |$ Z6 |% s2 fvar xMax;: I/ @& m' ^# Z% K4 T* b, T9 r
var yMax;: h# P  T, C/ }, N% A' ^! e* y4 O& ^
var xPos = 0;% g3 {- X( P* S2 Z$ E
var yPos = 0;. C& f8 L6 c5 [9 [
var xDir = 'right';
) y1 s/ R& ~0 C4 ]) s0 C$ x# Ivar yDir = 'down';& i8 ]& o& F  B
var superballRunning = true;/ j+ I4 y& ~* ]& k& S
var tempBallSpeed;8 X2 c2 n. p5 c& t/ w" [$ J
var currentBallSrc;
/ A" G% e5 R) _% O' bvar newXDir;
; k1 o* R* S/ s. N% t! ?  i& uvar newYDir;4 B! [) t, U# Z

* h5 `6 y1 d' {4 [7 j5 U: h1 Ofunction initializeBall() {
- V  i9 g6 w: w/ J3 T   if (document.all) {9 }1 N2 I1 O4 o7 B2 M, B3 D5 e/ W
      xMax = document.body.clientWidth
( D# m6 u- z) T9 G# L# p      yMax = document.body.clientHeight! J! H, C7 J+ O0 u
      document.all("supertext").style.visibility = "visible";7 e7 |8 g3 l% F+ T3 L9 z4 }" s1 X
      contentWidth=supertext.offsetWidth4 g+ l$ y/ n2 n" r% }8 z* t
      contentHeight=supertext.offsetHeight; O5 c6 Z& r( U3 o: @- l
      }9 L* z+ x4 |) `( }3 a
   else if (document.layers) {
" d, o+ C0 O8 d* H      xMax = window.innerWidth;% g/ h# O: C  v7 u! b& b/ u
      yMax = window.innerHeight;
/ V, e, ~- ^6 b+ v' y" b4 [      contentWidth=document.supertext.document.width
4 x! N! C# Y9 }" i( @      contentHeight=document.supertext.document.height1 [( v5 o0 R/ W. m) H$ w( a8 M
      document.layers["supertext"].visibility = "show";5 _  X7 ]7 G' H: M
      }( Q9 c8 G1 Y* r3 }/ h
   setTimeout('moveBall()',400);# _& r' W+ @4 ]2 X1 |
   if (hidetimer!='')1 x& A+ ^1 `4 \% n
   setTimeout("hidetext()",hidetimer)+ [3 G9 _7 O) l9 A0 ~
   }
" ^4 m. e8 ~. ^& k3 a1 j2 Q; m$ q$ ^! X7 B3 ~& \
function moveBall() {# N. p; {/ m2 F, {
   if (superballRunning == true) {
/ z6 k( b3 Z0 h0 d, a, B$ a  s      calculatePosition();
5 B. V0 Z# D/ |- [      if (document.all) {
3 c- {! F: v; _  G         document.all("supertext").style.left = xPos + document.body.scrollLeft;
) T/ w4 S" N) l7 k+ Z( D7 r7 R- Y         document.all("supertext").style.top = yPos + document.body.scrollTop;
, q- G7 X- ^  d0 i. \; O         }
5 F- F5 B) ?7 @* u6 @5 r      else if (document.layers) {' _9 e& w7 L% S
         document.layers["supertext"].left = xPos + pageXOffset;- r' Q* Z% V! ~( y
         document.layers["supertext"].top = yPos + pageYOffset;- [" v6 E6 h- r6 E
         }
! b" q( j# m% C' _" h      animatetext=setTimeout('moveBall()',20);3 A3 G4 d5 n9 Z4 y' ~, T
      }3 _4 x# `. S3 d0 ^& u; p
   }
" P* D* j/ m! V" _1 t
, P/ d& P  {6 g5 X# A* sfunction calculatePosition() {
. h4 F1 r+ b1 W0 o: h   if (xDir == "right") {* P) [. E2 R: B" i8 Y4 x3 w
      if (xPos > (xMax - contentWidth - BallSpeed)) {1 ~1 @. m$ r) R3 {% ]5 J
         xDir = "left";
4 G+ R. {  V; H2 m) Z  ]2 K# ?         }
9 _, g7 A' J9 ]; P4 v      }- |) k3 m* y* v6 ^, b* y+ a5 y% a
   else if (xDir == "left") {
, X7 U8 m7 i0 A5 Z+ x      if (xPos < (0 + BallSpeed)) {
" I( j/ C" p( d) V7 R         xDir = "right";
; P( d9 U8 o# o9 g& h* b& F, C; T         }  O; g/ {! f; ]9 F: p% D
      }& j, E; ?; b% b& P0 R# ?
   if (yDir == "down") {
! s. Q: ^7 N5 V      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 p! O% q6 H* y9 @# Z0 ~8 m0 y5 ?% _8 H         yDir = "up";
! m! y7 R& Z; f1 O* j3 _6 {         }
6 s6 V0 s+ o+ K" u) \3 H      }
9 B. X* v* |5 i* O% W; q" f   else if (yDir == "up") {' _* j/ a7 ~- @$ O: ~
      if (yPos < (0 + BallSpeed)) {9 Q' U' Z% A' D/ H" d
         yDir = "down";
, M) y. x, O- K7 |, G$ ?2 S0 s; e4 {! ?         }
9 G' a  D& [% R1 d6 {      }5 N7 ^8 H4 v1 p# u9 G' O. M
   if (xDir == "right") {+ g) |5 p; T9 {% s! E5 |+ T
      xPos = xPos + BallSpeed;
! f0 }: \9 G8 q      }
5 o3 D4 k# b6 x7 a+ _9 {" V/ @9 F   else if (xDir == "left") {# Z5 K: ]  Y+ ~6 X4 F0 X
      xPos = xPos - BallSpeed;
. X7 R9 f) A2 o0 Y      }
' M8 P+ e/ x: n% j) p   else {+ G4 X" ]% V8 b4 G& }. B9 V
      xPos = xPos;
. d, e  c1 J% [; r: r( H! L      }1 R; I" Z2 q" E% p5 n
   if (yDir == "down") {$ H% \/ f, m7 u  F) ^- y
      yPos = yPos + BallSpeed;
! Q* Q' Z/ e. O: k      }' S: |" o. e0 @8 X, x) D; K( ]5 D1 j
   else if (yDir == "up") {
  n; a; `* A# {  m6 j      yPos = yPos - BallSpeed;
% Q6 ], t4 |1 c6 S: Z! E      }
2 N2 T: G7 @" v  h   else {
; @  y9 l7 f0 H& ?3 m& f' r* z      yPos = yPos;
# l; K+ i! d9 z9 ^0 B      }+ M8 Y7 N9 G8 U/ S$ T) [- x
   }
* J3 |3 R& ?  E: o* [, @$ c
. D1 G. S- A' C1 H/ @' \function hidetext(){
4 H; ^' _% }$ ~- z" D0 Y- _if (document.all)
6 C/ k, O9 a: i, \0 L: @2 n. p. msupertext.style.visibility="hidden": `5 |2 J2 [: c# V, a
else if (document.layers)
; M- z- R8 E; P% ]" |5 adocument.supertext.visibility="hide"# w& ~9 z: K8 b2 ?/ ]& N
clearTimeout(animatetext)6 G& W2 v. D/ L; j
}
) w4 V8 R7 O: [0 `' t/ U; B- n( V" t0 c/ i& j4 D* ~
if (document.all||document.layers){: c* R  I2 z2 ~/ [/ n4 y6 N% Q$ l
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 C) C9 h# {7 W' r! Lwindow.onload = initializeBall;+ f" C0 o! [" E7 X5 K
window.onresize = new Function("window.location.reload()");
2 M7 u+ c; A- W' \5 B# }& i# H1 K3 q}6 p& y4 `, ^9 ?
" ]3 g. ^- Q8 P
</script>