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

zw2004

<style type="text/css">) @8 x" ?' f) J: J8 k! S
#supertext {" [$ p' }1 c; u2 t' {& |. g
position:absolute;4 T, I8 {9 p- q9 H- j$ h# S6 q
left:0;
: Q9 i  p  z) j# R' ?top:0;& ^; H& k9 ~3 ?
visibility:hide;
! \, k% O) |3 g" Y9 e8 M! pvisibility:hidden;
8 A- e: \+ x6 [, A* E}! u" B. C: _& b% Z9 F7 w3 M
</style>, @/ t4 _) W0 B# D  r
<script language="JavaScript1.2">
5 [" J1 ]9 u3 v& o9 W. J<!-- 改变下的字体的大小。颜色-->* ^1 g; o( j7 q  H% m7 \
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; u% y% m6 G. b
var hidetimer='';
# h0 [: h$ K; z0 A<!-- 改变下的弹跳速度-->
2 ]# L, e. X5 \var BallSpeed = 20;
$ l+ ?- F$ B4 n# a% ]7 U! U" Yvar contentWidth;' m# @/ N% O( U1 N1 q; U1 L, a* p
var contentHeight;4 J+ b3 P" K- r3 R5 |: p
var maxBallSpeed = 50;
/ O, _" b3 L0 N1 D2 b; n, K) Z+ C9 t) Y( d

. C0 Y% ^, H3 |4 vvar xMax;4 M7 I8 Z, B5 |. S7 E4 d# w% L) J3 j
var yMax;" q: L7 U7 c7 \, q4 M0 L, g1 X1 k
var xPos = 0;; A' {/ H9 h) r" j7 E( d
var yPos = 0;/ B( v5 O+ R8 [
var xDir = 'right';3 D0 T* W5 a/ d. ^* S9 \" Z
var yDir = 'down';
: K2 r3 n: {1 N# C5 u% {( Ivar superballRunning = true;( w3 l4 U* O) x# X
var tempBallSpeed;3 Z( Y6 O/ M6 |. D) j3 P8 T4 b' M
var currentBallSrc;
/ J) G3 Z- M3 V5 X# B$ L+ }& n1 \var newXDir;
) N# D  [* S5 z6 p1 Mvar newYDir;, s4 e' B( S: ~" M$ e5 ]5 K5 v

" p# {1 e0 d4 e2 }- e9 v( Rfunction initializeBall() {0 m+ _" s- J0 f; t
   if (document.all) {
5 l3 I# K2 e) R* H% u0 a0 F3 E      xMax = document.body.clientWidth
8 U0 @9 X+ q, W# F' T3 k. V, W      yMax = document.body.clientHeight, j5 H% U. C) I2 k9 f' W- g. L
      document.all("supertext").style.visibility = "visible";0 n: w9 s& e" V5 h! o% I( X
      contentWidth=supertext.offsetWidth
% N3 I8 C# A; b( H' F: f. P$ A      contentHeight=supertext.offsetHeight2 E+ ]; c7 E3 I& }# S
      }
2 n! s$ k" O8 @/ g   else if (document.layers) {
* V' E+ P1 I' D" [" `: }' j2 W! g      xMax = window.innerWidth;
0 c: G% o" D# H      yMax = window.innerHeight;
, g9 V+ G% h) n8 M3 c      contentWidth=document.supertext.document.width1 w# U* x9 N; h; U3 w5 e, C& g
      contentHeight=document.supertext.document.height; I) L( s1 V% s: B1 d# i
      document.layers["supertext"].visibility = "show";# E# e; ]& V) S, N8 {
      }5 _4 t3 z2 m3 [0 U8 _4 `, u6 t
   setTimeout('moveBall()',400);5 w3 {8 h3 b% i. V
   if (hidetimer!='')- s4 i0 m7 X; J7 N$ ?
   setTimeout("hidetext()",hidetimer)3 V. T) [# N( l9 F/ |0 k8 E
   }) \) r# l1 j+ ]2 P' D) j1 a$ Q
% n& I1 R7 d1 F7 F
function moveBall() {* K) W# ?" X0 X# _9 [. ^- i6 t
   if (superballRunning == true) {
0 a$ A- Q) n5 l; A  i8 _' v# c& X      calculatePosition();
0 U1 B$ X' H& x* U) {      if (document.all) {+ B! K8 L( r& g, Z
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* m8 j7 ]* v" a6 M( P# `$ b$ S0 [9 m         document.all("supertext").style.top = yPos + document.body.scrollTop;+ `* j/ Y" S2 x! Y' T# N% f
         }' F& k/ r' V$ m2 z) b2 ?) V2 P
      else if (document.layers) {
* N7 n3 F+ }+ x: H         document.layers["supertext"].left = xPos + pageXOffset;
4 ~8 f# _$ v$ ~. x5 G+ f/ U         document.layers["supertext"].top = yPos + pageYOffset;) C9 h' l% P7 k. S8 |
         }
. {5 P8 p# \( _3 E; H/ l      animatetext=setTimeout('moveBall()',20);) n- P6 K: ], a+ @! j
      }, c, {# S4 u+ V+ Z+ W7 R
   }
6 e/ k* A8 W" R# ?/ A2 b( _& W2 m0 }4 W$ g
function calculatePosition() {) O! l' w! G$ `4 |6 e# Y/ A( @
   if (xDir == "right") {
2 j) G& v3 d  N$ x3 j      if (xPos > (xMax - contentWidth - BallSpeed)) {
9 c& U4 y) @6 J8 K: E% o# k         xDir = "left";3 j  @6 k. ^; x' `; ]. m4 e/ T# u
         }
' _; M+ j1 P* x& |6 r& ^      }
7 y" W6 _7 g! U0 l( O   else if (xDir == "left") {% S/ U- }4 i5 v& j
      if (xPos < (0 + BallSpeed)) {7 r8 ~" F+ P. K# l; l
         xDir = "right";
1 j: X+ v+ T& ^0 s. L& R         }4 R" C! \: i! c) {) m8 Z% P- @6 t
      }
5 C7 h3 f5 }4 P# t$ Y4 g! K7 h4 P   if (yDir == "down") {
$ ~* t4 w! Q) R  r' l      if (yPos > (yMax - contentHeight - BallSpeed)) {- X" V8 k" V3 K$ v1 e9 _
         yDir = "up";% q( @$ M+ M6 l# z( B3 E
         }
; J" W. U/ g8 N      }
5 }" c. U2 d7 e! |: p" [0 o   else if (yDir == "up") {
8 X- n, y/ O7 ~      if (yPos < (0 + BallSpeed)) {: B1 X) k2 m/ i" L* S0 b8 g
         yDir = "down";# p+ X5 X2 B0 q
         }$ x/ b% `% p8 H
      }9 u8 O; q( |/ y2 f
   if (xDir == "right") {7 q6 o3 c6 M& O$ B
      xPos = xPos + BallSpeed;* P/ X4 h$ ~6 Y* f1 N
      }# B* S9 o3 X4 p" ?
   else if (xDir == "left") {& v$ D) M) {' G% V5 d. Z
      xPos = xPos - BallSpeed;
$ d1 l9 M* A. S; c# s. u% }      }
* c4 R) o, X& v- a! P9 H3 Z   else {
4 u9 ~0 d6 u2 ^1 [* r# z" s6 V      xPos = xPos;( V# P' ~; o4 D& H+ m
      }
- m$ X$ M/ X1 D* C$ @, C" N. i. A, Q   if (yDir == "down") {
' }( _; |, z* N; l! ~/ V      yPos = yPos + BallSpeed;
9 ^* J* e+ E8 y      }+ {. m. Q9 C# ^7 m( H& F
   else if (yDir == "up") {; z/ A$ q6 j& G
      yPos = yPos - BallSpeed;8 D0 e. r: z. N
      }
1 Y$ x. G' N  O+ f1 i9 v, ~   else {) Q3 \, ?1 H: h! y. K) k' h) r
      yPos = yPos;, i) t; j; [3 m. U8 z
      }4 e+ l3 Y4 |7 Q  ^2 \" L5 n3 L6 ?' C5 W, B
   }
: O  a$ H$ x7 W  J4 h" i+ l2 t$ E) I4 {
function hidetext(){
4 {" f6 ^& M% b- @/ V& Dif (document.all)! b  E/ c0 x- x; {
supertext.style.visibility="hidden"
& T' H8 Z, q4 j8 j2 s, z  W0 G) lelse if (document.layers)
# s. C. K, ~+ s& ]; S7 Y$ s2 R8 Ldocument.supertext.visibility="hide"
, ]- \) Z& `# {7 c# T$ kclearTimeout(animatetext)0 O6 {$ P; H0 ?4 Q8 \$ [' J
}! Q; J& l! W0 s4 e

: S9 S7 g- Q4 i, }if (document.all||document.layers){
$ U" L* B; ^5 ^1 P4 K# `2 _* ~- Ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 p% P, Z6 |/ C( j  v* t
window.onload = initializeBall;
$ O% Q; }5 e3 q( R& t8 E2 ywindow.onresize = new Function("window.location.reload()");
3 q3 x6 Z; h4 _}
5 ^  ^9 x3 ]- x8 r$ g$ E9 |$ b4 N9 \  k5 V' [
</script>