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

zw2004

<style type="text/css">; Y7 I7 z1 i' a# \  ^/ q# j  M
#supertext {1 w7 a3 f. ]4 Q8 }. G0 A+ b: y
position:absolute;
9 ^4 |' h4 X9 Q8 a0 C' yleft:0;) w$ E0 P/ H% d
top:0;
: l  x# O: \+ `7 r1 ]9 Fvisibility:hide;
# j6 b  `) T6 S, j" dvisibility:hidden;$ N- O) U' s3 H( U& ]& c
}
+ [! M5 W. A5 ]) Z</style>
# n3 `/ y. Z2 W, {2 \2 W7 ^; G<script language="JavaScript1.2">
# l: ^7 r* c" g5 @2 v: C<!-- 改变下的字体的大小。颜色-->7 c( s+ t! P4 p
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) V7 g9 {9 L5 a# P% @- ?% \) ^var hidetimer='';* o; e: p, N" E( S% ?# k6 I
<!-- 改变下的弹跳速度-->) N7 H+ z+ Q+ u+ c
var BallSpeed = 20;: W; X7 Y; G! `  P: F0 }& n
var contentWidth;
" i& k. o/ Z( F. {" I8 mvar contentHeight;
( Y- h  b6 d; E" x& W8 A6 k2 Svar maxBallSpeed = 50;# `3 R7 j  r& k% i* X
0 ]! ?( w/ z5 A8 S/ S2 g% P
8 @% i9 G! M0 P+ l( m
var xMax;6 R8 I5 X* V! w- ]
var yMax;/ @4 |# \% ~9 C+ k; V3 `
var xPos = 0;
3 {  M  E3 P; y# r, d3 Dvar yPos = 0;
2 h7 y. R: w- d! ]# [var xDir = 'right';
* P: B, @2 W  [/ V- u% Zvar yDir = 'down';
0 I/ d) T$ l9 x/ Xvar superballRunning = true;
: i$ T. s# R& y) r8 Gvar tempBallSpeed;
! f( |" o3 e$ Y7 @var currentBallSrc;
. M6 I' x: d/ u8 a) @/ G6 Fvar newXDir;4 @/ O) A3 x- [
var newYDir;1 ~! g6 l/ a0 N6 I  ^, ^0 T

4 T- ^/ Q7 V, k, l1 K5 M9 Nfunction initializeBall() {5 {3 W" ~5 ~0 B; i3 }  L
   if (document.all) {( y2 u6 Z0 G  v0 |" m% g, v
      xMax = document.body.clientWidth
$ |6 D7 x$ l: h9 f  o9 z      yMax = document.body.clientHeight, ?6 V  j4 u, c8 n8 P* S7 o  a& a0 r0 U
      document.all("supertext").style.visibility = "visible";- S. u- ~" B" R% j8 p4 U
      contentWidth=supertext.offsetWidth. q/ j' O' y/ u1 s- ^
      contentHeight=supertext.offsetHeight
* ?8 q" u$ }  z! a' s- d% z      }
! ~# M; G/ s9 g& m; f  F   else if (document.layers) {6 b) M0 v" ?9 A( h) A
      xMax = window.innerWidth;# T4 ]% s7 d3 k" k' Z( m
      yMax = window.innerHeight;
. I' r3 m0 M  _  [; ^. ]/ ]. b      contentWidth=document.supertext.document.width
) J% T# w% u! G& t* P3 a% i7 Z      contentHeight=document.supertext.document.height
+ N4 I* T5 s1 K& u; r% e      document.layers["supertext"].visibility = "show";7 x  x% j/ I' B0 c/ n: Z8 R
      }3 r* V! T1 [; I- H$ K$ }# h
   setTimeout('moveBall()',400);
0 X6 G7 v' d$ A8 ]   if (hidetimer!='')% X$ ~* p0 m/ L/ L% q8 y' Z4 D
   setTimeout("hidetext()",hidetimer)* l/ z5 z/ f- M
   }
0 ?! n! k; [) B. O2 w0 V, {. v
, e4 f- O& U/ a! Z1 m' {3 z7 T& i0 Dfunction moveBall() {% ~" c4 {: _: J- `( q2 q
   if (superballRunning == true) {
1 h  @* f4 Q7 G0 }& E0 a      calculatePosition();+ Q5 l& Y; D7 [: v5 W' p! N* ?1 M( y
      if (document.all) {- H& t7 l. U/ u3 n
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
. k3 _7 e1 Y, B) W/ Y8 M         document.all("supertext").style.top = yPos + document.body.scrollTop;1 j# F0 _+ M* l4 l5 i3 O
         }* @8 i; W3 N7 O( |
      else if (document.layers) {
7 w* {* S! G5 u/ {. }+ F! k$ \         document.layers["supertext"].left = xPos + pageXOffset;
, U9 Q8 p# ~; V: _, x0 d6 E2 n         document.layers["supertext"].top = yPos + pageYOffset;
* S8 ?# j4 V( e3 x- H         }
" ]7 d4 |! P6 i$ Y/ U* _! d5 l      animatetext=setTimeout('moveBall()',20);
+ t! C# _& o, N& D  y; [      }6 ~% L. f/ C! F3 }* M! }
   }: F- z/ @- H. m0 x

! q" d* Q( Q+ o& Y: Efunction calculatePosition() {
  o7 A- F: r5 N0 I8 U3 y   if (xDir == "right") {8 H) g6 T& T  {" R" E/ v& i; C
      if (xPos > (xMax - contentWidth - BallSpeed)) {! G; }  ^  `! N) @
         xDir = "left";. M0 h7 \% ]( t0 z
         }
4 b  r$ C2 \9 M, w8 K" k      }5 a6 F9 b* F$ F/ d
   else if (xDir == "left") {# H5 i. t3 ?4 A. q
      if (xPos < (0 + BallSpeed)) {
# K" G+ m+ v, D+ D         xDir = "right";
7 h, a! |( m5 _8 `         }
- r: D+ P2 v+ X% _, [      }: t2 _6 {$ n* c; C
   if (yDir == "down") {
# y! `& V, b1 V      if (yPos > (yMax - contentHeight - BallSpeed)) {
: V3 i& h: }0 T6 L         yDir = "up";& s- |; D) q/ L9 l8 ?; y
         }
* W+ P9 L) w$ g1 U( b      }# G6 v9 ~; U$ U7 V3 {. \) \% I
   else if (yDir == "up") {1 W5 t5 p) v# Q- w9 |, |) |
      if (yPos < (0 + BallSpeed)) {$ i8 V! {4 g% ~: D
         yDir = "down";, Q; k: F$ b# i7 |$ O$ q$ }
         }% i: C! R1 I- M, ]
      }
4 W. f+ v: o6 O   if (xDir == "right") {
1 O/ J; T7 k2 d) G      xPos = xPos + BallSpeed;5 T. v1 j8 T! E6 n3 F! l  E
      }% O* r- @& g8 V4 M5 u
   else if (xDir == "left") {4 U6 l0 P. x5 x7 [. a+ \5 x
      xPos = xPos - BallSpeed;0 G' x1 y; o  G1 _; Y% N7 c
      }
# Z/ w3 ]: T0 s9 q, `" ?0 d& p   else {4 G1 Z2 @  q. }% F& T0 `. l
      xPos = xPos;
' u* |3 H, G9 y5 o4 M3 ^4 {      }! ?. f; B) K- z% t* t0 d! G
   if (yDir == "down") {& T$ i# X  q2 J! p7 s, B- S
      yPos = yPos + BallSpeed;
5 `: E4 ~- x+ D; s0 `( [      }0 N$ \. A+ ]# E# F% \; ^" @6 u
   else if (yDir == "up") {5 g) i* I5 K) N' L" ]
      yPos = yPos - BallSpeed;
; T" a; [* e- q      }8 a2 `: j7 ^# a7 ^5 h1 L
   else {, W5 U+ C5 y, ]  G# y3 I
      yPos = yPos;
: C1 J' `# C8 f) t6 z& v      }
( Z  v/ V3 g7 B- y   }
6 n' T5 R. S6 J+ ?4 K" Q+ w" A5 H: {- v2 j7 E. ^" f' n
function hidetext(){
; |  Q: Q3 @1 b8 uif (document.all)5 Y2 f+ Y, O! M6 d
supertext.style.visibility="hidden": }3 e/ \6 \5 I  r0 a. f/ d
else if (document.layers)7 t; g, i6 q# r6 c& Y: Y3 H
document.supertext.visibility="hide"7 j6 Z5 Z3 v1 v6 P
clearTimeout(animatetext)8 O! M* g6 |$ }3 J9 B; B, k2 N
}9 t2 |4 h  H0 F& p) C4 O4 J# e; K- D

1 U+ R  J* n# Sif (document.all||document.layers){9 Q! l0 U6 o; z7 W
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: u. Y5 W+ n! Mwindow.onload = initializeBall;, }# t3 m( k/ y# I* r
window.onresize = new Function("window.location.reload()");! \. ]/ L- m* K) L
}+ ?7 O4 s! o$ v. ]! \
* x) w; H1 v6 E, L- g! M
</script>