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

zw2004

<style type="text/css">- N( A! k  w7 [  a' d
#supertext {8 E+ L% ]! Z9 Y4 U0 \8 ^) ]. l2 ~
position:absolute;
" U+ g8 l8 l. v% v* W) Qleft:0;
% D4 |) l$ \% D, \; y9 V. ^9 E- ntop:0;
' R. U# w/ \' A5 O) r( c' _visibility:hide;
* E5 V: K4 y5 u: Ovisibility:hidden;( Z$ ^2 z/ O- s5 u
}
7 ^* t* g, S5 o0 @$ I* @</style>
2 B3 D3 u* U& {" {+ @<script language="JavaScript1.2">
+ H  I- r% Y2 |8 v. Y<!-- 改变下的字体的大小。颜色-->
& P+ c& w& i+ U- d* d. C. ^# Yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 O: r4 ]- n5 C7 G( g5 Pvar hidetimer='';, J  i/ E' T, l+ t* d
<!-- 改变下的弹跳速度-->% O% `, C0 O8 l, P! C* f% ]2 S
var BallSpeed = 20;
) U5 b+ T. Q2 ~- X* Mvar contentWidth;5 U7 N0 w% J* ~9 w& j
var contentHeight;
7 N" F# I4 H, j. R' N$ t# hvar maxBallSpeed = 50;
$ k. j" {" o( ?2 Z2 `$ P& y0 V/ V

, U8 i+ p) b2 w' b8 S7 M' nvar xMax;
% M  b& l7 r4 Kvar yMax;
" ?; e3 q) B2 }/ [+ qvar xPos = 0;: k9 X$ Y6 l2 \& U" k8 t6 W: X
var yPos = 0;' Y( I4 C8 M9 \+ [+ t9 o
var xDir = 'right';
9 A3 g6 d- j+ A& _" l; b: ivar yDir = 'down';- g4 F! ^) y* `* g1 i
var superballRunning = true;/ a% G; o. y$ k! T* N- p
var tempBallSpeed;
* v" \+ j7 ^6 A: p: U# fvar currentBallSrc;! O" z; V5 K( g( k# m$ C
var newXDir;; N" m5 s/ t3 [  ]
var newYDir;' u% Z: z) z, w
& ?& n% }9 ?5 u! U% n; `' V) c# r
function initializeBall() {5 z7 P/ U/ S2 R! H# ]
   if (document.all) {
+ [! u* z) v+ c! f# B9 l1 l3 w      xMax = document.body.clientWidth
* u. y: G6 M+ I3 L+ `/ o7 e      yMax = document.body.clientHeight& A2 K- f, H& y) {0 X
      document.all("supertext").style.visibility = "visible";0 t* c% ]) e/ R( f, z( U+ ?
      contentWidth=supertext.offsetWidth& k3 u: K3 w+ M) S* x
      contentHeight=supertext.offsetHeight5 J- g& `# L5 g( d5 b
      }  m! v$ C, ~1 \. u! Q( k
   else if (document.layers) {
' b% b7 I. r# \0 D      xMax = window.innerWidth;
8 F) I6 W  E% N4 M  O) w      yMax = window.innerHeight;
+ B  k6 f: q5 F      contentWidth=document.supertext.document.width6 l- u8 u. A6 t4 P/ G8 p6 ?
      contentHeight=document.supertext.document.height
3 w7 u3 U$ H& D$ B" k; C      document.layers["supertext"].visibility = "show";6 M1 x: P; ~% t; Y
      }4 N. M! Z1 a. ^0 J7 ~5 A
   setTimeout('moveBall()',400);
0 N2 g: u8 I5 o9 p% |   if (hidetimer!='')
8 @$ N  @8 }9 i" K4 i3 }8 V3 w   setTimeout("hidetext()",hidetimer)9 P4 Y( C1 \& T0 \! h+ [: J0 k9 A
   }
! j& s1 f' }; F* \/ \1 ?) @
4 _7 N5 A( n: L4 \" c* |function moveBall() {+ L. ?3 s% K8 `( }0 Q) B
   if (superballRunning == true) {; ?& K1 d, G! n0 `
      calculatePosition();5 N) k, Q( ?! s) j/ d* O" B4 G
      if (document.all) {
9 L- y# u2 q1 l$ ?# X         document.all("supertext").style.left = xPos + document.body.scrollLeft;2 j& e! G0 s& C
         document.all("supertext").style.top = yPos + document.body.scrollTop;
% y4 ]3 r% K6 y" @7 E/ p8 U         }
/ F8 o! T5 k) D      else if (document.layers) {
; ^' c/ C6 x1 H' d- H. s         document.layers["supertext"].left = xPos + pageXOffset;
7 N) L5 J# @& F: v: o( k/ w4 I         document.layers["supertext"].top = yPos + pageYOffset;
9 ]$ g4 A8 t, g  l& W  ?6 J( @         }2 A3 E2 \: v+ L3 g# m
      animatetext=setTimeout('moveBall()',20);7 @' B/ S5 P/ p2 P0 o- q
      }9 J) j( y1 f0 g3 i+ q" [: U% Q
   }! o  Q* n1 g( x- M  K( e/ k

. x; \! d4 D- D5 ^( j1 B7 vfunction calculatePosition() {
% |! {  ?% m# f2 H$ c+ W* J  J. ~; n' _   if (xDir == "right") {
# y* W2 o, {. q$ m9 _9 z' t      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 ^  ~) }5 \! ]/ i, F# k         xDir = "left";; j) I! Y+ X+ N$ B3 o4 z
         }0 H  K6 X: S0 s" k
      }$ ^- I" l! g0 s" H
   else if (xDir == "left") {
, ?3 x4 i; K5 a" }* d7 {      if (xPos < (0 + BallSpeed)) {
* P  v. U% s! y3 y; m2 u# w         xDir = "right";
) ]5 k6 l& V! d7 e5 A' x         }5 O% R4 b$ S8 j! p# T8 a: a
      }8 r9 o+ n4 G; k# c! t+ q% o
   if (yDir == "down") {% W, c, u4 M, k* q/ c) P4 z
      if (yPos > (yMax - contentHeight - BallSpeed)) {
- T) y% O0 U% T' x( {' T         yDir = "up";
7 b/ ^( O6 w' P% J- y2 _% T         }2 |* |4 g  _! x4 H9 t  _* _
      }% C, `7 q/ P. @/ t
   else if (yDir == "up") {
( k2 o( C  B, Q) \3 h      if (yPos < (0 + BallSpeed)) {% ]. Q" l* O3 f1 T: B
         yDir = "down";$ o4 b) A8 l) A- Y- [% }3 a+ s/ j
         }! H) w' w3 @$ ~+ S2 F7 i; L  p- n9 @
      }# A. f- a! v3 T* l
   if (xDir == "right") {! Y. d3 L9 f2 l# E! |7 I0 j
      xPos = xPos + BallSpeed;
; m+ Q# M# K0 \$ c  S) M( L% e      }
4 q# {% L6 J% K8 c/ m% y   else if (xDir == "left") {, n# Z1 X# t! Z0 E3 P! h
      xPos = xPos - BallSpeed;2 i' a8 k) J' I
      }
; s" n/ A9 Z! z7 V4 a   else {
- B4 @! r- q* k7 G, z/ W. X      xPos = xPos;8 G; I1 T- n+ m6 Q, }2 l0 o: G
      }
& v" i. R/ t4 Z5 g0 r# g+ i   if (yDir == "down") {- A" u* C! ?# f0 y" Z' t5 R
      yPos = yPos + BallSpeed;
3 }6 q1 i8 e# q7 `  s6 z      }
2 g; D7 t* d$ [7 ^0 B0 L   else if (yDir == "up") {
5 y: Y5 g2 G' g  _8 m3 [      yPos = yPos - BallSpeed;& O% M, m9 C0 j$ d) g( [
      }
7 B" t5 Q; C/ P, R4 ]+ C; t, T   else {4 ~0 Z+ }* Y3 b: Z+ P' [0 m
      yPos = yPos;! a( _  Y5 t4 H0 D/ i: L! `4 s0 H
      }" y3 o9 a/ ~  |$ P: M: P0 J" \
   }
( D6 I* F. c5 i) F- P% p) p2 E5 e8 ]- h; m* e+ t; f
function hidetext(){: r# E0 n& Y' R
if (document.all)) k$ o5 Q9 g6 H
supertext.style.visibility="hidden"
5 P- g6 ~# ~" S6 \& |7 Nelse if (document.layers)
" m4 i9 z" |& \6 O1 X0 a" ~4 bdocument.supertext.visibility="hide"
  m' B1 F( r& SclearTimeout(animatetext)" A$ ]* m8 g5 u1 }
}9 A3 g8 t3 d% p: p* i0 U/ X1 A
/ k  s: g9 Y3 W5 I- B8 o; b! E9 g
if (document.all||document.layers){
9 t- S3 V" B$ k$ o0 a4 G5 Tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); Y1 Z+ N0 e2 W6 A5 j
window.onload = initializeBall;& F  A' [) Y1 g# f6 ^
window.onresize = new Function("window.location.reload()");4 Y4 O2 |. F1 ]! Y9 i8 w
}
6 ~: P- `! v+ m) }  L; f! z5 p$ J( B% X/ X& x: ~7 f9 p+ O# J
</script>