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

zw2004

<style type="text/css">( S2 H' D' C, v$ o
#supertext {1 [4 {) _, K6 F5 G6 p
position:absolute;
. H& c1 U# b7 l) n! {' fleft:0;/ f) Z" e' R3 w4 \! g4 ], z' C
top:0;6 Q+ H1 K6 x: ~0 q
visibility:hide;. I0 Y8 J7 r( V3 S# o+ D
visibility:hidden;
8 O: W% r+ j5 Z: ^. `; L5 E}/ R5 y$ G+ T4 d0 E* F
</style>
, D% W* O4 K1 j<script language="JavaScript1.2">
: E9 h& A  Q0 V3 {<!-- 改变下的字体的大小。颜色-->$ G8 B0 b8 R% E8 z* [) A
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 y9 \0 r) Z/ `4 w( H9 H4 m
var hidetimer='';
% e3 O& j1 s; ]% b3 Y<!-- 改变下的弹跳速度-->2 Z- t7 F& k: p- W7 X2 l
var BallSpeed = 20;  r9 \) w# L: t% t, v
var contentWidth;. R0 f, ]' P$ b' m! q& A
var contentHeight;1 r2 W& }9 K8 W0 J1 _* k5 A
var maxBallSpeed = 50;" U( U# ?: `  S; {1 ]
! U0 T8 ]0 a& R7 `5 P6 g( b
+ j' A' W/ z  @6 ?. H
var xMax;
+ e# }, f& L4 v8 f# J. m  c! qvar yMax;
' p8 y9 |' [- u% X8 O0 d: zvar xPos = 0;
9 f6 F% }$ q" s7 I/ H; pvar yPos = 0;
  ~' P: n5 O) _4 A' A" C- }var xDir = 'right';
; B, R7 r+ l4 bvar yDir = 'down';% a0 U2 O7 X* W
var superballRunning = true;  n$ r7 Q+ P1 w: {* @
var tempBallSpeed;. d$ m8 U/ g3 d+ |. G$ ]* ?* b
var currentBallSrc;; `1 o0 T, t, C+ D7 N$ W
var newXDir;
# [" l8 B0 q& F: j% m4 L4 \1 x6 @var newYDir;. k1 r. W; L1 d" A

9 i6 z3 C) Z( |( \$ d+ @" Yfunction initializeBall() {
  j6 Y* p' s" l/ _' x) z   if (document.all) {
& s3 i* h3 n8 a0 b7 k! E% K5 }      xMax = document.body.clientWidth
! m" P( [! @4 |( @8 L) u. z      yMax = document.body.clientHeight
+ r; y  W# y0 ]% u      document.all("supertext").style.visibility = "visible";
- D  C- B# q) T( g6 E      contentWidth=supertext.offsetWidth4 @: j5 m& z* N+ Y( d. A6 s' {
      contentHeight=supertext.offsetHeight6 o1 o8 s( _6 F$ c4 g: I
      }
! d% A5 ]- Z& m* d7 X   else if (document.layers) {/ y- d2 J, a- G: N
      xMax = window.innerWidth;
, h8 P* U8 Z7 {      yMax = window.innerHeight;  o4 t6 x5 X$ Q
      contentWidth=document.supertext.document.width1 ?) Q1 H$ |; s& O. ?
      contentHeight=document.supertext.document.height
8 K4 O/ W$ O, F) {# Q      document.layers["supertext"].visibility = "show";4 ?9 N1 \2 U1 u/ W# K
      }
% H1 d! b+ s! E. N   setTimeout('moveBall()',400);
9 @( w- J1 Q( O5 s  j. t- ]; h   if (hidetimer!='')+ m; r$ Y- B1 k! x  v
   setTimeout("hidetext()",hidetimer)/ i1 ]9 Q. d) O6 e' M" W8 r: X9 h
   }# A: S; p! S( |8 K( s1 l
6 d9 W9 N. c, n4 k
function moveBall() {0 T- ?" k* e( Z; @
   if (superballRunning == true) {
9 K) H1 s# z0 C# F      calculatePosition();& a4 R$ }: M  c$ D/ y/ x$ }
      if (document.all) {
$ b+ t1 x6 a" {% j! n) g         document.all("supertext").style.left = xPos + document.body.scrollLeft;* _" w1 }) u6 {' k- E
         document.all("supertext").style.top = yPos + document.body.scrollTop;" f7 ~9 v) M- C! t2 Q
         }. ~/ e5 ^! z8 \. T: D
      else if (document.layers) {, t0 c' S: \+ c- Z1 n
         document.layers["supertext"].left = xPos + pageXOffset;
' o% w, G2 ?4 l         document.layers["supertext"].top = yPos + pageYOffset;
/ w* l! b8 U. a7 K/ N         }. S. x  U/ K4 E5 n
      animatetext=setTimeout('moveBall()',20);; w: ^. q% C: I* i0 }/ {3 ~
      }0 v7 G( I# U6 r: s9 X0 g8 E+ t( A
   }# K. ^$ V9 r% r+ G% B$ j. j. C# x

' Q0 N! ]# j8 T2 _9 Ofunction calculatePosition() {3 u) V" j# k7 {+ R8 a( b. c2 d0 W0 z
   if (xDir == "right") {
! t2 N/ @5 s* N0 m8 f/ Y; @5 t      if (xPos > (xMax - contentWidth - BallSpeed)) {* C& X$ N3 K* ?  g# @
         xDir = "left";
5 P  q% v$ i8 t7 `( q: R1 u         }
- ~$ g4 Q: k6 I; j6 Q& @5 k& l      }6 |7 \; X0 |; j* ]8 Z5 u: U3 l8 f
   else if (xDir == "left") {: j: w) [' @" P5 F+ e) k! }
      if (xPos < (0 + BallSpeed)) {
: @0 U. D: S# M7 `         xDir = "right";
+ u) D3 ]$ u; k/ D5 }( h- l         }% T5 f: I- b/ S; e) r
      }
% q. [8 V' [7 e4 V8 [8 P5 }   if (yDir == "down") {* b4 [& K: ?+ s4 Z! B3 Y& [1 Q
      if (yPos > (yMax - contentHeight - BallSpeed)) {
$ l$ _0 D" }5 |7 z7 C         yDir = "up";
: [& D1 G$ ^$ j( y$ r         }
# O3 T5 N0 A) D; d; N      }
/ S2 {% c+ T6 l7 c' J  U+ h4 C' I   else if (yDir == "up") {% i, f# C% S. B, U. B0 W
      if (yPos < (0 + BallSpeed)) {
6 p: C0 W" M, R5 Q/ h+ B& }         yDir = "down";* {+ y5 g" q/ x' j6 h
         }
! R8 X! ~5 Z% a7 g) b; v( @      }
/ w$ r' e* k* g) }   if (xDir == "right") {
# v0 B+ a# c- T" {      xPos = xPos + BallSpeed;
# q8 w8 c2 w1 Z      }6 ?# @$ z7 |+ N( ~: T
   else if (xDir == "left") {
( X! F1 U5 b' G: Z- x      xPos = xPos - BallSpeed;
- O$ l% n$ @  n      }
; O0 n  D% Z5 f# F3 E! p! N- H/ Z   else {
  ?+ b7 q$ O0 |/ a  D- f      xPos = xPos;# ^, U$ |0 |- ]
      }
+ j, ]9 Z& `+ E. ?) n   if (yDir == "down") {" u$ F% I1 b0 _# v6 u/ Y
      yPos = yPos + BallSpeed;! ]% G$ A& ?4 a7 X8 Q
      }) u3 B3 b2 ?1 S6 V7 l8 ?) [4 [: h
   else if (yDir == "up") {
3 m; |, t4 ]" S) e% O      yPos = yPos - BallSpeed;
; B: c3 ~, o7 d      }3 ]8 h% p$ Q2 v; u5 \
   else {% }# b# L, v" Q; N& P2 }
      yPos = yPos;
% H! ^2 j' H4 x) P3 Q! I0 u4 y, \      }: T/ P8 Q8 u3 ~2 ~3 @
   }, I, Q1 W, C: s0 w
: h# p& h" \( C$ _1 ~$ f
function hidetext(){) ]7 H( X5 j1 A) {9 c* e
if (document.all)( |+ y" G( z6 G6 `0 S* |
supertext.style.visibility="hidden"1 _# e  \7 G4 `: R3 n
else if (document.layers)' o) W# b4 s8 X+ C' S
document.supertext.visibility="hide"
# E+ R, Q: R, H% B- R/ BclearTimeout(animatetext)
) u. ~% O6 S( _' _}
; o. f2 q% |+ Q5 d; q0 X$ O& T) C% e. Q$ T6 y" e
if (document.all||document.layers){. [4 U6 P% ^' P
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')0 ~; {! f: s5 d) e4 ?# s
window.onload = initializeBall;
  E  W: N) n' x, k7 Jwindow.onresize = new Function("window.location.reload()");
6 k/ R6 m: l% S2 q& z; B( S: ]}
, [, Q5 I5 M9 Q0 `6 L4 M9 V+ o+ K6 _: z  J/ W" m# _
</script>