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

zw2004

<style type="text/css">
  l/ S0 S2 I6 J9 [9 b+ g- e#supertext {* d# H. S/ I: p7 W5 L
position:absolute;
9 Z. u! |) s( gleft:0;
2 ~5 j& M! G' ^top:0;
& Q; J, ?9 R0 b' O  Yvisibility:hide;
6 a6 E) T& i/ K4 A: q2 fvisibility:hidden;
) I( t( R) B' c& @. Z}
1 s) F/ C2 n+ R% @2 @" z# ?8 m. }</style>
. H2 y6 E. @- G$ x! l<script language="JavaScript1.2">, d; J) I. a9 I% d5 V
<!-- 改变下的字体的大小。颜色-->) G+ {- a. z8 e5 y' A& ]2 t# I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) g8 M+ {1 C+ j& Svar hidetimer='';
& v0 Z" \( m8 P/ `# m0 C+ ?5 |<!-- 改变下的弹跳速度-->3 O3 v. E8 j1 p# [) E+ ~9 ?* i
var BallSpeed = 20;
- T' R& a% F5 T) @* x9 c0 \* D! uvar contentWidth;
3 s* u! W+ g' R. r  ]; j* c! Avar contentHeight;
) e4 j/ U3 p; {, l1 x. `var maxBallSpeed = 50;
* m6 U/ v+ N1 W6 G& {
! R$ G! U4 o: t' @6 A& H, ]! ?' l% b" S3 V+ B
var xMax;  f0 |' ?! r" p$ b' V
var yMax;
# e( R8 W0 Z2 a; ]+ ~2 g: yvar xPos = 0;
9 P! r) {: E0 s* d' G# mvar yPos = 0;% @0 o% M) N0 _( L
var xDir = 'right';
2 L4 I9 _% }  K$ z% @9 ]var yDir = 'down';
4 I4 f- B5 x) j  o: ^6 _8 hvar superballRunning = true;
5 W: H. [6 ?) d& Z. A: {var tempBallSpeed;; u* m2 T6 p9 k0 _( b! h
var currentBallSrc;
0 A6 S$ Q, f7 |: ~+ T7 Gvar newXDir;8 I. T0 \* l5 a
var newYDir;
5 f* v: N5 b5 y* E/ I" m( Z$ z
$ }) a9 d6 ]5 b* A* tfunction initializeBall() {
2 h8 S- O5 q" l   if (document.all) {; ~  v- J/ v8 L. U: _
      xMax = document.body.clientWidth
: z, f: Y5 o$ E5 r( f# v, K* w      yMax = document.body.clientHeight
+ c+ g+ Z8 I- o" _1 M      document.all("supertext").style.visibility = "visible";& c. T& ]5 [& x* a% S1 x
      contentWidth=supertext.offsetWidth
/ s4 q2 G6 J9 m9 B      contentHeight=supertext.offsetHeight
' {3 y& q) L3 S$ y% q+ s2 L3 i# B: O      }
" u1 k% F2 K0 C/ S0 {' z   else if (document.layers) {
' B* H0 X' b$ o8 i& f* M      xMax = window.innerWidth;
& C' h; q2 s5 X" c6 d4 r      yMax = window.innerHeight;8 d, s* X; V" K6 ~
      contentWidth=document.supertext.document.width
% g& y# T8 f3 j4 v; ]$ H# _4 {      contentHeight=document.supertext.document.height) N0 F8 S% U. z' s! |  t
      document.layers["supertext"].visibility = "show";8 M2 u: w5 x" J8 U$ h2 e/ Z4 c1 d
      }. P) B6 Y+ \' P/ ], J" D
   setTimeout('moveBall()',400);# S; ?% v3 F' X2 }3 A* ^4 i
   if (hidetimer!='')
; w4 j" V# q: `/ ~2 D6 s) H   setTimeout("hidetext()",hidetimer)
& f$ _1 ~. \9 E) k   }2 C; |/ j4 g$ q* d

9 Z9 M0 _3 ~4 s$ r: b5 B. z& Q5 a6 Rfunction moveBall() {  b4 F1 l, }2 d/ U7 U/ r6 L" F
   if (superballRunning == true) {* b. m* }/ R. H3 q8 w. T- `
      calculatePosition();
+ K  F9 n0 A+ R" h: c& `( @* {      if (document.all) {! f8 l. P% j+ J6 c, ^/ d
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
. M/ I  x1 Y+ B         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ ^7 q# h6 A% C! j0 T( R         }" \! E( b% F4 I9 T
      else if (document.layers) {
2 O& y% r$ o2 _         document.layers["supertext"].left = xPos + pageXOffset;( w  q8 Q$ U! h; S4 S5 P
         document.layers["supertext"].top = yPos + pageYOffset;+ [/ k, q3 s3 s
         }
2 r. Q( c6 M( i+ t% O      animatetext=setTimeout('moveBall()',20);
" r$ K0 k7 m* z      }# k$ |1 ]' z/ P5 A
   }4 s8 o+ b7 n! U7 @  f8 |. |

9 J" U/ x& `+ J# C( b0 Wfunction calculatePosition() {/ _4 C0 V  J: G
   if (xDir == "right") {
- {& z+ f- ?8 b      if (xPos > (xMax - contentWidth - BallSpeed)) {2 M7 O/ |" x, G( K2 f3 t+ n
         xDir = "left";- _- }3 T5 O) o( S" S
         }
$ W: Y& o1 ^' |, @" [- R      }: D* x' U. H  |" f6 F
   else if (xDir == "left") {
" G$ [4 E$ L. M/ X1 x" q7 E      if (xPos < (0 + BallSpeed)) {
. R6 H0 N$ D7 G- g         xDir = "right";) ~# W# f; {2 T, q+ ~) d' k8 K
         }
+ j0 }3 d3 o6 c! y: ]  W0 C9 s      }
# T5 s4 g# s" U, B# w* J: d   if (yDir == "down") {
0 ?) L3 W: O4 W$ u2 l2 e  h: b      if (yPos > (yMax - contentHeight - BallSpeed)) {1 M" n, `0 c  L0 z, h
         yDir = "up";5 Y' ~) J; _, p! j4 Z. i$ p) x
         }
, Q' U/ Z4 H* q. U  _% r      }2 g. i; c$ n' ~" U& O
   else if (yDir == "up") {6 r' ^& x0 \0 |% O  f0 S2 t2 S
      if (yPos < (0 + BallSpeed)) {: V& F) P# Z8 K3 }- F$ g' B
         yDir = "down";, T! L5 C. Z$ ]7 i  Z  J; {
         }& Y( j; t/ |6 K' M( b
      }
0 o: \2 z% P* M+ E0 V   if (xDir == "right") {9 Q% r& `5 k! Y# Z# a
      xPos = xPos + BallSpeed;+ M) w9 b2 s- g$ @- M/ x9 U
      }
. S5 x( ?5 N  O5 b# b) `   else if (xDir == "left") {6 _; w  G/ V8 B
      xPos = xPos - BallSpeed;
8 T6 Q3 @  i; B9 H7 i1 d      }
6 M# @2 A1 k& v5 W, p' Q; X   else {
5 M$ D  ^8 \" c/ a' l+ y      xPos = xPos;7 L' w* G1 @! k5 ?( f9 B% V7 |* v0 I
      }% v4 P8 u) u( n# L
   if (yDir == "down") {
1 l! |1 h* h: _      yPos = yPos + BallSpeed;$ g: f5 V5 n$ |/ N
      }
# a/ f0 m5 l% I   else if (yDir == "up") {
  H. S4 Z. O% b/ |6 d, d      yPos = yPos - BallSpeed;% j/ k# n; ?. E) f0 d" Y
      }
7 k' w/ ]2 G" X6 p1 u   else {* M; c( G! S9 r
      yPos = yPos;2 N4 R/ r- i9 H9 N
      }; H+ q/ i7 r! o
   }7 g8 e2 d/ L. J1 G

* H' e4 i( E( r* Ofunction hidetext(){
% {; B$ D5 n8 ^: zif (document.all)% J% {& E' \/ A5 z" @
supertext.style.visibility="hidden". N1 X# I7 V% l7 O* ~3 x
else if (document.layers)
; h* h4 ^  S+ {" \- E$ idocument.supertext.visibility="hide"
* i% x0 j, F. d, M. P4 o4 aclearTimeout(animatetext)7 B2 R8 n8 I/ T5 [; q
}9 c3 Z) M2 O! b# X* B* l0 x- N5 e( O$ D$ L2 _
1 z7 b% N$ {; ?2 @' \! m
if (document.all||document.layers){; O# v* J+ ~6 q; ~
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')5 w" j9 X8 E! e- T5 o
window.onload = initializeBall;
/ K0 P7 U3 b$ p' W$ L1 ]window.onresize = new Function("window.location.reload()");( ^, b! j! ]' S# T) `
}6 r, E0 u1 F$ e

8 a9 P) Y  y- @7 V; t5 U</script>