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

zw2004

<style type="text/css">
) ^  z9 Q* y2 I% A, x; m#supertext {
/ L8 x6 D; L8 C3 [position:absolute;$ I. A. l6 O/ P, ~" Q0 X$ J
left:0;: ?) R+ J" @& I- s0 U2 P" ]
top:0;( J* Y. Q; d# R: @' |
visibility:hide;
! j1 \3 B$ C3 u! i* mvisibility:hidden;# I/ D% p* q% f/ K' Y; t
}
, T- L9 X/ b6 H, M</style>
1 D" [& y8 V& O! j; {<script language="JavaScript1.2">
- J' H7 L. @* T4 P<!-- 改变下的字体的大小。颜色-->
( v2 Y: L( @% L* J# D6 @var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 J- r8 x9 {6 |
var hidetimer='';
' F, t% k! n$ y<!-- 改变下的弹跳速度-->
: s2 D7 i' g3 a# l! e4 Hvar BallSpeed = 20;
0 C2 b$ y" A5 I& \; `1 Cvar contentWidth;: p) Y5 ^  j" N/ ]' J
var contentHeight;. y8 K+ M) L2 f3 T7 d
var maxBallSpeed = 50;2 i9 v& k# w; D$ s$ T* b
5 A& Y# R8 I; c7 F

/ D- ]4 `: q+ Uvar xMax;! X3 U8 u, y/ G
var yMax;7 U+ C0 O0 p2 x
var xPos = 0;
7 i8 E! [" o  S8 M5 o8 zvar yPos = 0;
0 e, {0 q# Y" Y2 ^var xDir = 'right';+ O8 U# P4 `9 a4 |3 N3 s
var yDir = 'down';
7 y" \* Y1 ~  avar superballRunning = true;0 X2 n3 X0 ^6 P. M7 F. k/ w
var tempBallSpeed;9 m1 g" g  I, Y7 \/ I
var currentBallSrc;% @2 I5 M5 ~8 M; w! p
var newXDir;. P7 d. T( D' U9 V/ Q# c3 [/ C* ^: J
var newYDir;# m; i7 L2 ?9 V, @# }$ d( [5 H
3 p# @# ~$ f, N" J2 ^
function initializeBall() {& A3 h" i2 B; ]$ a
   if (document.all) {6 @" `! B" @, P$ `
      xMax = document.body.clientWidth
; C$ o* @% [8 X5 W- f  |% W: |      yMax = document.body.clientHeight
3 S9 f- z$ T  v. B      document.all("supertext").style.visibility = "visible";
7 g; B' @* o( I2 ?      contentWidth=supertext.offsetWidth( a/ i8 k& I- L6 P4 X
      contentHeight=supertext.offsetHeight
" s  ~3 O" |/ H; E# \& ?      }
( i. R0 d0 Z/ [# O4 v) \2 l7 d   else if (document.layers) {: M6 W) p8 G) E, M# D1 L+ D( j
      xMax = window.innerWidth;! P; a. i% ~! @& y5 P
      yMax = window.innerHeight;
& Z7 ]5 p( |) n6 o$ }$ E      contentWidth=document.supertext.document.width( w& V/ X$ R; k) j# r8 R( }# l
      contentHeight=document.supertext.document.height6 w! f/ W9 ]0 m
      document.layers["supertext"].visibility = "show";
2 L" g- R3 e9 s$ e# L      }
$ Y8 U6 k5 H3 k, \3 k) u& V   setTimeout('moveBall()',400);8 ?* V: l0 B! y  d0 d
   if (hidetimer!='')* v5 {& U$ q2 e8 R& t+ Z' Z+ b
   setTimeout("hidetext()",hidetimer)
+ p2 c' K  c1 W& m; T   }
. R7 k0 B' e% z2 s5 c8 N: b! e4 Y! q
* C( I3 w& N9 j6 c1 j3 V! O, zfunction moveBall() {4 s* k+ S+ @: ~4 c, P- x
   if (superballRunning == true) {
8 p  O2 L3 c0 `5 _3 U  u+ m      calculatePosition();
, \0 _; G8 b$ ^5 {      if (document.all) {
% H' Q. r- J4 Z6 P         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 Z7 v6 h  [5 {$ }' f' h* Q
         document.all("supertext").style.top = yPos + document.body.scrollTop;6 t+ t$ l% [* z; F
         }
3 [& K. L6 ]& L3 h      else if (document.layers) {
+ r  ~6 K! @9 G         document.layers["supertext"].left = xPos + pageXOffset;, v' l7 h. s# ?$ X+ l# T
         document.layers["supertext"].top = yPos + pageYOffset;% d6 [8 W( E( A! V, Q- K
         }
1 a6 t  z/ U0 I1 t9 P2 a' C      animatetext=setTimeout('moveBall()',20);( J2 k9 U+ M  m5 T' x' D
      }1 X9 i0 F% p6 W& j: A
   }& ~. j2 a5 d, J( @/ X) E2 j1 |( s

4 H) |! |7 [/ n3 J: Q9 mfunction calculatePosition() {
' _) H: I7 c: }* G0 N9 ^   if (xDir == "right") {
" O" L; {3 ?* S  c      if (xPos > (xMax - contentWidth - BallSpeed)) {5 }$ D* ?7 A3 ?! e+ ~% S" f7 L  J8 H
         xDir = "left";! G1 _2 F1 ~9 N9 Y' T
         }
( N, |) \" E$ z      }7 a6 e7 c% ]( v9 b4 |
   else if (xDir == "left") {
7 C9 b  i; X/ F+ Q+ L& A      if (xPos < (0 + BallSpeed)) {, r8 o( {0 n/ r& l1 s
         xDir = "right";  C$ D! v$ S! n1 s2 H& |
         }" N8 c7 g5 p8 M# w
      }% {+ {( F  G/ K4 g& A6 h6 y# ^1 N7 r
   if (yDir == "down") {& ?4 J6 @- E5 `7 T5 z; {  Z
      if (yPos > (yMax - contentHeight - BallSpeed)) {
: P2 L8 O( c- N# p! @- D+ I2 ~7 T         yDir = "up";
) O, @. P* t, V3 Q. B& |" T         }
9 a! L# q5 v( i      }) [  t9 c3 Q) {) V) f1 k- H
   else if (yDir == "up") {+ [! H9 B- X; v' T5 D4 T' s
      if (yPos < (0 + BallSpeed)) {' x6 V1 C2 @6 K2 A  ~9 g' P
         yDir = "down";" `, N+ o1 j, E( a! N
         }* I3 K2 I  i0 B" ^
      }
/ O4 t8 b' _' p8 X: C/ w   if (xDir == "right") {& c* \! h6 _& V  A' Q
      xPos = xPos + BallSpeed;
9 I- O& L& H# J$ Z- q$ Y      }
8 o: Y2 A" D  R2 P& l# T: q   else if (xDir == "left") {
! {3 ]2 e! T% l# F2 C      xPos = xPos - BallSpeed;
/ M& H- J; J- \5 w  C  k      }
* C5 m% s& X1 i; s   else {0 Z3 e2 A1 c' R( B" a" g) G
      xPos = xPos;, |- v1 h1 p# n1 ]- ?  Y
      }6 V* c; z9 a0 h+ }# E" E# X
   if (yDir == "down") {
$ N# d# y  r! I# @1 `) g2 o      yPos = yPos + BallSpeed;
6 W; m7 c7 ?# R! Q9 \/ o/ }! L      }
' x2 H- A1 g8 a- z9 k+ O1 D3 h$ Z   else if (yDir == "up") {
6 A( d5 q% e3 y! h. g, D" m, l8 {( N      yPos = yPos - BallSpeed;
/ [0 a3 U0 x* g  D0 z      }
& g/ L0 V; k" I/ T7 `   else {
0 e7 W* k+ _. E      yPos = yPos;2 i! ]$ y+ m! a3 H, Y% n8 E
      }: N0 r) N8 n; R: _( k8 s
   }" T( x* h% s. {# L% m

" u! \9 ]6 C8 Gfunction hidetext(){
$ ]& ?9 @4 M1 t% ~4 ^  N) uif (document.all)
2 x0 [7 C, H) {, T" [4 m7 `0 Z. Zsupertext.style.visibility="hidden"
' R! Y: v# k% C$ xelse if (document.layers)
9 L3 s; [  `4 Rdocument.supertext.visibility="hide"5 g1 ^6 n  @8 m+ p+ _
clearTimeout(animatetext); \/ k; S$ D. }0 c- L: ?5 O( V
}
/ l. q4 T9 C% h. {0 S2 Y8 y# K0 \% I2 \
if (document.all||document.layers){
7 \) N9 e* c* C" K+ Hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% W; C( c" {4 W7 m: a- awindow.onload = initializeBall;) z, h5 n3 W; z4 n, i+ Y
window.onresize = new Function("window.location.reload()");/ [" y* c/ m: m) D9 |3 M; ^6 r
}9 M0 t  M0 _. P
. o' \# W7 Y, {7 j3 T
</script>