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

zw2004

<style type="text/css">  F1 \% n/ ?$ C2 o4 j: Q0 K! p: ]
#supertext {
: L+ e1 t: s$ B; V) Nposition:absolute;
* E! c) y/ O# C" Y+ \$ W8 nleft:0;
4 r  k& u8 \1 d: ^; D  H* B  D, L3 [top:0;
3 q7 v, L6 `4 T3 @$ q) Gvisibility:hide;3 @9 z; |) X& F: ?# k: c7 Z
visibility:hidden;
1 B; [" S% q- }2 N- t4 ]' |; U}
, A5 |- ~; @' T( x9 ^) _6 T</style>" N6 p0 ^4 V5 D2 @5 U0 w
<script language="JavaScript1.2">
, W7 M3 W1 i' l9 ~. {<!-- 改变下的字体的大小。颜色-->5 k' p. \: J( c, O
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 t/ w2 y' a9 \5 T) E
var hidetimer='';
& |  t1 c5 X9 k. N<!-- 改变下的弹跳速度-->' E$ c( M  R. X$ x* k0 a2 F1 i. ]
var BallSpeed = 20;
; o9 l5 D% j8 }1 Fvar contentWidth;  W' e$ X3 w9 i
var contentHeight;
- v' C$ |: y! [( j9 c! e# |  ^( Gvar maxBallSpeed = 50;
7 `. E: J! j# i+ i  ]& g( K+ p
3 _* i0 n% G* s. n
6 G: B* ^" q* f0 f. D& U/ i6 avar xMax;
6 }% R* S6 S0 x* ~0 T, j" e1 z  N1 R+ {var yMax;
( o# H  a0 G+ ~3 k) Yvar xPos = 0;
) D; T  ~. X3 Y- [$ s4 ovar yPos = 0;
3 ]( s$ _  N7 |5 j( Evar xDir = 'right';
, n" \$ n- J( Y4 R" ^  p6 \9 uvar yDir = 'down';
( ~  w2 x% P) h9 U  D& Avar superballRunning = true;
5 Q  Y2 k1 C; T( C! rvar tempBallSpeed;
; L9 U( w& ]3 E% l' C  ^var currentBallSrc;2 p6 r+ z. h3 s$ T6 {9 a$ \' Q& I
var newXDir;; U( l4 [" N- P2 x7 Y: e, M* z
var newYDir;
5 K& S& I: S8 u5 D0 r. v2 J9 L: w6 B
function initializeBall() {
& k+ O) B# }! i& Y4 E   if (document.all) {8 h  @0 B, @( X6 q2 J8 Y; t' E
      xMax = document.body.clientWidth
- i4 C1 @0 [0 J0 ?' ]( [2 r( Y) @      yMax = document.body.clientHeight, c6 r/ b( o7 L1 p  S3 n. p5 [
      document.all("supertext").style.visibility = "visible";
+ K$ Q9 S  K$ ]9 O      contentWidth=supertext.offsetWidth( _' k: U9 @3 a2 c# _
      contentHeight=supertext.offsetHeight
# A, y; w* ?5 k% h' t' T  J) d      }. K" U6 r6 t: u, {/ F
   else if (document.layers) {2 x' G; k2 {' E5 W! F. z. G
      xMax = window.innerWidth;
  r5 Q. e' a0 ]' b5 f0 n% W! }8 R      yMax = window.innerHeight;
! X$ A& c  c8 B! V* V      contentWidth=document.supertext.document.width8 p* l0 V: S6 L1 b* `( O4 t
      contentHeight=document.supertext.document.height3 R4 I7 @$ @3 Z1 |+ `
      document.layers["supertext"].visibility = "show";
5 }5 I; \' m: \9 a      }' x! Y( p' j4 N- q4 s- j
   setTimeout('moveBall()',400);8 k/ C, E4 `! t+ {9 ~
   if (hidetimer!='')
% S; N% @: N6 W/ ?6 S. n   setTimeout("hidetext()",hidetimer)4 [# Q3 v* s' s* v# N6 I* L
   }
0 R8 p& t/ ]$ n7 A8 |! t: P, A* m" w0 W
function moveBall() {
& {7 {: v! ~- r4 r/ x4 Z   if (superballRunning == true) {1 a* D0 j, h0 d7 {8 {7 ]$ |
      calculatePosition();
) n6 T/ F( K2 p8 R      if (document.all) {
4 o/ g  W" H' N! p4 T% @! H% M) v         document.all("supertext").style.left = xPos + document.body.scrollLeft;
' [8 b9 J3 O- ~/ b/ f         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ q' [0 ?6 q6 V4 O& t4 C$ }3 r; J         }# |2 l% w2 n6 F' D
      else if (document.layers) {
! N  ?. n/ Q) a$ {' P2 Q3 j) |2 O3 \         document.layers["supertext"].left = xPos + pageXOffset;$ Y0 b$ n. q" `$ Y! m
         document.layers["supertext"].top = yPos + pageYOffset;
5 ], q5 k1 F* e* @8 K( u$ [         }! i% M' G# w& J
      animatetext=setTimeout('moveBall()',20);
. c% {* `; n/ Y+ `      }6 K% g0 Z0 I2 ~& G$ p) K- h' l
   }
6 K9 |  L/ x/ u5 J: M! N! ]6 V- @% |) h
function calculatePosition() {; o, j1 W- p1 C2 R! D3 a" d/ a# [- w
   if (xDir == "right") {+ I6 s$ v+ p  m* o
      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 m+ l6 w7 V. Z+ ]; L" v         xDir = "left";- O* k! W- f4 d
         }
* {' n) V$ k7 _# C% p      }- [' J. X: ?- L
   else if (xDir == "left") {3 Z% t" A& i, L2 L" `6 B! ]5 Z
      if (xPos < (0 + BallSpeed)) {4 K2 I# c% }5 B7 d  Q
         xDir = "right";( ?  H& E1 Y9 m+ d# g) c
         }
; @* ~; R; K  C0 @& G! M* z      }: j, S$ q8 G: ]3 `
   if (yDir == "down") {1 y7 {( e8 R( I. C& ^
      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 S  C* M% j9 e3 k, F         yDir = "up";! C% N/ L* ~+ Y2 ], X9 t* g
         }1 L' R0 }8 C8 K3 G3 u
      }' C. y; U' a+ q0 i6 V( y
   else if (yDir == "up") {1 `+ \4 J# q* W6 P' U5 m. _8 s
      if (yPos < (0 + BallSpeed)) {6 r8 Z! t: N5 `
         yDir = "down";& H6 {7 G9 C! d1 T4 J" e
         }9 t% G- ^( f$ o6 M# `' t. v7 u( Y
      }
% f# z5 u& p1 [   if (xDir == "right") {
8 M! q- }- l1 o  z0 E/ F      xPos = xPos + BallSpeed;
" ~6 \" _+ g! R2 u! A5 J0 D; ?      }
% C) Z3 B1 M1 ]/ v+ N% W   else if (xDir == "left") {  n: X: c9 ?1 T5 X, o9 ]
      xPos = xPos - BallSpeed;
, r. j+ }- K& t3 ^; E5 c0 Y0 W" N      }
' r( B3 ^0 z" U0 }   else {
- x2 _1 X: Z3 o  b. o( l      xPos = xPos;8 L9 ~" a' d+ h: e- Y
      }
9 k: t* m4 J( h# |* C   if (yDir == "down") {
1 v9 Z* T; Y( S6 D& u+ v      yPos = yPos + BallSpeed;$ j' H9 K$ {& ^% E* p; m/ }- l
      }
; i1 `1 Y) Y& Q& `  W   else if (yDir == "up") {
) ]: \. b1 {1 r+ c& i6 i, H      yPos = yPos - BallSpeed;9 S  e+ y, M  J& O7 K
      }6 ^: }) `# @: w$ i! T
   else {+ Z  L) q, k8 R! k8 D4 e' R6 O
      yPos = yPos;
0 b, M) l# i& t+ _8 X' W8 p+ G      }/ D6 U1 d' o" j
   }
- G7 S+ ~$ ?, ]; b# N5 S2 \" \) a# E7 l& ~% ?7 R& h" P
function hidetext(){# L% V' X" [$ r7 e* W% @, v
if (document.all)
/ h& ]$ ]  w: ~& ^# }  `supertext.style.visibility="hidden"6 u( h# ^& M- ~, q( @3 i* H1 M, V* g
else if (document.layers)
- g0 [9 l7 ~& E+ l9 D/ D- B" vdocument.supertext.visibility="hide"
) M- m( y; j% a/ x0 B& WclearTimeout(animatetext)3 K" A! {( ]% A
}
- ?; X9 S. ~$ d: R, l: L1 d! v( z$ x. t# C3 W/ ~' N% R
if (document.all||document.layers){, F0 K% f& H0 Z6 n+ g) k: Q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" w2 x: D) v, W1 r; y# Zwindow.onload = initializeBall;. |6 I# X. R- I9 G: q
window.onresize = new Function("window.location.reload()");2 G9 e6 K( Y: w& H% K
}
  M3 O- e& K! ]3 ~: ?8 M8 e( Y2 w) `6 V4 A. u8 ^
</script>