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

zw2004

<style type="text/css">" h5 Y: g! J# g; v% j2 F! s5 I7 t
#supertext {% K$ U0 K5 ?+ _3 }& Q
position:absolute;
- d! N- s$ N/ A5 T8 `* q+ [left:0;' ?8 h. `' J, ^& J6 h% a! u7 r! ~" y
top:0;/ n/ n2 E% I' C' l, N
visibility:hide;
8 y6 T- \( P  M0 [" Kvisibility:hidden;5 s, B5 \+ q  x8 D) ]+ J2 P& d6 O
}0 t- {8 o6 |7 g+ P) C3 E' V
</style>
. p9 U& A$ P- O<script language="JavaScript1.2">* H3 _/ s7 s6 U, _
<!-- 改变下的字体的大小。颜色-->
$ W6 w4 m% X0 |% @$ ~+ kvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- ]7 ]5 v( L/ V1 z, R) I4 qvar hidetimer='';
; U+ S6 \8 X. t6 x: k<!-- 改变下的弹跳速度-->" B$ L  A9 a! V. g/ A( T
var BallSpeed = 20;
: E) Y9 P& [& `var contentWidth;
8 V, J" x" _. D: Q% \3 Hvar contentHeight;
5 [- T. @# n7 d: Qvar maxBallSpeed = 50;
. I( O5 a& Z6 j* Y& K) e- X! U" j( Q3 _* X' X* A

9 M& ?- ]3 `! g) d* ivar xMax;
' F- g: w- i- \0 Z( Svar yMax;9 X9 @4 T. l1 s; \" b
var xPos = 0;
$ C+ g% `2 \- A8 u2 q6 d' Ovar yPos = 0;+ I) j; [8 \( @( G4 L6 j% `
var xDir = 'right';
- Z; B; T$ P# {3 c. avar yDir = 'down';( S2 ]' T! O- ]4 G: L; ]
var superballRunning = true;6 S8 k3 O3 S' v; _, Q6 I
var tempBallSpeed;
, h- i7 H+ C+ w: o: [var currentBallSrc;, ^+ B9 y' S; [% B
var newXDir;& m5 [# K! J. ^3 W# n0 j
var newYDir;# V0 y6 t. `) [. A
3 I; k! Q' S8 k
function initializeBall() {
( l$ V& d0 ~0 t+ N, x   if (document.all) {
$ S9 g- ?1 ]$ Y1 e7 l      xMax = document.body.clientWidth
4 t' r8 V9 |; @' G' D      yMax = document.body.clientHeight5 ^4 {  y5 B, Y+ A3 Z
      document.all("supertext").style.visibility = "visible";
+ h9 I/ h4 |3 l2 }0 y) `2 c' u      contentWidth=supertext.offsetWidth
$ T# S) o8 ]! A      contentHeight=supertext.offsetHeight, I- G' I; g7 o) s1 N. e
      }
+ z" g9 C, Z, N+ k   else if (document.layers) {/ u! s( ~, E: D' A7 W% s6 b
      xMax = window.innerWidth;
9 u8 f: H$ V* J' a; P      yMax = window.innerHeight;. s8 d, h7 N& D7 x+ Z' K
      contentWidth=document.supertext.document.width, {2 h% b( o! U) x( u. B# [
      contentHeight=document.supertext.document.height' N  l7 P- r/ ]# v" J
      document.layers["supertext"].visibility = "show";$ T+ a. S  u, S9 G% y8 i
      }/ E7 Q/ E' _9 T  W
   setTimeout('moveBall()',400);* A, E. D# N/ @
   if (hidetimer!=''): D0 {9 r8 j6 J! K" G
   setTimeout("hidetext()",hidetimer)
* m4 B) S8 z! w; t, _% D  }: v   }$ v' d8 e6 @' U+ }
# F/ `" a/ v( k. Y( q  \
function moveBall() {6 m1 P6 ^6 v+ L9 }- L
   if (superballRunning == true) {
5 [9 @! y) X$ L/ Z" G      calculatePosition();
# C4 q7 z' H* c( n; y2 q: Q      if (document.all) {( H. {! e6 x( h' E
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 U8 q# b# A+ F$ A' I0 Y         document.all("supertext").style.top = yPos + document.body.scrollTop;
& P4 m' Z8 j- p# y2 k         }
6 O5 l0 ]7 I" J9 u$ ~      else if (document.layers) {* U7 \! k" Z  ?# z5 _$ Z. p/ I
         document.layers["supertext"].left = xPos + pageXOffset;$ }: C. p) i& X3 p; s
         document.layers["supertext"].top = yPos + pageYOffset;; T  A+ i+ K9 \3 I
         }
; q" ^- k5 Z6 b+ h) l. A( O! o" w8 V      animatetext=setTimeout('moveBall()',20);" K4 O% {& \/ J: s; X. Z1 K  w! Y
      }* F% b1 u$ z0 a
   }; N# f9 R* k& b; f( M

( r' ^. e! ?( r3 t- \  I& \function calculatePosition() {# H# m7 Q6 t, B) e- @
   if (xDir == "right") {, S! k+ G1 B2 _9 {# U' l4 \
      if (xPos > (xMax - contentWidth - BallSpeed)) {7 w, G9 U. C) G( w
         xDir = "left";4 m6 W% T/ w5 W% B
         }
9 W. {' F9 ^# B% C! Z. r! p      }" k3 n- o0 y( M* \
   else if (xDir == "left") {
5 n% E% o; C# Q      if (xPos < (0 + BallSpeed)) {
6 R$ d" k& q7 U1 c( K1 u         xDir = "right";
+ ^9 @9 k0 L, [5 b& B: n7 ?         }8 v' g% j6 F$ z( U  ~8 U0 o4 K
      }, {1 r* y* `( I! f
   if (yDir == "down") {
4 s" r- U8 F% v' R/ i  j& ]. P9 G. T      if (yPos > (yMax - contentHeight - BallSpeed)) {
( ]  {/ K  ?2 v6 j( v  ~' R         yDir = "up";: r% K; H6 M7 ^
         }; |$ C  r' ^0 }( x2 L8 `8 V
      }
. h1 M1 `9 }$ F* [& v   else if (yDir == "up") {; |! }* p, r3 D0 d; x+ a
      if (yPos < (0 + BallSpeed)) {( J4 A2 G" R3 j# w4 R
         yDir = "down";# v) B$ P6 ?2 l( v! q, [
         }
; _# J: N- k. ]8 Y2 f      }1 j4 [3 L& z; X! R" i
   if (xDir == "right") {% j3 G9 S1 ^  S% J: u
      xPos = xPos + BallSpeed;
6 D7 K9 \& y: _7 t) N- ~+ M1 N3 u      }
! B) K9 X& J  W7 E5 w0 m' L   else if (xDir == "left") {
: E) D; @4 |9 y& h" i      xPos = xPos - BallSpeed;
; o6 [( A! Q! `7 w9 s      }3 e: O. [8 ]2 f, D
   else {
+ p5 s: G2 f# |2 l      xPos = xPos;
; B& g! c4 y( r) ?      }  ~( A& S( P; O- q* H4 P8 [
   if (yDir == "down") {% K8 [3 r5 l0 p$ V' a+ }) {
      yPos = yPos + BallSpeed;
2 |6 b7 o; V+ P      }* q0 T* o% L- ?
   else if (yDir == "up") {
2 Y/ N. t* O9 Y& _      yPos = yPos - BallSpeed;$ Z0 _3 R# {+ p1 G+ X) h! N$ n
      }7 v$ o9 M' s4 i, `6 K, ?) V
   else {/ b% a7 I6 W2 \
      yPos = yPos;
5 x$ u+ ?/ F/ C      }
) W' l1 [9 c1 ~  s+ Y4 E: z+ ^4 b   }
2 D# a* |5 E; \9 o* f1 y
# K: u# z. Y9 U: q+ y1 ]* j. n. Ufunction hidetext(){
% L. ~$ |5 j+ r( Q- [$ `if (document.all)# F9 C: e8 e2 c4 @
supertext.style.visibility="hidden"
4 k; c1 {% o, x7 relse if (document.layers)
0 v* K6 n" @2 ?' _: R- U+ ~* Gdocument.supertext.visibility="hide"
$ @8 d/ J, ]" hclearTimeout(animatetext)& Q0 K& `. ^) r8 \
}
& Z; O% l9 }3 _! K; ^" \2 F5 n2 m  j5 P. @, ?# ^2 i: W- R
if (document.all||document.layers){4 C& z* A) H$ d) u9 D5 z# G
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ m1 g3 o- E  @window.onload = initializeBall;
9 T0 X; O& s# i' O7 v4 C: ]% Wwindow.onresize = new Function("window.location.reload()");
- C( f+ _* ^; C1 Q  x. m" T. b* ^1 p}
9 }: b5 S" m& {7 t- V; u5 `. Q; A' i8 R: b' F( N% j
</script>