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

zw2004

<style type="text/css">
% o0 d: d  ?8 ^$ g: p+ |8 A) t#supertext {
# b* q# F( R9 b% S* Pposition:absolute;1 I. ~" a- x. x1 j) Y
left:0;
& f- p! d$ R1 c0 v1 Etop:0;8 b0 w4 q7 w. v% U( Q% y8 g8 x
visibility:hide;
; x$ n8 q% V2 g( V! m- \, wvisibility:hidden;
' d3 T% R) R$ M# w}
3 z' ~- K( }8 t; D/ n; K/ k</style>. ]5 d  _7 w* W9 W/ v2 K* J
<script language="JavaScript1.2">! y# f, ?# A' F" L
<!-- 改变下的字体的大小。颜色-->, l$ v' h' `' }4 K
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
! C/ X# H  e6 ^" i; j9 Y; b  ]var hidetimer='';
9 |# u/ T# a9 @, M# U2 T<!-- 改变下的弹跳速度-->/ y. c( @( j& V" }5 |" x
var BallSpeed = 20;
0 d# C: f. d8 f: M7 V4 [6 \5 g5 @var contentWidth;
7 o* J% k# a9 I  `# C% ^- K9 Fvar contentHeight;
! ~  P2 S5 S3 ^7 Kvar maxBallSpeed = 50;3 G4 x- g7 L0 C) Q% p! S( [

; ~+ K* w) J0 r) Y: c/ f2 \, T( r9 e0 W7 U- @* C- F3 J, T
var xMax;
% n) m* d% Q( G5 }6 fvar yMax;- ~2 {6 r( [9 K/ j% Y& w
var xPos = 0;
+ M# t  `- w* A/ S" T& J1 pvar yPos = 0;
7 a. z* h' l6 i' P. I9 v  C) q5 |2 Kvar xDir = 'right';
  I& ?2 A6 {( Kvar yDir = 'down';$ f; t- B4 n5 `9 y
var superballRunning = true;
) d* ^' k8 u/ zvar tempBallSpeed;
6 S1 r- V! X; ovar currentBallSrc;: {- X$ y3 Z3 j& f. ~4 Q
var newXDir;
  |0 d. o$ i; k1 n% A5 }var newYDir;
! t( t3 Z; n% v3 ~
' n, s+ a+ j: U8 V( N" t, B5 Pfunction initializeBall() {. R& \( Q" ]) ]1 r2 H2 ]
   if (document.all) {
( O% ^* Z6 X7 L* _! B2 v      xMax = document.body.clientWidth# }& y/ y3 O: G. d+ e- L
      yMax = document.body.clientHeight
0 e" P6 G/ Z9 m$ r) I# _. y  y3 g2 e      document.all("supertext").style.visibility = "visible";
: w- |4 u% H1 q9 ?' V      contentWidth=supertext.offsetWidth: m* K7 y/ l# v$ N$ w; w6 D
      contentHeight=supertext.offsetHeight
9 S" C0 f: j1 S& w- c      }. X0 z( \0 g% r% c# y. K! d: ?
   else if (document.layers) {2 I+ M* g. Y( U/ r
      xMax = window.innerWidth;
/ b' N$ {& N! R# G      yMax = window.innerHeight;; q( F/ U' X+ V$ D! H: p3 j
      contentWidth=document.supertext.document.width
9 u7 g' o. a8 g& s# ^: s      contentHeight=document.supertext.document.height
1 p5 I6 ~+ M6 X7 U% P8 B: j      document.layers["supertext"].visibility = "show";, G: L' i$ W0 n7 l
      }
- n* z: q+ V) h% g( t% F+ Y1 P: U   setTimeout('moveBall()',400);6 x/ _# z7 c4 f# `# U5 B
   if (hidetimer!='')2 R- ~( u) M5 `0 v) v8 s) |+ ]
   setTimeout("hidetext()",hidetimer)( p8 U$ P: M, D* d
   }* t9 ]- W& M# I; d+ G$ @9 X
8 M, W$ l; K0 N5 V* }, d# ]2 i
function moveBall() {
7 x- c/ y# i" `, ^   if (superballRunning == true) {
9 I4 V- d: L6 L      calculatePosition();
; E4 J- s% |3 e7 x4 N      if (document.all) {4 z( F; P: |. ?. H& ~
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& b! k7 v9 Y9 y0 r: u# D         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ g- m. y8 G6 ~         }
- d( q: \% C# I% o+ `5 ^! j' J      else if (document.layers) {
. B) R. v* p6 w, }8 G4 D$ p: W         document.layers["supertext"].left = xPos + pageXOffset;. A% J0 c: H; C/ P- D+ V
         document.layers["supertext"].top = yPos + pageYOffset;
% x5 i$ {, p3 B. Y, w         }: ~& c0 L# D/ b% U1 q4 M. r
      animatetext=setTimeout('moveBall()',20);! D. {' m" P  T) W9 m; t9 N
      }- v8 H& v& T. O/ j* z7 y$ |" ?
   }
4 a8 S/ |/ e2 W; G! M9 z5 O8 f, X+ _  a: [$ C% @% M! E
function calculatePosition() {, c4 d2 \3 _1 I" \8 |
   if (xDir == "right") {
+ t* Q- k2 B6 O' V' h: Q1 q) R( H      if (xPos > (xMax - contentWidth - BallSpeed)) {
) D0 v* X- N- t, ]         xDir = "left";
* V* R5 G3 S3 g5 Y         }6 {) o- S7 K( P; Y3 X% \$ {$ e6 U/ Z
      }, r; |- S2 o# K, A
   else if (xDir == "left") {, u3 A# o4 i/ n" g' z% k
      if (xPos < (0 + BallSpeed)) {9 R0 o& I8 U; r; z2 b2 F  O. A6 g
         xDir = "right";5 Q8 d! B# l5 @: a. [. x1 f
         }( z) P4 ?$ I  t9 e/ b7 V
      }
3 Q- I* \3 L1 v9 ~& i9 V# `   if (yDir == "down") {/ [; s' @8 ^! F& w) Z" r8 z
      if (yPos > (yMax - contentHeight - BallSpeed)) {
- ]) X2 s( w* E         yDir = "up";# N) K- T0 R# H3 ~+ L' w& k
         }+ |! S  f' l+ @) M0 N- Z! Y
      }% E5 G5 q: s8 Z
   else if (yDir == "up") {
5 }, x0 j4 t7 [1 f8 }" Q  o" K4 O& Z      if (yPos < (0 + BallSpeed)) {) A' c; A0 @1 R( _! o1 p
         yDir = "down";
" q8 z, C- A5 ~; @' t' ~. L* I- C         }
1 U+ x4 ]3 I! C      }% h5 K( _# f7 Z5 S0 Y% u
   if (xDir == "right") {
  u# Q. n6 O. E7 w( m$ o      xPos = xPos + BallSpeed;
* \+ u' j* p' C2 u: f# S$ J% f      }
5 F+ Y9 }2 Q1 d4 G$ @   else if (xDir == "left") {' a2 U' P$ E! h+ j
      xPos = xPos - BallSpeed;
- @! S4 `# c7 P$ N4 m( y* I% l2 `  m      }% G% N( j1 N* v; F# d1 N& ~
   else {
' m  ?2 w  A( e& V) Y4 o) b      xPos = xPos;4 G: ]3 v4 P( u5 K. O2 v( t3 p8 u+ J
      }3 u5 E& j1 G3 }! r: f
   if (yDir == "down") {4 ~& l% Q2 n) J! ?3 `
      yPos = yPos + BallSpeed;
7 W' O0 T+ |4 [5 n: f* u      }) z: I7 Y8 O2 f& c, x- o
   else if (yDir == "up") {0 n6 X0 f7 V! e9 }, ]
      yPos = yPos - BallSpeed;
3 S7 o& T* q1 i) T: t      }, }6 Y! \+ N) T4 ]4 {5 t
   else {( P. U# `) u4 g8 |; h
      yPos = yPos;* \( z/ y: M( W4 R( H% O. I
      }
& o7 M- d4 U8 {   }0 J, w& p  k0 C4 J1 L

+ Z, A2 K  |6 [$ P4 U! @! o& nfunction hidetext(){
9 ^5 W# `6 I% b! h# O+ U; B/ `if (document.all)2 z  |$ y8 P8 e7 q5 f
supertext.style.visibility="hidden"! X; v3 e$ `. v; f5 v. [
else if (document.layers)
; R2 ]/ l6 w- pdocument.supertext.visibility="hide"
2 F' A' O; ]& \& Q: m) n; K$ BclearTimeout(animatetext)1 i: `4 J0 h# _" o# W
}3 J9 H% x* b* Y- c/ ~8 f

8 M6 ]$ T8 R! r) A9 yif (document.all||document.layers){
+ p$ G. D$ M6 p" [* Fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) l2 r+ [) w. G5 xwindow.onload = initializeBall;
  }5 v8 D0 A  G) O1 jwindow.onresize = new Function("window.location.reload()");! ^: D& L2 J0 Y
}
- L6 p/ I  G' w. @8 m4 i5 p$ p5 ~0 Z3 U! }) E) M
</script>