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

zw2004

<style type="text/css">
5 T% q. V" @+ m* D: R- u#supertext {
1 n! ?4 ~' W1 qposition:absolute;  R# t- y: c4 p) r! [% K3 C6 B0 o
left:0;
# u% ^3 c' X2 m- _) G5 ttop:0;9 |# ^7 A3 \' T, I  f5 [" i# O
visibility:hide;1 l( O2 g3 Y( V4 b- ?' s
visibility:hidden;
! ^; H" N1 R; }& o& t3 x! P}( K2 f) T& `. J  A4 p
</style>
! ]2 P* a  S" v; f+ X3 C& T  N- u<script language="JavaScript1.2">; w+ k, @8 i# _7 }. r5 V. y/ h( r4 D
<!-- 改变下的字体的大小。颜色-->8 \, Z9 S' L6 ~* B0 s- J& `% q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( r" n) w+ I' F) F/ H  e/ d) a: Xvar hidetimer='';- q0 I( n1 }$ Z/ z1 Q
<!-- 改变下的弹跳速度-->
8 A$ ^8 [5 T' ovar BallSpeed = 20;
# B0 S$ s4 |/ `" b7 P+ \* uvar contentWidth;6 z, T; e& d  Y+ B, @) o* `3 }
var contentHeight;
4 }- c- f4 N; i  D! A# bvar maxBallSpeed = 50;
6 N7 j8 L* R4 R; v  o
7 O6 G' B4 Z# u- V% Y
5 W# ~# u, o- e% W5 w3 mvar xMax;- J8 C, h+ S' f
var yMax;2 N$ {3 g6 v5 E# ^
var xPos = 0;$ E2 {/ D7 j/ j8 a  ]; b& a
var yPos = 0;9 F- c9 ?7 E& ]
var xDir = 'right';: a7 G! H- e, X7 R1 @# c
var yDir = 'down';! h: J- a2 J) X  Q! M
var superballRunning = true;, f9 D) @* x4 G" A
var tempBallSpeed;
9 O& y4 K8 n0 p# H, jvar currentBallSrc;
; h. y# s% _/ u! ]3 B& P6 xvar newXDir;
6 B% _! I  T$ @, ]var newYDir;
3 m1 f7 D: C% x- a- ^8 q% G# z0 f. t/ `* n1 v: m5 W+ L4 V! g' E
function initializeBall() {. N1 u, p- ]' u9 Z3 k8 u
   if (document.all) {+ _: a/ a) U6 e/ V( V
      xMax = document.body.clientWidth* H+ K, O) u& |  E0 W
      yMax = document.body.clientHeight0 B/ C6 k, M# N
      document.all("supertext").style.visibility = "visible";5 c+ m8 M7 s. T0 D8 u- Y
      contentWidth=supertext.offsetWidth
! T3 ^6 Z( _; Y, ~/ r6 f" o      contentHeight=supertext.offsetHeight
0 {" u/ S0 v' [( ^* {, C/ r      }* \/ R$ V5 h9 q
   else if (document.layers) {3 \* j% a# n/ G+ r/ }
      xMax = window.innerWidth;' e; J# c) S5 L3 M1 W
      yMax = window.innerHeight;
  ?& Q0 o9 t% V" q      contentWidth=document.supertext.document.width
* E. v' J* @' @2 V/ I% O      contentHeight=document.supertext.document.height
2 ~7 J+ S, D$ Y3 A0 t      document.layers["supertext"].visibility = "show";/ }& x3 S; \& |$ k. q3 M
      }
7 Y' f4 R* c8 J0 j0 o# T1 ?   setTimeout('moveBall()',400);" P! u% z7 W9 j* X
   if (hidetimer!='')
2 p# X3 N9 Z. [7 T4 ]& M   setTimeout("hidetext()",hidetimer)
2 |2 m2 D; p) k/ C; v   }
( l7 k' D2 P7 ]: {- f6 I6 v
8 `9 H  J3 f, w, O3 M. b* {function moveBall() {9 g4 d* T: T3 f  {3 U. {( {0 r1 r1 f* r0 v
   if (superballRunning == true) {
  e6 ?; ~0 I, w, I      calculatePosition();& u6 B  m% A# {/ q2 I3 K8 S+ k
      if (document.all) {5 [) k: \  A$ R: k/ q
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ S9 k! R1 F( z0 x, C0 a' G         document.all("supertext").style.top = yPos + document.body.scrollTop;
( T$ t4 _9 N, |2 Q7 x3 F9 w         }
6 `3 [6 Y8 \& Q5 H& ]# d      else if (document.layers) {
; u% I; `% ~& T6 @/ u. ^         document.layers["supertext"].left = xPos + pageXOffset;+ y  K8 c* l+ ?" _; g
         document.layers["supertext"].top = yPos + pageYOffset;
# R9 g; w8 q; o- Z5 J7 f, q. S         }
; D: }8 i( O! @5 X5 J3 l5 G1 P      animatetext=setTimeout('moveBall()',20);0 S9 z5 V7 M, L
      }
4 R& d; h6 G3 e" z; V   }4 |" V! A2 R& _5 H

; Q7 C6 n1 S; `, }* e8 I" Hfunction calculatePosition() {
, F' `7 ]6 g! x7 p! e3 F   if (xDir == "right") {2 \" R5 B: G+ q2 k
      if (xPos > (xMax - contentWidth - BallSpeed)) {+ d6 f6 U" l* q- i
         xDir = "left";9 i" w' c+ Y' {. k9 Y1 R
         }
# H9 q% b0 h; {) t: y& r- G      }
/ t3 |$ n3 Z9 U/ o: R  V+ Y   else if (xDir == "left") {
$ C( l8 ^, ^4 h0 x- f      if (xPos < (0 + BallSpeed)) {6 [2 X- O. ], [) @4 Z1 S
         xDir = "right";
6 i0 q+ h, _2 ~2 g. {5 h1 v( h3 `: Z         }
: j0 A/ l9 w$ t3 Q% Q      }4 J0 ?' i# Z% O: R. }
   if (yDir == "down") {  R4 g9 k: n% E: m; p  {
      if (yPos > (yMax - contentHeight - BallSpeed)) {4 |8 c6 }( j: Q& I% j
         yDir = "up";
; u7 Z* M2 v+ p         }
* N+ _$ ^# c8 \# u1 H      }1 _5 H6 B+ w6 J  X
   else if (yDir == "up") {
9 m' {  Y3 b8 G      if (yPos < (0 + BallSpeed)) {
4 \- B, u1 r  |& T/ g: X         yDir = "down";
5 E3 `7 ?+ L' s7 K         }
; V; c3 k: T5 ?      }
. N2 L6 K1 U* s5 a5 m3 R, g   if (xDir == "right") {
8 w  D- i8 g6 K* i      xPos = xPos + BallSpeed;9 s! r1 m  v5 G; Y9 m
      }
9 }) r7 @6 O; O' a0 S/ R" ^) a& G$ t   else if (xDir == "left") {. M) F, G/ U/ \9 E3 ^8 K/ s% a; w
      xPos = xPos - BallSpeed;
# X# M  B) @# U9 U$ M      }
( I6 q$ d8 U9 t2 ^& d8 H6 Q   else {
  |; n+ M* ]$ K3 `& G      xPos = xPos;, z: p0 z- ^2 v$ c+ |# x( o
      }
2 u, `6 k1 W/ }. i, I   if (yDir == "down") {
: R+ T2 s2 q5 F2 J      yPos = yPos + BallSpeed;
! ]2 b; V: ]* p0 L2 c      }
6 }5 I- u- \1 C( ?7 X   else if (yDir == "up") {- k1 t. I0 ~+ B- W$ h7 P2 ]" Z
      yPos = yPos - BallSpeed;
; `/ N& S/ c3 X      }: N: p  w9 m7 ~
   else {
5 z1 \$ U5 H' X      yPos = yPos;; {' ^2 j1 D  g6 g4 C* C# Y8 ]/ u
      }
0 K: ~1 C5 W  n; s3 B- w   }
3 _: X2 Q  t' i: {
6 |, f' L$ v3 K4 B( G( ffunction hidetext(){
7 w/ Q7 C  t$ p% D+ h* k$ h& k  ^5 R+ mif (document.all)$ v( U( u( ~( N
supertext.style.visibility="hidden"5 {1 u/ w8 R* O0 Z
else if (document.layers)0 Q1 G" S# F! q% K& C
document.supertext.visibility="hide"
) N& E' r2 J7 I) n# ]clearTimeout(animatetext)
( K2 U) L' i, a( ?5 E}
* Y! a% \2 L+ K  N7 {+ b
: _8 w7 [: ?- e* Kif (document.all||document.layers){
2 g+ Y2 s' B) ^% Ldocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')0 ], ^4 ^  F  b4 j' X
window.onload = initializeBall;
4 h5 P3 I) v- Z) Z5 b# jwindow.onresize = new Function("window.location.reload()");, D' ]. s' @% t4 k
}8 [( S" K5 N$ z/ E7 G' m

1 F" H' t" x0 V: a</script>