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

zw2004

<style type="text/css">9 s0 E" q6 e8 I5 s4 J2 T8 V5 o5 s: E
#supertext {$ o7 y4 A" t2 A! x+ V$ w' ]: Q
position:absolute;
# n) I0 k. Z7 W% rleft:0;
$ m$ R' K: e5 O" x- i9 U3 rtop:0;
: x( F$ F4 M" o8 ~visibility:hide;% @5 _. t3 N7 q5 e4 Y! A$ Q
visibility:hidden;
$ D0 m& y3 P$ o" X# s}
1 L$ e# Z0 i6 i5 J4 k% L$ R</style>
1 T$ I3 q0 V7 v<script language="JavaScript1.2">
4 A$ y8 [( b5 K<!-- 改变下的字体的大小。颜色-->
4 E# D4 G2 c' Tvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 G3 I) m- v* q
var hidetimer='';# h2 L- F3 c/ o9 F' g9 o$ J" c7 x& Q
<!-- 改变下的弹跳速度-->& j9 T$ Y. p( o2 S* A& @
var BallSpeed = 20;" |. U$ n  I6 l7 b
var contentWidth;
" ]. Z% N  v+ [1 y) O  qvar contentHeight;) |) W# N, z$ R! v
var maxBallSpeed = 50;
( B5 v) `& v: l8 p, R- B' D2 m; ^' Z9 N  i# I+ M" n9 z
0 U/ ~: E  ~! s; p: i% |- Z
var xMax;
- k! L; }5 L6 h' _' X  Q  X9 X( ]! Kvar yMax;
9 K* s1 f9 B* y) x. U) svar xPos = 0;/ @9 o$ L1 E; i9 x2 m
var yPos = 0;
, p; M5 t0 j) V2 o; ~* Hvar xDir = 'right';
5 m0 C$ d. h; s# t6 P5 K- wvar yDir = 'down';
+ Q3 r. w+ ?9 j5 ^5 n/ |var superballRunning = true;
* p! v/ b, j. X3 [4 R1 ?var tempBallSpeed;
) e/ l( m7 [* Q: q8 Uvar currentBallSrc;
6 p5 L2 ^! P& ^( ]: Evar newXDir;
$ N7 Q5 k0 w$ _8 |% f* V$ Lvar newYDir;
7 V4 c# e' l. ^/ |. Z; d- D5 P
; s9 N$ F2 H0 G  }function initializeBall() {
3 h$ u3 P/ m+ \& P   if (document.all) {" Y# \; K4 b4 B! p" R' P7 R
      xMax = document.body.clientWidth$ `2 e. B# ^7 I8 r0 J( r7 |
      yMax = document.body.clientHeight! ]+ V# i  L6 U( `) e! y7 X, M
      document.all("supertext").style.visibility = "visible";
6 ^7 I( Y6 Q1 f      contentWidth=supertext.offsetWidth
, d* R' e5 f3 O$ V6 c% v0 u      contentHeight=supertext.offsetHeight* B7 C) Q* a1 p0 L4 Q0 C/ U# b+ t( `
      }
5 W) p8 G9 b6 y9 M8 Z  x   else if (document.layers) {9 J4 H1 h- ^6 J" X% k
      xMax = window.innerWidth;; S' f0 j7 H1 o  b! _9 D1 O0 i2 [' Y6 r
      yMax = window.innerHeight;: a/ y( b7 c3 o" S0 Z
      contentWidth=document.supertext.document.width
1 t2 {+ o& d/ V      contentHeight=document.supertext.document.height
9 A( h% ?/ \9 g      document.layers["supertext"].visibility = "show";
3 c4 x, t% Z- J. q! s      }( ~3 D- S. {& Y5 R% |# O
   setTimeout('moveBall()',400);
5 V, M8 `- M" n   if (hidetimer!='')+ x5 |! D  T$ z% U5 E
   setTimeout("hidetext()",hidetimer)7 {, W# H/ ^6 |$ ]- c* U$ G' A0 |
   }+ X; d9 A" o( H! R+ R4 W
- M. {: P" `8 {
function moveBall() {
; y/ q! ^& Q- E8 A2 [3 }   if (superballRunning == true) {
+ b. D: ]# F! M. z      calculatePosition();
! m" Z) g, s. k      if (document.all) {
7 A' x, }% V$ L8 S3 H3 W         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 b+ a- O4 D& a. Q4 i$ v2 {7 w2 ~0 ]; x
         document.all("supertext").style.top = yPos + document.body.scrollTop;- r: w$ c' A! m, K8 v& `" e2 w
         }
  a/ A; {8 Z$ N      else if (document.layers) {/ y3 M) z: y* H+ z
         document.layers["supertext"].left = xPos + pageXOffset;
0 f# k/ i7 J1 P0 c$ q- f+ v         document.layers["supertext"].top = yPos + pageYOffset;
: @, Q) `! R( l' Q3 e  p, G         }
! B% Z$ Y5 O8 K/ ~      animatetext=setTimeout('moveBall()',20);; p; l& G+ A, R: h3 N$ b: m
      }8 o: H& q7 m( V# i4 H3 R* i3 h
   }
8 S1 y8 V  m- E; d, Y& e* h' }
0 o: I/ {+ L0 R- i. d) gfunction calculatePosition() {
; @# D1 Q2 a: b; w7 f   if (xDir == "right") {
+ d+ ]1 d# }" ~# u      if (xPos > (xMax - contentWidth - BallSpeed)) {
: r, k& C: }! t3 f         xDir = "left";
% C  ]) V# u- u% ^; {& t5 z         }/ l, M9 `7 g- r% q8 o8 t! l  L' {
      }
8 s3 S8 G( E5 Z   else if (xDir == "left") {- t7 y- Q: r  g9 B4 |! J( _
      if (xPos < (0 + BallSpeed)) {; X( [, a0 B( \( E" Z
         xDir = "right";
3 G# }. d: t/ Q  m+ O2 D! ]! A         }& b! E3 U  ]+ c$ |4 m
      }, u: D- p3 H. B8 ?) _& }7 k
   if (yDir == "down") {$ j& C) r7 \) q" q
      if (yPos > (yMax - contentHeight - BallSpeed)) {' [# t5 L. ]/ R% U; g( q
         yDir = "up";% E; O: P; J+ R2 Y, t8 d
         }1 r9 D/ s, q# h$ p1 _# _! {. ^
      }, o) ]9 [# }8 i5 l6 C4 W1 _% j, `
   else if (yDir == "up") {" d8 Q. l4 j% g3 w. r4 |2 Y
      if (yPos < (0 + BallSpeed)) {
! i% u2 ?9 N# M3 h! T* u: w7 v         yDir = "down";0 l# k/ |2 S& P, j" y( Y
         }% K. H% T* F' \' ~' G2 d  z& a% `
      }0 I# b$ ?0 w3 g, e4 o0 z- N! ~
   if (xDir == "right") {% a/ s( a; f( t. j' @
      xPos = xPos + BallSpeed;$ J! O) t9 d7 M- m! r" w* C& e
      }
, {) P4 |" M4 u$ O0 v! N# @   else if (xDir == "left") {
" y9 |( m' J3 w& k( v5 C5 n* f0 F      xPos = xPos - BallSpeed;9 R: W) M& @/ r% Y
      }
" z7 a* X" d5 q$ F. ^   else {% z. N# h8 Z" C/ ~9 ]1 L
      xPos = xPos;& Y5 w, }9 K, d6 b
      }" ]' b4 E' H0 I; ~: Y
   if (yDir == "down") {
: p! B$ U7 j4 n) s  W+ b8 z; J      yPos = yPos + BallSpeed;
. `) k, @! n* \" F6 e      }
9 c+ J' U' X7 q+ I6 b- \   else if (yDir == "up") {$ A5 a4 I2 C9 z# N& x) T
      yPos = yPos - BallSpeed;: ^5 F$ z1 Q3 E" o1 a0 |6 `
      }
) t7 ~1 z& N8 U$ ?8 P- k   else {
. Z* J$ |* P$ U: ~9 n3 h5 l, Y6 _      yPos = yPos;8 D8 W5 _% w0 u
      }
5 G) }- h/ @3 y$ P" t5 y6 _   }0 E0 I$ e/ I5 N+ R9 S

: p! f1 _" q* m0 ^: Afunction hidetext(){" @: U! I' [! _" p4 S1 |& a
if (document.all)
  d7 ?6 ]6 [; p, Lsupertext.style.visibility="hidden"- g9 [5 A4 ]7 q$ R' L- T1 a
else if (document.layers)1 o2 N2 X6 t1 {
document.supertext.visibility="hide"
% f. Y. z  ~% }  z, I4 i+ UclearTimeout(animatetext)
7 h$ k( I/ J5 ]}
  H0 t2 Z" n; m  g) D
5 Y7 f% W6 J2 `6 Tif (document.all||document.layers){( @7 t. E/ u8 C3 F7 d& E- k% P8 P
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  \+ J8 {6 {5 e2 a
window.onload = initializeBall;# g+ Y! ^4 O  ~! U% I
window.onresize = new Function("window.location.reload()");! W0 R6 s7 {& L9 ~
}1 `: \( q: z) z: F4 t& K
& d, O7 T0 F4 _0 ?  a1 @" [3 J- h& N
</script>