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

zw2004

<style type="text/css">
! W& K+ E) y' M; m1 R7 m#supertext {! C" H0 r% O* d/ _# t! e: D# o
position:absolute;
1 m2 ], A# ^+ y6 E4 {2 n$ a; eleft:0;. h* h+ C/ u/ C1 {$ ?
top:0;+ N6 a( V* K; P, @& E
visibility:hide;+ A* Z& h( [" z5 N5 Q/ R
visibility:hidden;: Y8 W9 w* j5 Z, @# c2 @
}
3 S& K* A! t* g) ?4 G$ e</style>
; s! G& D2 M7 M0 _* x# H<script language="JavaScript1.2">
/ |5 H& j% Z) H0 f  W, x8 p) E<!-- 改变下的字体的大小。颜色-->
# w, g7 L# t7 e. y# j3 v1 svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', E" N4 s2 `' b! J
var hidetimer='';
7 }  \0 V# ^, C; T) h4 `" H<!-- 改变下的弹跳速度-->7 ?# |: G' e7 C; _: U2 V# L
var BallSpeed = 20;
  p! E  z, g& q# v8 v3 evar contentWidth;, B: e4 [) N* z9 @9 J5 H/ t3 s
var contentHeight;
- h4 l4 E+ o7 w0 Dvar maxBallSpeed = 50;1 W0 e4 ?2 x; D. x

) ^# [" D& `; E5 V) N- Q
9 t3 }$ O8 v2 Cvar xMax;$ J$ b$ @" Y& h
var yMax;; b' _7 D% p* p$ N- F: k0 m
var xPos = 0;" w- i" l; t. R5 }% E
var yPos = 0;
# C1 s: x& n+ v2 O; @+ evar xDir = 'right';
  ~3 h8 Z1 w4 c$ z' dvar yDir = 'down';" c  j1 r9 U9 z6 [
var superballRunning = true;
1 E. W8 D% q/ b1 j' Wvar tempBallSpeed;
. H2 x; A; S, Yvar currentBallSrc;- D' A. Z3 n$ a( w  w* R& T' {
var newXDir;. _; P3 ^- Y1 C2 Z2 j6 H& |* k& L
var newYDir;' j4 x0 h9 @' ~! O  l, Q
; l4 R) a/ g3 V: C3 ^
function initializeBall() {
. I5 A) W9 L$ `6 O$ g" {   if (document.all) {3 K) |: p$ [$ Z
      xMax = document.body.clientWidth, ^- x+ p  N# I9 s7 }5 P/ M: ]* Q
      yMax = document.body.clientHeight
8 W! Y  t2 ]7 {0 c( t' _) w      document.all("supertext").style.visibility = "visible";
9 c$ \6 X% ]/ x2 o$ }      contentWidth=supertext.offsetWidth! E9 [6 `6 Z& @6 r3 N0 U$ m
      contentHeight=supertext.offsetHeight
6 P9 Z- v  G: W# F      }2 r) f5 h8 n6 r+ I& B1 F. V
   else if (document.layers) {
" l4 j0 S% E' @5 Z9 o      xMax = window.innerWidth;
, F! Z) `/ R( x; y* |      yMax = window.innerHeight;, Q& s" g0 J  h7 Z- j  M
      contentWidth=document.supertext.document.width7 Z6 w) l$ J! q' w3 a2 ?* F
      contentHeight=document.supertext.document.height
3 m2 o  G( `) \7 A: }      document.layers["supertext"].visibility = "show";
6 A% W0 S3 E9 O) ~4 Z! d      }1 f0 M- V. I( a$ d& n2 k8 D- n
   setTimeout('moveBall()',400);
( E7 I' g" B4 b# Q   if (hidetimer!='')
4 D6 q" S& N( v! m/ P+ ]/ u   setTimeout("hidetext()",hidetimer)
  I! C- T; F) m2 Z7 A. Z! R   }0 A/ P0 ^. l$ F- h9 L

9 ]- b3 ~1 r/ d+ m8 {' z6 |, `function moveBall() {/ y8 K( I6 c( N& {; P
   if (superballRunning == true) {/ M1 _2 ~# I8 K0 d9 O+ D
      calculatePosition();
3 z% |/ v1 `) F9 |      if (document.all) {
, @& g0 ~4 \* y7 v% ~. a& {         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 _: N% ~, n5 d# o, j         document.all("supertext").style.top = yPos + document.body.scrollTop;  m9 ~6 H& }. G+ \. D& r8 _" k
         }
8 m9 ~8 n* P8 b      else if (document.layers) {9 j" G) \* H2 P9 n3 I  Q. I- V
         document.layers["supertext"].left = xPos + pageXOffset;( ?6 f7 E+ M2 c: U0 p
         document.layers["supertext"].top = yPos + pageYOffset;
. C/ B: Z. R& P3 ~" }, Q- X         }
9 ^0 P. n) c$ g+ w9 @( D9 |      animatetext=setTimeout('moveBall()',20);
" n  Z- X  k3 F% d1 a      }0 m: ~2 J' t' o2 f' a, Q
   }& E9 G3 a! z9 I3 ^- F

, c( g& [6 s6 S/ p# G. ]5 d8 Ofunction calculatePosition() {
4 {# b7 }; d2 g( D; d3 j/ c   if (xDir == "right") {
" {7 o: b( l4 n& |1 a      if (xPos > (xMax - contentWidth - BallSpeed)) {
- @0 d+ Y- o4 `0 _$ ^$ I         xDir = "left";
1 e: [+ n, e0 C# c6 @6 L         }* @9 z* F* y8 u$ }! x
      }2 W3 b+ k* S4 P9 I3 i$ H* U
   else if (xDir == "left") {
5 ?- b4 @: V2 `) B6 J4 P' z! U: c/ N: }      if (xPos < (0 + BallSpeed)) {- N6 y/ U' O+ Y# q
         xDir = "right";( J, h5 f, ]$ M
         }0 X7 i5 Z2 d! l$ T0 B) Z3 @! X
      }
  w. r8 d, m- y! _0 A( |. ]9 c   if (yDir == "down") {
! i9 o2 }8 K. @' R8 k: z2 B! M5 a% j      if (yPos > (yMax - contentHeight - BallSpeed)) {: H7 n3 _+ O! m
         yDir = "up";
% q& `5 R5 v: d3 W         }
) C/ f) q6 S  U& A5 I      }% c. U5 f1 ^+ ~7 |. ?% W
   else if (yDir == "up") {4 C6 L' t0 d0 s, x" @
      if (yPos < (0 + BallSpeed)) {
/ v/ @4 @: W' }! a1 e1 p& R         yDir = "down";: \+ y3 Z* C# l9 K$ ]
         }
$ P( y# ?8 K6 U# Z& C! B. J      }
( I% ^- G3 Q% Y% ~  h   if (xDir == "right") {
! c$ g1 d- K7 H" ~3 G! K      xPos = xPos + BallSpeed;
! m+ f4 R4 s! n      }
) h3 _) h' a% L   else if (xDir == "left") {
2 g- Q) @8 Z1 F% w      xPos = xPos - BallSpeed;
% G$ |0 Z6 s8 b6 Y" c) D      }. Z: w! F) ]" p1 f8 ?4 k% J5 J% n
   else {
7 \2 E! M  C. t2 X+ C: {+ R      xPos = xPos;
* z0 R7 p$ ?) y6 d      }; O& E$ @, ^. H3 h
   if (yDir == "down") {
3 X) M" `4 w0 |. {0 E6 q' o  @9 L8 r      yPos = yPos + BallSpeed;
) e6 `" g$ ?4 H- L      }! c! g1 E2 N! r8 U5 W
   else if (yDir == "up") {
' g  Z/ @1 @" T; F% ?% v/ c# `3 U      yPos = yPos - BallSpeed;
: K$ p. ^% v- b) [- q0 Y( C" m- }% Z      }6 O6 E% {6 x2 V" q
   else {. }' s/ W% T4 l" I) e4 g2 ]+ M
      yPos = yPos;8 j/ q9 T0 M$ @( q! n! D; z
      }6 M4 O7 x4 w$ f! j' o+ K( |% c
   }/ d1 c" V! k, ~

1 x& _& ]6 W8 R# C" T- N6 ]function hidetext(){2 L+ A& j6 y! }3 ]5 {& O' g
if (document.all)
- s# Q! o+ \3 [supertext.style.visibility="hidden"
" K- V) O4 O3 v: ]% B+ Helse if (document.layers)
' J/ n/ j2 t' |; ^document.supertext.visibility="hide"
, J' m8 i1 L# y; ?% J$ `! iclearTimeout(animatetext)3 L# W3 l! ^6 w6 M
}0 m4 V% s; Q0 R3 X

1 q# v" z5 Q4 ?; [' lif (document.all||document.layers){
3 e* v" R! F, q$ \3 Ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' d$ @7 Q: i9 I% w" Nwindow.onload = initializeBall;
; i) w+ e, m% z8 Nwindow.onresize = new Function("window.location.reload()");( P5 _* Q! X" D: m
}5 T8 s$ p3 d  ?0 ]
: m1 m# o- n8 q9 Y3 `3 \
</script>