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

zw2004

<style type="text/css">
0 E5 [6 y4 O5 u5 `& [#supertext {8 \+ @2 s7 T* L
position:absolute;! O" I1 T& C7 y( y6 ?) I
left:0;7 P2 C4 Q, k/ d! \
top:0;" R: b4 [  i& I1 Z: o4 u( B5 D
visibility:hide;
. y/ g) m6 d+ R4 Q7 z' E+ ~visibility:hidden;3 W6 L$ D! U: V4 ]0 g+ D! K
}
- v1 O+ c5 U, J1 ?* L% P1 F  ~% v( q</style>
& n( Z# ]- f% ]/ x, R<script language="JavaScript1.2">
# R, a* o2 |/ M& U9 U5 _8 g9 e! k<!-- 改变下的字体的大小。颜色-->& z$ B* w/ p- b
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 B: P2 i/ _4 j' V
var hidetimer='';  ~* t& Q/ E* ]+ Q
<!-- 改变下的弹跳速度-->0 V% |4 g" V7 z) u1 s
var BallSpeed = 20;
; P5 `! w0 p! o- hvar contentWidth;
/ C8 w' h: g2 k, `$ a  ^! o' Nvar contentHeight;; A: l$ M8 H2 [/ g& }! W
var maxBallSpeed = 50;+ k* e; Y+ d% N1 a+ c1 H& U
  ~4 Y5 f( ?1 t2 w

9 [/ u8 H: I0 H3 V! j& uvar xMax;9 W2 l6 m* B2 @2 j- P
var yMax;
: K5 D- l& J+ u/ Uvar xPos = 0;
. o0 N1 o# D6 ]var yPos = 0;9 N' s* ]$ T$ X5 S2 [* b' Q
var xDir = 'right';& h0 V& N5 `0 w+ w% f! y
var yDir = 'down';8 k4 x! e( U6 j5 r6 p* t
var superballRunning = true;2 Y& {% ?' s3 r+ a: k
var tempBallSpeed;" i7 M$ ~& }- C3 ]# [
var currentBallSrc;
0 O3 w+ Q; K* J2 p2 c2 `var newXDir;9 D, s; P- j6 b& P$ A+ c: s
var newYDir;
4 h, \2 k. r% q, I$ e& g) H7 a0 T- j6 ~6 W
function initializeBall() {9 C- C* ^5 s; D: [' D+ V
   if (document.all) {  z# y, a% Z4 q7 v  p& p
      xMax = document.body.clientWidth, N& G5 r% ?4 Z
      yMax = document.body.clientHeight# [- S. p! z1 J. K
      document.all("supertext").style.visibility = "visible";  O; D; ^0 w! l0 [. v; Z
      contentWidth=supertext.offsetWidth
/ i* H# D7 l+ p4 _' O1 H      contentHeight=supertext.offsetHeight8 e5 W" u: d; {  n; ]/ O
      }4 d* W: C& M5 Z3 T& i
   else if (document.layers) {2 l; ~' Q+ h7 o8 e* a- e/ o
      xMax = window.innerWidth;
9 M& \6 N! S! H7 T: E      yMax = window.innerHeight;( ~7 t+ M3 D9 `* v' p7 r
      contentWidth=document.supertext.document.width2 q  a1 s: H, r9 m; [2 v
      contentHeight=document.supertext.document.height, c; k; ^, J6 {6 M/ ]" g
      document.layers["supertext"].visibility = "show";
* s" O6 r5 p4 V4 @- r      }6 U8 H+ U7 X1 b  q
   setTimeout('moveBall()',400);
: s, _* n7 k+ u5 A  Q   if (hidetimer!='')
5 P% Z. K4 U3 @   setTimeout("hidetext()",hidetimer); R. o5 `; ?' B' q: T
   }0 w' d' N+ N1 ]7 t

, c& z5 u4 F% b4 a+ xfunction moveBall() {
9 V' M1 H  B: `2 ?% T6 [$ N   if (superballRunning == true) {3 Z9 D0 m, ]; s( X
      calculatePosition();1 X3 n" T) Y' V
      if (document.all) {" d9 t* [. a! h
         document.all("supertext").style.left = xPos + document.body.scrollLeft;* ^8 g; ~2 l1 k' |9 M
         document.all("supertext").style.top = yPos + document.body.scrollTop;
! o# n# H" n, k& L; C( w         }
. U4 M' d0 R" J      else if (document.layers) {/ A9 p$ p/ U! C. X# ?
         document.layers["supertext"].left = xPos + pageXOffset;
9 ~- V. J0 m6 t; G8 @' Z         document.layers["supertext"].top = yPos + pageYOffset;8 ~; u0 h( Q4 p, {$ I
         }
  b! d4 r7 N0 e8 j  F      animatetext=setTimeout('moveBall()',20);! B" B. z& Z7 W: P
      }
1 L) `# z* d0 G6 B! g  {  p   }, b1 d2 M5 W: V- B, Q# p5 \7 U. _
% F/ r* m- Z; F8 v( {8 y
function calculatePosition() {: d5 Y" k9 F( A! k, x
   if (xDir == "right") {, |# A! W4 |6 H; g; C' |; A* e; n
      if (xPos > (xMax - contentWidth - BallSpeed)) {
' t& S$ h5 \$ j0 J( T         xDir = "left";
1 r" c( \2 X8 h4 n) k         }
; D  \( r+ V; |& q! @, M      }5 N! q9 D2 K; A' l) ~: r
   else if (xDir == "left") {
# b" m( h9 h5 Z: ~: {" N" B' M      if (xPos < (0 + BallSpeed)) {  p6 Z* J4 j4 U( W, m- M
         xDir = "right";/ ~4 j3 u0 C- i
         }5 M% J0 _, K% |
      }
: T6 N( k$ t  |) O. b% q) N   if (yDir == "down") {% a/ ^0 W: g' I
      if (yPos > (yMax - contentHeight - BallSpeed)) {9 a" g) c/ z# F- U1 v
         yDir = "up";
6 r( [- q0 p9 y  E         }9 E' C1 x% R9 O' m6 F% l5 m
      }0 K' F/ N% u' |1 N8 e
   else if (yDir == "up") {  X/ F: z. E: Y- S5 [, j" i2 _
      if (yPos < (0 + BallSpeed)) {/ K5 e1 H2 i' q% C. x/ E
         yDir = "down";! ?$ [* F* c" X! e  |" [
         }
5 J$ [9 `) [9 t  V$ u8 F5 _      }
% D: D" [' @3 @# C. h# B   if (xDir == "right") {6 j) G2 y: a, f' ~
      xPos = xPos + BallSpeed;
% |  m* f; V0 J  \/ A6 Q5 [      }
% C% Y& A2 d* G$ `: c   else if (xDir == "left") {
. t3 o" l) M3 o0 `$ `7 r; ^+ @8 M8 |6 m      xPos = xPos - BallSpeed;& u0 d& [& w. b$ [: c8 }
      }
2 N  ]' r8 q; l+ u' |* J   else {
6 E' a/ N* Q6 C" N4 e      xPos = xPos;
1 P0 @  d# s# Q1 z! x. R      }3 k3 `5 R! c: Y) p$ ~  ?' g
   if (yDir == "down") {7 u% G: z6 \; f. @! |7 I
      yPos = yPos + BallSpeed;! S5 K. ?2 |3 ]8 K
      }) q2 l  R5 ?5 v
   else if (yDir == "up") {& B: X6 q' [" A$ Y5 ]2 [
      yPos = yPos - BallSpeed;
( V- g  {2 t( [      }$ H# i) O- ^7 F9 Y8 ^& \
   else {+ ?) T4 n/ z$ r0 J" f
      yPos = yPos;$ [) O; T, |/ p' E- S
      }1 p$ \& ]7 J, {8 e* P
   }
, K, m+ O- u/ u0 G- s8 N: T# h/ H: Q; Z9 e
function hidetext(){
% z2 @; |* N# i6 Y! C/ t% b. E: Aif (document.all)  \+ r7 Q% v8 |: ^
supertext.style.visibility="hidden"5 J* G- d$ B. v" n
else if (document.layers)4 P) ?9 m1 J7 j! O. @/ [2 p5 [
document.supertext.visibility="hide"% O! Y' A1 A6 P+ ?; M. i
clearTimeout(animatetext)5 q; B* t4 g2 E- Y$ j. o; R
}
$ }* Z. |# z& \1 l2 J% R
! ~# B6 S" T  Z' p3 S. yif (document.all||document.layers){* ]/ z9 f. d8 {0 F6 Q" f. |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; C2 w( I7 w3 v* ?* G+ H: twindow.onload = initializeBall;. r1 s& ~" |4 Q. U/ d- u
window.onresize = new Function("window.location.reload()");
2 y5 `; W: O% [1 v0 T# V$ k}
- i; l* j8 R$ |! n- j, v# M2 [( C% H9 P6 g+ w: E9 Y( }. a
</script>