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

zw2004

<style type="text/css">2 Y2 d3 o' N5 U* q
#supertext {
8 C7 C( ?# ?" u3 _, ]position:absolute;1 p7 a0 H0 J" X, r8 H
left:0;) R: p) E+ D3 d0 S
top:0;
) X; \9 D; k" Ivisibility:hide;
  R/ u$ Z; `1 W3 T' @/ }* a' Q/ \/ hvisibility:hidden;6 O4 f3 ~4 X, b  t; U8 E1 v
}
. G: Y. X4 U& }</style>
4 N' S) k3 F- T* R( D$ \4 G<script language="JavaScript1.2">" @7 P$ o; G" Y4 \, |/ O+ m4 u% `! |
<!-- 改变下的字体的大小。颜色-->8 L2 M0 E; I" ~4 x
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 {% [' C9 \* f2 {3 E/ a$ |
var hidetimer='';
: l' i# s- Q' T<!-- 改变下的弹跳速度-->- X1 ~8 h1 s( m+ U! o
var BallSpeed = 20;
7 T( M5 F: A. Pvar contentWidth;; P) X+ L) E& B0 I  ]; m
var contentHeight;' z5 U2 _" P& K4 \2 F
var maxBallSpeed = 50;
3 ?3 P1 T9 N) c; ?/ Y  E+ Q7 X% w* W
. B- |6 K0 `) Q
/ _" K( c6 p2 G1 C$ u1 F) Fvar xMax;- N- p4 Z3 L3 o' U7 o: G1 g- B
var yMax;9 u: G4 Q! }6 K2 H- S: A; d* \" S) C: |
var xPos = 0;* I9 G  b& a$ F4 |2 r, c
var yPos = 0;' ?% d' ?: c% ]
var xDir = 'right';
" @. q! \" H0 yvar yDir = 'down';5 R& g; J/ `5 Y3 ]' b/ ]
var superballRunning = true;0 e0 M8 z. |% Q, b+ {5 s$ q+ ]
var tempBallSpeed;
; D+ f0 ~# o7 jvar currentBallSrc;. ^& B- g! E, m3 ^- F: d7 m0 i
var newXDir;
* i4 Y7 z4 s& A0 Qvar newYDir;& N  q$ u6 r* \+ `- N" i: k. h: Z

' t  D  [- \- c) R$ c9 W( Gfunction initializeBall() {
  l3 I( ^2 ?# E6 v0 ^9 i   if (document.all) {+ k& V, Y/ V# H
      xMax = document.body.clientWidth
! H0 @* {4 E$ C- _. a5 O      yMax = document.body.clientHeight9 ?& _- Y; t( d3 L
      document.all("supertext").style.visibility = "visible";
/ b+ E, q2 o/ t6 U+ v$ L6 d      contentWidth=supertext.offsetWidth
/ ~: N6 e3 x# w& D: _  w: z3 e6 A      contentHeight=supertext.offsetHeight% \9 j3 ?3 i5 m- v
      }( F8 ]% _" W" z# O% _
   else if (document.layers) {
5 L! x# S3 J3 t2 x; _; f5 A# ]      xMax = window.innerWidth;3 X3 P1 t; n' \5 ~% p9 i
      yMax = window.innerHeight;: C  r8 f8 m$ o
      contentWidth=document.supertext.document.width
! u/ ]( B' P: P      contentHeight=document.supertext.document.height
( B) I9 \& n4 }0 @5 H+ n- Q      document.layers["supertext"].visibility = "show";1 |  t# t. u  w% s' J" p  ]0 f
      }0 u+ Y9 j+ W4 x8 \# p$ f& Q
   setTimeout('moveBall()',400);0 H" c% C8 |+ E4 [. Q# q
   if (hidetimer!='')
5 I: C9 \; W4 |; Q3 x) Z; l8 ?5 g- a   setTimeout("hidetext()",hidetimer)6 j, I' n" G) y& v2 a
   }9 F& x. d; f' C0 d' k

, L3 S5 |2 s! v2 c# Q& H+ P$ yfunction moveBall() {
1 j  L- z+ l5 F1 l! M. p   if (superballRunning == true) {; F& V# C4 l- u
      calculatePosition();
3 z9 s; \0 Y4 ^- q3 H      if (document.all) {
8 U. E/ K3 j0 p2 ^         document.all("supertext").style.left = xPos + document.body.scrollLeft;
! a* r9 }& d% O1 y, q# \: J0 O0 |/ v         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ L6 j% o! {4 ^) w         }
: A; x7 o' b) i$ O3 h% n8 \      else if (document.layers) {8 \- F- ]8 N7 a( T2 K0 _2 W. D+ ?+ B
         document.layers["supertext"].left = xPos + pageXOffset;" d  p; u0 w; [0 Q
         document.layers["supertext"].top = yPos + pageYOffset;
: a; x! r( |" a: G         }6 \, P1 i9 Z  |' e) Q3 m' ?
      animatetext=setTimeout('moveBall()',20);9 M7 T0 _6 t0 d8 R) d( i* p
      }
& I: B! T4 g6 l: n   }: s# Q1 ^! A0 ]5 a$ [
5 h, {) J# U# b. Z% x) t! E! W
function calculatePosition() {
: h- {) f: G3 G$ Z   if (xDir == "right") {5 L4 l, H; N) b- ^$ O( a
      if (xPos > (xMax - contentWidth - BallSpeed)) {3 S4 I* n$ J' O: Z2 L/ W+ _6 i- M) X
         xDir = "left";
8 X+ C8 W8 @" @4 k9 [! p# P         }
  \. D; N$ s9 K, q3 e      }
$ |1 o- s/ Q* G. r. X: l# N# o   else if (xDir == "left") {
% m% h  o- Z  W      if (xPos < (0 + BallSpeed)) {& |' `  B2 d3 Q
         xDir = "right";! p7 h7 k5 ]% ^# q% c$ Z' Z9 ]7 J
         }
$ y# O4 `9 h9 G* P      }% c/ X2 d+ }  s/ u1 y) y' t
   if (yDir == "down") {/ g4 z# S  X; c. b
      if (yPos > (yMax - contentHeight - BallSpeed)) {
1 `4 c2 m1 z+ K) O6 V2 B6 t: f! a/ W         yDir = "up";
1 H/ E' l* X/ o# {2 `- c8 _/ j# R         }
" G: Z0 W# p0 X. Z% A" A      }. v# ~# F& v1 [" A; a/ h
   else if (yDir == "up") {
4 H. t: i  R2 A2 `- _7 k- v      if (yPos < (0 + BallSpeed)) {/ B$ N% P& z- C
         yDir = "down";6 N$ S- k% m6 i, R8 Q; S
         }
: L4 D. [3 ^0 h) I  J. {1 s! o3 k      }
" g' e# `! @% \% e6 f: F   if (xDir == "right") {
8 d: j9 i0 h, L* n6 s      xPos = xPos + BallSpeed;2 L3 h2 H7 I5 |- ~% P; \( f
      }/ K6 K! M3 a' u) f. p7 n3 l
   else if (xDir == "left") {% X2 u  ]) k/ s  p( t
      xPos = xPos - BallSpeed;7 X6 n5 i2 H# z3 v! \% l
      }% h5 G7 ]) Z! ~! O# T
   else {7 Z6 w6 ]! V; b5 r
      xPos = xPos;% N( [& x# C" {  C9 K
      }
. E& G' @6 t) l4 P   if (yDir == "down") {
, I+ ?) e% n8 D      yPos = yPos + BallSpeed;
5 {0 W( V* e/ B' Y      }
8 }) O6 O  e% ?   else if (yDir == "up") {
1 u! h! L3 W6 }' D9 P3 s& N$ n9 Q4 l4 Z      yPos = yPos - BallSpeed;
5 a; L8 y" N3 K& ^      }
0 K6 k7 F9 I: t+ `' H" }) e   else {
8 W6 A" c9 m, `* l% E( e7 W# l      yPos = yPos;
5 H: r& h: v: H- z: R, v8 M- Y      }% R! ?/ F: {7 d2 k6 P, r4 A+ y
   }; e' d1 r8 O- r; v: v2 y
" K- q* }) X* a  w6 P8 J1 s4 r$ u
function hidetext(){
# ~" B1 R4 [& |; v5 X* s8 Yif (document.all)
7 v9 l: N' e7 G2 r6 O, dsupertext.style.visibility="hidden", a5 L( K* t* X# W, x
else if (document.layers)
$ A2 `5 F) g: Z6 w# K) qdocument.supertext.visibility="hide"
# a2 X+ n. a+ ]: N7 RclearTimeout(animatetext)  p( a& f: i: p& G0 F
}
. L+ y5 \0 ^+ p( }
. G, J; a' j7 A+ |# j5 k8 Mif (document.all||document.layers){
7 t" B) X4 c$ @9 cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 V& T1 }/ N/ p! K
window.onload = initializeBall;3 }. G$ T& G0 X& E8 k3 N, b3 l9 N
window.onresize = new Function("window.location.reload()");, @" ^1 o% J2 T/ L
}- I, Q# t7 ]0 o: Y3 s  m

: w, S$ g8 C5 L# Z9 ^</script>