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

zw2004

<style type="text/css">
6 K, I" O3 t; l0 h; b& a#supertext {
( }2 A$ ]% W1 `  M4 xposition:absolute;3 t, _5 V! T3 G/ v; t) |0 ~! i
left:0;7 ~- `2 _% q8 q+ e8 c& O. j
top:0;
7 W5 Y* C; k, |visibility:hide;1 T& @0 {: L$ c6 D* c9 M* _9 G5 z6 p
visibility:hidden;
( [1 C( z, X% N}$ x# \& a6 P# c9 k% u% i/ L
</style>  U3 l0 \8 Q, O2 r  l% Q
<script language="JavaScript1.2">
8 O1 s" _3 E% i0 N! a( b<!-- 改变下的字体的大小。颜色-->
2 q7 S% y" r$ e# q+ b' M8 q7 m" lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ P8 x. k3 [( y2 ^
var hidetimer='';" j: L0 _8 W- l, l' M
<!-- 改变下的弹跳速度-->
, {; E* K. \% M- O* K9 H1 c, _6 Fvar BallSpeed = 20;: _1 i1 V& l7 M: D0 s$ L
var contentWidth;
/ P: t3 l6 i9 }+ h9 }) \1 Mvar contentHeight;* I) p1 k: y, \) e' V2 B
var maxBallSpeed = 50;
. F4 d6 \2 w8 P$ G" o: K8 i. H, \, l
+ C: C2 ^7 q3 ]- E. g
var xMax;
* c3 f, ?" ^2 O8 E3 ?7 xvar yMax;
8 X2 \) Y& C, @7 d/ tvar xPos = 0;
5 y0 K8 u7 J/ e7 v; h5 {7 |! b6 Z* zvar yPos = 0;
, b5 \; C7 u7 m0 I9 d4 h! v# m3 O& Tvar xDir = 'right';
; i. V' J% M! @. V6 g' T8 tvar yDir = 'down';
* H3 ^) ]# f5 t! t& e; F) w1 Lvar superballRunning = true;4 W# s! H! o6 Y- _) U( p1 ?8 }; V
var tempBallSpeed;
, X3 F3 |  R4 U9 u! f1 C  ?var currentBallSrc;
( t; G! m* ?0 u, n5 D, G  pvar newXDir;
# h3 w3 o) D! J' Y4 e8 r* ]var newYDir;
8 m8 ^# [7 u! Z0 H3 c8 x/ ?/ q2 I% @# G! e! V: M9 M
function initializeBall() {- O# \# E2 S8 P8 o
   if (document.all) {
- @" q4 j1 n2 ~! W% c+ F      xMax = document.body.clientWidth% o/ J* q6 f' h, H/ r8 q
      yMax = document.body.clientHeight# W( Z# N$ t/ V- k8 g2 X
      document.all("supertext").style.visibility = "visible";4 G; {3 z5 `. y* \
      contentWidth=supertext.offsetWidth
5 a& \; I0 l6 }" I      contentHeight=supertext.offsetHeight3 G9 S! ?% ~: u( ]8 V2 |# M
      }: ~! ?" K( o# A4 b' D
   else if (document.layers) {
& x- T* [8 X( h& u      xMax = window.innerWidth;  ?) `3 k% O4 a3 A
      yMax = window.innerHeight;% U! g( L+ D) p9 |
      contentWidth=document.supertext.document.width! s5 y  a2 j0 k% h" o
      contentHeight=document.supertext.document.height5 C# z* K9 ^" a" }( E8 y" W( G$ U
      document.layers["supertext"].visibility = "show";
* r& K' N) a0 N3 {$ g4 C8 Z  m      }8 m: ^, z& `5 o* P6 O  f
   setTimeout('moveBall()',400);; [# I2 @' H2 X  Z. C5 ~
   if (hidetimer!='')+ h5 o" D$ X. A/ X
   setTimeout("hidetext()",hidetimer)2 m; E! i8 ]* _2 _& s. l/ c
   }
, w4 K3 d& J- R6 K! H+ q6 E5 ^
+ k" F5 V0 q5 y# Z  f( a# Pfunction moveBall() {
% A" `- G" Q, y3 c* B# E   if (superballRunning == true) {
" Z* K6 b' ?7 W% p/ y# ?: @      calculatePosition();5 t3 _; c+ }! ^6 Q- K( g5 o5 X
      if (document.all) {9 G( u- E0 v7 E) T% [' p% c
         document.all("supertext").style.left = xPos + document.body.scrollLeft;) X/ `9 @' W' ]) T0 y, k( W% z1 [
         document.all("supertext").style.top = yPos + document.body.scrollTop;/ o, n9 t5 ~2 d& J( g
         }2 \( g. ]7 \/ D8 B% l6 f* c$ {
      else if (document.layers) {8 N: U3 H: G% P- k  O- x
         document.layers["supertext"].left = xPos + pageXOffset;
. C8 f9 D# @" |1 M4 i3 c/ T. w         document.layers["supertext"].top = yPos + pageYOffset;
$ d/ |. [, c" j# ]         }3 l! P) @& H; q5 Q
      animatetext=setTimeout('moveBall()',20);
$ ]) U3 q! J) s& C& F      }# G) O$ k& p1 }0 c3 D
   }  z1 }; g5 ?! ?7 g

5 F/ p2 [" C  E0 ]; U* h; bfunction calculatePosition() {& M3 k& Y! k+ @7 f
   if (xDir == "right") {1 @0 L& [: ^: u/ C  D' o* T+ N
      if (xPos > (xMax - contentWidth - BallSpeed)) {+ q( L+ X1 @2 V
         xDir = "left";
* X6 V# T, ?+ _* ~3 O         }
* }" a4 \* K1 l      }
: k. o. v( d4 N, z2 [) P   else if (xDir == "left") {( c/ }2 k* U. q9 d
      if (xPos < (0 + BallSpeed)) {
4 q) ?1 o* e7 [7 W2 R# u, M         xDir = "right";  d4 k7 I2 J% v/ b' L
         }
& A" Y2 {- v9 J0 Y1 y. ]      }8 C" F3 q' [; E) b
   if (yDir == "down") {$ v2 f6 {+ F+ X8 {/ m7 Z8 M
      if (yPos > (yMax - contentHeight - BallSpeed)) {3 _% a. D* u4 q- I: l
         yDir = "up";
) C1 `! Y* r6 N( t- A3 [( y         }
- F. b' X+ L' J: f& h: L" J! K      }
) ~7 a! u! G  q9 x' _   else if (yDir == "up") {
  K! \1 b  H4 G( T  P$ J      if (yPos < (0 + BallSpeed)) {1 v8 J( t0 n& J/ n) t2 m
         yDir = "down";3 I9 P) `, T0 s
         }2 j: R, \6 T- a
      }: p4 o: ]: J' L5 ?4 i, A
   if (xDir == "right") {
0 K3 c* U& x3 ^1 P/ D" L8 c      xPos = xPos + BallSpeed;2 H2 u9 W2 a8 ?) w7 L1 z. V
      }' ~. @6 B% q) c/ u" ?
   else if (xDir == "left") {) o6 z+ W1 F( h3 `3 `
      xPos = xPos - BallSpeed;
$ \# A% f8 V& a1 D9 C      }1 X8 ~, a1 H! h
   else {
: G8 Y' R/ B# E- C      xPos = xPos;& {, b2 S( ^, o  o5 o- }$ s2 \
      }. m% m! G" U. |( I0 q" w& t
   if (yDir == "down") {
( u: e' [1 V6 n% q) s+ B( z( E      yPos = yPos + BallSpeed;4 @6 F6 b* c7 s* ]4 k
      }( L; t& [2 {' S- m# H
   else if (yDir == "up") {4 U' U( |; b, C: m
      yPos = yPos - BallSpeed;9 d5 o+ {& n2 i* S( |! I
      }
. |5 A. ?0 ]6 _, n6 M( `$ @: V1 e   else {
' w; O6 N$ k9 c1 X9 a      yPos = yPos;
. E+ _9 k; z9 W8 w# {      }
7 s3 u) W8 N9 A; {3 k+ t   }
. @4 ]" K- p8 n( [8 S8 @: s- \6 P1 P4 @( V7 H
function hidetext(){: {6 D3 h* X2 l
if (document.all)/ H' M8 M6 m6 [9 H# C
supertext.style.visibility="hidden"9 ?1 ~' G  C! r6 h, O3 j
else if (document.layers)
7 ]/ ]9 u+ D& L/ `$ j( |' Tdocument.supertext.visibility="hide"
. X& @, P% N. x3 l6 b8 ?clearTimeout(animatetext)9 R; m$ |5 v/ q5 E5 J, w4 s
}
; W- u4 o5 v2 I4 c" d+ |- [; V' M9 v/ {8 k6 P
if (document.all||document.layers){
4 v2 ~3 N4 O# g1 Rdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- G0 C) B. H# Q! G5 q
window.onload = initializeBall;- Q7 n5 `* E# x5 _$ Y, w0 X" ?
window.onresize = new Function("window.location.reload()");6 y6 B  u6 c) q7 ~6 j
}
& P; e2 R1 U1 @, c- y# M) `3 l& U+ S% i2 `/ I
</script>