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

zw2004

<style type="text/css">
1 H2 [2 I0 T9 f#supertext {
) Z7 w, v7 d7 D% Hposition:absolute;7 H" c6 a. @% Q) y4 A
left:0;9 ]/ R2 l$ t) P, s
top:0;/ F( ^6 W' T% O6 J7 e$ \8 {
visibility:hide;* A4 Z  U5 A, m, V
visibility:hidden;. J4 C6 P' k$ O
}
2 b- \8 _' y5 \- S: Z4 U</style>- d" _* w% l$ _. q
<script language="JavaScript1.2">
3 p# m" ]- [1 |0 \* v<!-- 改变下的字体的大小。颜色-->! a& H7 p' |% B% z% j
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# C; g  e  a/ }- P4 y5 Z, Qvar hidetimer='';
+ r, l8 ]. |. n5 D5 p2 k" g& \<!-- 改变下的弹跳速度-->
! h0 `) @1 o: ]8 J# {var BallSpeed = 20;# l2 @( r6 X' Y6 i1 C
var contentWidth;
1 \% o2 j: V. O" `9 m" Svar contentHeight;% e, D7 ^0 H+ t
var maxBallSpeed = 50;
& G, V$ n+ |, K9 `3 |
7 ^. `3 K, \- _, E$ m; f( n4 }6 l, o! X' u8 ^
var xMax;4 @0 t! Y1 I* k. t* ]: ~7 W' [
var yMax;7 M: c) {1 d! `: v- [$ @3 Z
var xPos = 0;
9 u9 g6 L* H% `& h9 bvar yPos = 0;
, u, S' l+ M! p1 m' b; evar xDir = 'right';
" j/ v& t* q3 M3 A7 f% B' O) ovar yDir = 'down';, j$ c' \6 N, i3 ^  K
var superballRunning = true;1 W" O8 X2 [0 E6 p" Z8 b+ _
var tempBallSpeed;
: @4 M( }- r9 ~8 G0 k% mvar currentBallSrc;
6 q. Q- k# D7 d; r0 V; `: zvar newXDir;" U) U4 @- z8 [+ u
var newYDir;
; d9 b) @0 ^, Y
7 m* e# H' ~' p1 qfunction initializeBall() {
% V# H( ]2 H, d  c/ }/ S6 w* P$ D( z   if (document.all) {8 K1 s4 p. K* l, |' u
      xMax = document.body.clientWidth
3 F. H# k0 Z1 g- j! z0 ?' w      yMax = document.body.clientHeight
3 L8 M$ F+ v. x/ ?      document.all("supertext").style.visibility = "visible";1 E* Y+ _; q7 l# e
      contentWidth=supertext.offsetWidth7 z* v5 D8 f- l. ]. W
      contentHeight=supertext.offsetHeight+ T$ I1 S4 c8 K
      }2 k8 X$ d" t5 F. u
   else if (document.layers) {( ?# [0 Q, B" J# S8 N
      xMax = window.innerWidth;. n0 f) x# U! u! ]) U  W9 ]( U7 ?
      yMax = window.innerHeight;6 }9 F) h  {7 c# Q' J4 u
      contentWidth=document.supertext.document.width8 }; G3 M5 I* X& M7 p' ?, T
      contentHeight=document.supertext.document.height, E) K, X6 {' W$ h+ k% O
      document.layers["supertext"].visibility = "show";9 n$ T; q' j; _) U3 O3 y" f* L
      }. V7 z  `/ o# s# e! |& {
   setTimeout('moveBall()',400);' |+ J" `6 {! z# n3 e. N5 N4 S
   if (hidetimer!='')% i. ^9 K% ~/ i/ d8 f
   setTimeout("hidetext()",hidetimer)
( o) c& D  I6 Y   }9 n; Y+ G' [4 `. w
! e* L1 A" }5 B4 O- R) h
function moveBall() {2 Y  ^0 `2 p1 B, ]  r+ \
   if (superballRunning == true) {- F/ x! p- x) p" s8 [
      calculatePosition();0 B) X- I: r5 X, a
      if (document.all) {
8 v+ r* r& y$ u1 t         document.all("supertext").style.left = xPos + document.body.scrollLeft;+ j# t) G* y& d4 G! j, Z0 ]; j! ~5 B
         document.all("supertext").style.top = yPos + document.body.scrollTop;
3 s- t& O+ h' X6 @         }. P, w! d2 V8 q9 U  R
      else if (document.layers) {
1 ~5 x( q6 y2 n/ b         document.layers["supertext"].left = xPos + pageXOffset;/ ~# o+ x, z3 v3 n
         document.layers["supertext"].top = yPos + pageYOffset;
% @3 A8 W$ @6 O' Z  r4 X5 _         }
) a! m( i2 Q3 ?% c' X* S      animatetext=setTimeout('moveBall()',20);
+ B( ?3 ]. l% \6 G; W0 `" I" {# F      }
# W- E! A5 d5 c" b' x! W# A0 w   }, ~7 U) Z, z6 L$ _

. ~( A! e& z0 G/ H3 h2 d- Ifunction calculatePosition() {7 M( @- f+ v1 s. Z" J  W( u
   if (xDir == "right") {" j( d% H' M$ N/ P# }
      if (xPos > (xMax - contentWidth - BallSpeed)) {
9 m% n8 h# G9 L0 u+ ]         xDir = "left";
9 }! t4 r  ?! X  j' h$ Y         }& B! q5 @0 M7 M' s# m
      }
% ?9 ?. r2 _9 z1 D+ n% W: ~   else if (xDir == "left") {+ w% Y) d& F0 W- M! R2 P4 }7 a1 F7 }
      if (xPos < (0 + BallSpeed)) {
* A! o0 `3 n$ a* @- z; f         xDir = "right";
6 A4 `+ F; s' o3 F* v# C         }" E9 }! {, q5 H  `; p* ^% h
      }! t  h% S2 e1 ?! v0 Q6 I
   if (yDir == "down") {( q4 g, q4 B2 x1 H% z# s
      if (yPos > (yMax - contentHeight - BallSpeed)) {7 E" g# m8 l( G! H
         yDir = "up";
2 }/ B8 t- u6 b0 S9 h6 y         }
+ f7 Y/ a* A* V      }
5 p0 \6 Q4 i# i: h) @   else if (yDir == "up") {
/ m3 M. Y  E3 }6 m2 F% M: f      if (yPos < (0 + BallSpeed)) {
- N" K/ m9 T  e- K% {- ^2 w9 P1 }         yDir = "down";
+ ~. x  F) u# X1 A, O( {* d         }7 K" ]) m( r4 t: {) `0 D' y2 H
      }4 ]7 I# K; z. x5 q
   if (xDir == "right") {
5 X/ G. g4 }# L, u  |      xPos = xPos + BallSpeed;* R8 ^4 @+ h6 c- u9 q. s% l# f8 M
      }
5 F0 H" `, m1 |3 F   else if (xDir == "left") {. Z; `( ~+ @. y/ w( m& C8 [9 W
      xPos = xPos - BallSpeed;* l. x5 N! b) h
      }  z( T0 q" h7 C$ h( d
   else {
0 a. Q) ~: ~) l3 V9 h      xPos = xPos;& v" a9 S) b8 J( z; D
      }9 {) i  w- T7 ^5 n! Z
   if (yDir == "down") {9 l- s8 W; b' u5 T- ^
      yPos = yPos + BallSpeed;
% N' @. ], L* A      }
! V* y& K4 @- I  `  x   else if (yDir == "up") {
3 O" x. d# {* Q% G      yPos = yPos - BallSpeed;3 M$ [$ B0 ?% |4 i+ H/ a3 `" I: ?
      }
0 @& o3 p$ ^* u& n/ D, A% r   else {
$ M5 t) R' C9 Y' r      yPos = yPos;
8 {# E* G, z5 W8 ?2 c' X* g      }5 z  {% j$ x6 p: b" H( b
   }5 Y8 V+ N: I3 p1 \# y  a$ M

$ `# E( F! M' ~# zfunction hidetext(){
3 u5 b# U" q# `/ O0 ~( ?/ X0 uif (document.all)
: Z) s# W9 r7 L/ Hsupertext.style.visibility="hidden"
; C6 K% O' E7 G$ r0 E& Z1 ?7 b: f4 c* relse if (document.layers)
; B: o+ m) e$ `) Cdocument.supertext.visibility="hide"
( }# c5 K7 g" n! ?0 [) p4 @clearTimeout(animatetext)$ O) A# j/ L# w; q- x- x
}' {$ K2 y( b  D5 K
1 ~( }: S7 t5 l" [& d" m5 X
if (document.all||document.layers){& s/ X  s& [. S- b% [& G
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 h/ a2 E1 R# `5 G) dwindow.onload = initializeBall;- n$ r4 m0 s- C' ]  G, ?
window.onresize = new Function("window.location.reload()");
& n- L- q! d# A9 J, i6 D5 `! F! ?}
9 u! e9 ?" \9 T! f. ?2 t( O. L- T0 V# T, X5 {+ @" L
</script>