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

zw2004

<style type="text/css">7 {1 ]% d" X( l9 p8 @" V
#supertext {$ D  L2 |6 }8 b. D3 B
position:absolute;
0 I, O7 D* i' x4 y7 Eleft:0;
0 j" v' c! F! ]9 \5 Otop:0;7 [( B7 M- X( e7 e
visibility:hide;" e4 y9 n; S+ h0 U
visibility:hidden;
% ?5 A& H' ^2 H7 E3 g/ X4 \}
: o5 f- v, T! T</style>
+ N4 ~( l/ i2 V<script language="JavaScript1.2">
+ o, @3 T. w5 h  b<!-- 改变下的字体的大小。颜色-->
3 d3 t, ~! Y* L/ t8 @var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( s4 P) v* C8 c7 T9 W. uvar hidetimer='';
5 j1 |; B2 R( r$ c+ d<!-- 改变下的弹跳速度-->
0 I( Q' {! Y' k2 C' w7 ~; H- C* d7 zvar BallSpeed = 20;' B! h7 f4 j: l: {) g
var contentWidth;
# s/ Y3 `( a# H4 dvar contentHeight;
" x& n( P( A' R  K( {3 Q2 hvar maxBallSpeed = 50;; |9 X, o. f2 A% ~) m/ t9 p

9 T8 k7 \0 R+ D, m* ]' D$ P% v4 F- |* W" J: v
var xMax;" _: {/ v/ A& H0 }9 `! s$ m
var yMax;( S% _5 Z9 f' l9 E: g: k" F
var xPos = 0;
4 I' m3 S& n5 H6 }: Wvar yPos = 0;5 W: y/ C+ Y3 e: d; G' \- h  r
var xDir = 'right';2 z' D' F4 p  t7 v7 H- h: Y
var yDir = 'down';
- c' P* y( Y! mvar superballRunning = true;
5 r* R4 q3 h: ?1 A2 `var tempBallSpeed;
" I6 j6 Y( B: w/ kvar currentBallSrc;
5 _3 e* ^# W8 k: ~var newXDir;
' Q3 h, ]  ~+ y1 Ovar newYDir;  i, e1 Q* N: f2 u5 w5 f

: m1 w+ l9 j; |function initializeBall() {. y0 a  b6 _4 K/ B7 p
   if (document.all) {
, }* R8 f' i  `9 J* W      xMax = document.body.clientWidth. h" ~$ s+ S- a1 ?+ V
      yMax = document.body.clientHeight
% V4 ]2 J' X" l0 f+ V      document.all("supertext").style.visibility = "visible";
8 e- g8 {3 l8 Z) j/ ^  q      contentWidth=supertext.offsetWidth  ^% ]7 p6 X% V1 ]( y$ T: z
      contentHeight=supertext.offsetHeight3 i7 C- [. g! M# p2 _
      }+ S, }6 S) w$ ?3 d9 U
   else if (document.layers) {: V; C) v0 M6 m& U+ X0 Q
      xMax = window.innerWidth;  q5 w9 W- [$ H
      yMax = window.innerHeight;6 I# f) @8 Z& O0 }; Z( j
      contentWidth=document.supertext.document.width
1 F) P# B  E# O8 h+ ?  ]6 `      contentHeight=document.supertext.document.height
0 C6 w) [: S$ A8 R8 E7 C7 I8 U( ~      document.layers["supertext"].visibility = "show";$ M6 \; k5 {  M0 ?
      }
" G/ K( T! C$ m+ X/ D3 Q   setTimeout('moveBall()',400);
9 i; w7 P- L: W' L   if (hidetimer!='')
2 g/ l6 ^3 R( u7 o4 l7 B% j; H   setTimeout("hidetext()",hidetimer)3 T0 G& z% Z0 U  `) A8 ?6 }2 j
   }
8 {. m/ F- ?8 P- M# l; E5 o4 [  F9 X. X
function moveBall() {
+ B$ O: K4 h: h+ M) I7 @9 j( |   if (superballRunning == true) {
  V: i* _- B; H! z' w      calculatePosition();& u. M' X9 X, M+ p/ d; S
      if (document.all) {
( Z5 F1 a, }! q' k1 }1 x9 b3 ]. P3 K         document.all("supertext").style.left = xPos + document.body.scrollLeft;
! A* ?& z1 p$ }2 s( \6 i8 b. p: r         document.all("supertext").style.top = yPos + document.body.scrollTop;; y3 e9 x/ G! U! b/ q) Z& V- e
         }2 L: M# }+ e) ]1 W3 m/ Y
      else if (document.layers) {) K; E9 Z  n4 C3 ^( ?
         document.layers["supertext"].left = xPos + pageXOffset;+ G3 {, E! {8 l
         document.layers["supertext"].top = yPos + pageYOffset;
' j8 M! K/ L3 r         }
& G& K( n5 j% r0 }( p      animatetext=setTimeout('moveBall()',20);
* d1 s  [# J0 E4 r5 I# v) d8 ~      }: l! w( v+ K/ F5 f: ^; Z1 J
   }% C  E# X, t3 A( J8 @
9 y/ V+ a/ F) `. p  \* j
function calculatePosition() {
7 ]. R- F! B, S! r# d   if (xDir == "right") {
$ L3 }1 d8 F( c2 E      if (xPos > (xMax - contentWidth - BallSpeed)) {" [& j& R& `* F+ J5 Z( N2 ^# t( W
         xDir = "left";1 h0 l+ V, }; Y( ~6 t
         }
* Z9 I; @# @9 `, q      }/ j! W7 a: a& e6 E2 t4 F. p) c
   else if (xDir == "left") {
9 i) c2 z% P0 d' P$ O      if (xPos < (0 + BallSpeed)) {
- h, y* l0 u6 `/ i         xDir = "right";
" D% M7 I$ y! A         }
+ L  }, N/ ?# G& t$ m% Z      }
% N& d; R( d/ j( b( v  T% n   if (yDir == "down") {
( t7 l8 R# x: U3 I3 E0 O# E      if (yPos > (yMax - contentHeight - BallSpeed)) {
; E' |* ~3 S6 x- O% `1 c( F         yDir = "up";
* K! c8 @, }  i; ^         }
; ]! V3 Y& h4 M5 j, O# m, [2 b      }
+ X3 ~3 I4 G# y7 l   else if (yDir == "up") {
& R! ?$ x* w# m      if (yPos < (0 + BallSpeed)) {$ g8 p  X  U5 R( P9 Z# Z; _9 P
         yDir = "down";
! D2 O" p, ^1 Z$ H         }
& l$ Z0 d# l2 g; F* A3 s4 {      }: F1 `  X8 z: G. O8 v
   if (xDir == "right") {( b# q: ~$ H) D5 }3 A/ O
      xPos = xPos + BallSpeed;
& L% w# |/ V5 @2 B2 G+ U      }' b1 v$ N  O+ ~& F& E( T( M* E
   else if (xDir == "left") {
( w$ W4 f' O7 r      xPos = xPos - BallSpeed;. x. |$ Z7 d, }8 {" N
      }
& I) y4 m) K" o6 H2 C   else {
2 u5 v2 `! S8 k# b      xPos = xPos;
% r! |; t$ I+ E+ B      }* V* K5 @4 d! p) {/ J
   if (yDir == "down") {
7 ~$ e  y; B4 S2 I      yPos = yPos + BallSpeed;# X4 }9 c: `) @" G8 p4 C
      }
, C5 r6 k) e$ D! @+ {- Z   else if (yDir == "up") {
; `5 v: I+ \1 [" P3 L6 u- v% \# {) U% m      yPos = yPos - BallSpeed;
3 y" V4 p2 c) a7 r# _- \" Q      }' X  [& g( p/ b. P+ c$ g
   else {
5 t: G8 i4 s( G8 J      yPos = yPos;
# U- t; T& X/ e8 I      }
! E; ]/ R' p8 Z! m   }2 Z$ i& \) U) X0 D1 `# R2 Z

3 S0 \5 C+ Y/ ]  A3 m7 efunction hidetext(){
' H7 x, K# |8 r9 y$ vif (document.all)
6 O2 ^9 e0 t2 x7 ]3 H4 l7 C0 N8 |supertext.style.visibility="hidden"6 E) J2 }. L& u# |% ~7 I- g
else if (document.layers)
3 X" R5 s( N3 G) o& ndocument.supertext.visibility="hide"8 E) r% n& x  ]+ C9 S
clearTimeout(animatetext)+ [5 A/ ]1 E$ L$ \/ C- E
}
* c$ a, m1 n, l: I* V- @( a6 W1 i' P  c) o! \
if (document.all||document.layers){
8 z0 Z: d3 K0 e! o: s0 s# Y! R# ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 ~( ^& B/ c! B% \9 r; L5 H+ Y- r9 \window.onload = initializeBall;
! a& W3 ~$ T! |! X6 N7 O0 p6 `window.onresize = new Function("window.location.reload()");0 I. D# H0 u# Z# P% s; \8 B
}' }' [9 e( B( z- o
) }: }/ t$ c' z4 g  ^6 R6 s
</script>