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

zw2004

<style type="text/css">
0 ?$ b* k: P$ j$ o" H#supertext {1 y+ ^3 l- I/ K2 i& P
position:absolute;1 u' p" c9 v, r/ K
left:0;- \* A, V2 Z  v/ ~9 w
top:0;
# }* L$ q  l, A0 A6 S2 ]8 Mvisibility:hide;
# x* o# ^  y# J" J$ Wvisibility:hidden;8 {8 j% F! o+ k: Y- [
}
5 j% i- S) _* J7 ?8 h  f. ^$ F3 `</style>5 ]! O6 E% ?3 q9 n2 i2 X
<script language="JavaScript1.2">
# U2 m4 R) v. u- f<!-- 改变下的字体的大小。颜色-->
& V; z& A+ C4 b! C. I; Y( L6 Pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( x$ Y: o/ Z* j4 |- Dvar hidetimer='';
9 w* Z) ]. u( C  `<!-- 改变下的弹跳速度-->, ]) x* [+ K- C) A
var BallSpeed = 20;0 k* ]8 k( a6 Z/ B
var contentWidth;
; [1 i/ ?4 Q* i" ?$ @" Ivar contentHeight;: u/ v8 V- s" z- J) ]6 M
var maxBallSpeed = 50;- F0 T; |4 n, u5 a

% O7 [5 o# M# L' M! S
6 m2 O$ X* w7 B" S6 J" H( n  `var xMax;& q- F$ ~: f, F+ t
var yMax;
5 v- h$ O. z0 bvar xPos = 0;
, p& a5 z0 Z3 s" X+ ]var yPos = 0;* U+ w8 s1 H7 L- y
var xDir = 'right';
( f: Q- P: u$ jvar yDir = 'down';; d1 v% x5 _1 T& `. _0 e3 R
var superballRunning = true;
$ k' b# g/ v: k4 `  ]+ _: `var tempBallSpeed;  p/ @# Q( l; f* M0 M
var currentBallSrc;' d8 Q! F. Q7 J  A' t( X
var newXDir;7 J7 H/ z0 \2 x# n
var newYDir;
; o6 ]+ [- |$ @3 ^1 A; }* A: k& k2 Y" S0 X% G
function initializeBall() {
1 w) k9 j; v. f; B5 b4 J   if (document.all) {
$ ]1 j" H0 o: f2 Z      xMax = document.body.clientWidth
, B, y+ n- d; F8 e( ^9 x      yMax = document.body.clientHeight! I7 r0 `0 l$ d4 J# L5 B& R3 d
      document.all("supertext").style.visibility = "visible";3 r( n: k, s4 R% X# ^
      contentWidth=supertext.offsetWidth
$ \2 O) W$ I# Z7 c. p8 |1 s      contentHeight=supertext.offsetHeight: l2 n- k$ X7 I+ @' E! j3 S
      }
" ?7 z/ b4 a, j   else if (document.layers) {
8 g4 `+ H+ \' c! Z8 e  C      xMax = window.innerWidth;
" r9 |7 J; D& Q7 \& L( T1 r4 G      yMax = window.innerHeight;
3 _- K8 J/ j1 X7 N9 d. @2 a      contentWidth=document.supertext.document.width
% a* a- j- W- c! v; A7 H      contentHeight=document.supertext.document.height+ d! \5 h. u! W; u
      document.layers["supertext"].visibility = "show";
$ x$ |4 s, j. C) u, L      }5 O: v/ D% |) \, b
   setTimeout('moveBall()',400);
! u! v0 X+ P  f9 W0 X   if (hidetimer!='')1 L& f7 {8 |1 n: L# W6 Y. X$ |7 ~  O
   setTimeout("hidetext()",hidetimer)6 W1 a7 }) K# n6 k5 M% e
   }
' A) j4 _2 }9 q9 |) P# a9 E/ @) {% [
3 e! L+ t1 x: F5 t0 g& ]function moveBall() {
+ t& p0 D5 q8 L" e7 Y1 \/ l" D2 \   if (superballRunning == true) {" J# C6 b: r" r2 I4 I
      calculatePosition();
& }* {" S/ L# y7 ^      if (document.all) {5 ]$ R% I, a% A7 }
         document.all("supertext").style.left = xPos + document.body.scrollLeft;, ]1 i7 y/ Q1 w/ E: Q, T
         document.all("supertext").style.top = yPos + document.body.scrollTop;
8 `" h6 b( U4 ^8 A1 P3 K         }
. U2 l+ u8 y1 o6 {& u      else if (document.layers) {) c+ O6 z8 O$ }# U- |# S7 T
         document.layers["supertext"].left = xPos + pageXOffset;/ I- P7 B; q9 j' C$ j  I$ U
         document.layers["supertext"].top = yPos + pageYOffset;
& r4 _1 Q; J5 P! T3 i6 y% n         }
2 B; D  P: t) p9 e      animatetext=setTimeout('moveBall()',20);
- v% o; T0 P0 H' d8 a      }) N% j% j7 ?. C. i0 Z6 {9 u, r
   }$ ~+ L7 E, P' [1 ~
) x" [  g+ k6 l8 {8 [! l
function calculatePosition() {0 W  E. c8 _5 ~1 N
   if (xDir == "right") {
# @+ f7 S$ b$ O, n1 W' n      if (xPos > (xMax - contentWidth - BallSpeed)) {+ n$ Q+ [2 b! ?
         xDir = "left";  B) }0 b# r" z
         }
& y& k2 V/ A6 l; M      }& ]% ^1 Q' h( W& V8 h' ]
   else if (xDir == "left") {! j5 ~9 }' M8 X# Q3 P- m
      if (xPos < (0 + BallSpeed)) {  f' \# m. n6 ^
         xDir = "right";
$ w' @2 A. F3 s5 ~4 R! b! @7 [         }
1 g: R% [; V) s$ f      }& j/ S& R0 Z- _
   if (yDir == "down") {
2 n& m# h/ Z& q! y9 Z) ^3 i( `      if (yPos > (yMax - contentHeight - BallSpeed)) {
. r' C* R4 v+ x* C$ S5 u         yDir = "up";
6 w( R4 B: h3 f, ^         }
/ V, X) H: g2 F  b; f      }
" P5 r6 ^) W8 a) ^; n   else if (yDir == "up") {- R0 p, i2 ]) `" c
      if (yPos < (0 + BallSpeed)) {! J, E! A, y7 G8 V
         yDir = "down";
- {5 l6 R. U5 U* E' w+ n! N         }7 U4 ]& Q- v$ Z" b! G0 ^/ M
      }" U3 z0 U1 _. w& [6 a
   if (xDir == "right") {
* k! l1 X: ]. ~* N6 D5 `- V      xPos = xPos + BallSpeed;
- V! M% Y( F  {" f4 i7 w      }
5 c, r* R2 @& P& |   else if (xDir == "left") {- c9 Y( ~5 k7 d
      xPos = xPos - BallSpeed;
% z/ p% h; ?$ J) e      }) E% N" J- b4 W  _, S9 r/ h
   else {
6 U: @0 ~) l2 Y: n& `7 G$ l      xPos = xPos;
7 A; q( U: J' c# `+ Y      }
) T/ l( d1 R. C! m/ {   if (yDir == "down") {
" L; [3 W8 r. ?5 @: x! j, }      yPos = yPos + BallSpeed;* t1 A/ {' v$ ?5 b* @0 h
      }) X1 y: ]. ]0 O! l- Q$ ]: L* S
   else if (yDir == "up") {* G" j; D/ ?9 W& S& A
      yPos = yPos - BallSpeed;
2 r0 p/ ?7 p1 O. S/ `- W      }1 N0 H0 v. j* H) V; O# m$ c1 Z
   else {1 g+ V2 o0 Y* u7 O
      yPos = yPos;
7 ?% u7 k9 Y1 L* n) J/ }* s6 y      }+ Y3 o: j: f$ S% J
   }  h/ H* ~; j0 U* _" x% ^4 C

; I  g5 \3 ~9 l$ h0 Wfunction hidetext(){
2 L( K2 C# {+ f5 Wif (document.all)
5 l: F' K& g: r4 ^; `( W4 v& psupertext.style.visibility="hidden"
, R5 `' X6 m: P. Kelse if (document.layers). e% J" C9 x+ u9 K- m5 V) b6 u
document.supertext.visibility="hide"
/ ^6 @8 y3 m0 e3 \; E: ^clearTimeout(animatetext)
2 _3 L( k5 ]$ g- D}
- }% W& r# o! c: s# C, x2 h) P, S0 k' m" M# N
if (document.all||document.layers){
( M% Y+ }+ O/ o$ R, {document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 x( E4 U4 K2 B4 w0 b+ h. b! }
window.onload = initializeBall;
" F) O  z" s4 T% p7 b: uwindow.onresize = new Function("window.location.reload()");0 O. y5 w! c5 m$ W6 B- w& {
}
6 k; ?6 K/ k# Q
# B" b" @5 n7 m. J) H</script>