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

zw2004

<style type="text/css">
1 ^4 Q+ h1 L  p- _9 V" a- Z#supertext {2 J& P5 E# d* j! Z2 @0 i
position:absolute;& l2 g5 H0 j/ s& b, l, N+ u. D
left:0;
, r% g/ @9 l* w8 I7 V  otop:0;8 Y: i2 y4 T5 T# V( e- p' Q: X
visibility:hide;
" I: k' s2 g+ s( I4 e) mvisibility:hidden;
2 X7 u% ^1 w( w. I9 B7 Y& u  G" k}
& M9 f) K5 u" ~# W</style>
8 S' a  e7 `; C0 e9 P<script language="JavaScript1.2">' k9 Q" Z9 d8 S' h
<!-- 改变下的字体的大小。颜色-->
2 T6 Q2 H+ |/ D- C. i# W; Svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'- w9 J- @3 Q6 P, {! i
var hidetimer='';* s2 D5 p8 T3 E5 H7 {' x$ u
<!-- 改变下的弹跳速度-->8 w$ }4 c$ s" `' q( @7 `9 r
var BallSpeed = 20;
; X. {8 E0 ~9 C8 ]+ i: Xvar contentWidth;
" l$ N0 a& R8 [! V" \% r7 T& fvar contentHeight;
' [# r% i# R6 H2 Z9 V* ?% kvar maxBallSpeed = 50;
" O5 K( ~" M, e8 J2 \! w; H% E$ r
5 G; ~8 f) g+ }+ ?& k0 M" d
var xMax;" [) [+ O+ j' m6 q
var yMax;- K" Z; c' k8 N
var xPos = 0;
0 j' C; j" Q" ^2 gvar yPos = 0;
2 o$ }& N& M: s) G9 ?; {  \* \% {var xDir = 'right';
+ ]. I+ h/ y. I/ H1 i" T' Xvar yDir = 'down';! |! G5 d. d" ~" e- e
var superballRunning = true;, D7 l. O& `" E- {: F" X1 v
var tempBallSpeed;  @/ r5 {8 ~  `! Y# e# C
var currentBallSrc;& E# _) y+ N# k8 G7 R" ]% O
var newXDir;
. e3 V/ q4 `8 x  Fvar newYDir;
4 P7 T) K  Y; l  o9 e2 E
7 G2 n" {8 {4 U' vfunction initializeBall() {5 k: n% ]. o2 v6 c3 m
   if (document.all) {" _2 `2 c/ B* q- H3 y! v( B/ k
      xMax = document.body.clientWidth+ R7 X+ X  B, t1 Q4 x; |8 \
      yMax = document.body.clientHeight
' n2 ]! g' u. o* f% U8 S, F      document.all("supertext").style.visibility = "visible";
1 R$ r9 ?; r  Y( a3 t+ ~/ _      contentWidth=supertext.offsetWidth8 \  e7 M6 q' h9 k  i( Y
      contentHeight=supertext.offsetHeight3 l" a# S7 w: j# F/ g0 \" N( b
      }
* Q/ l/ J$ f, q/ t, p( d$ J0 |% f   else if (document.layers) {9 W+ Q; M& m: x* y' _4 ~6 q7 R# x/ a6 N7 T
      xMax = window.innerWidth;& a6 I# O& ^; M2 h$ H
      yMax = window.innerHeight;% l1 L( h$ A( ]6 {
      contentWidth=document.supertext.document.width& f" R2 ~4 b0 W( u1 i& p
      contentHeight=document.supertext.document.height! l9 G) C7 a( Z4 s. X; V0 E* ^
      document.layers["supertext"].visibility = "show";
3 A9 ?! Q6 q! v& t0 K+ w      }& @5 J/ m% g0 @" H" N9 C( t. M% o+ ?: x
   setTimeout('moveBall()',400);# t) e; A, C- \2 W3 V2 S
   if (hidetimer!='')
" B. b! w% `/ k+ w% y   setTimeout("hidetext()",hidetimer)
% r8 |8 ^) o% y) [. P, K% s   }
- d/ y* i$ \" F( a. ^; [% H- X5 L  {  I4 k/ d! \7 d" C
function moveBall() {
3 g3 T' z0 m! e# d   if (superballRunning == true) {
2 p3 U) l4 X& m% i  ~      calculatePosition();) j" ?! A! C8 [' f
      if (document.all) {4 `' X  i( e- O+ L5 {( B
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
: c. Q; E7 Q2 T4 I7 p3 e         document.all("supertext").style.top = yPos + document.body.scrollTop;, w4 L. a1 @+ w9 L/ y6 b, c
         }
' J1 ^! Q' ]. S' A0 c) I      else if (document.layers) {
8 P% W' A) D2 M. q3 z$ A+ N         document.layers["supertext"].left = xPos + pageXOffset;: [  q: b" Q6 a1 v
         document.layers["supertext"].top = yPos + pageYOffset;
( W2 x/ D# |  `8 {" j0 x' U         }
8 O1 Y' |/ X) ?4 E/ z      animatetext=setTimeout('moveBall()',20);2 }; g" T8 ]; }# ^6 ?( D+ U) D
      }! P$ Z% E6 m0 V& u% [7 g+ h
   }
4 n0 M4 j5 f+ N8 m; k
* X" L* [9 y5 s" `5 |, g) Y" ^3 zfunction calculatePosition() {
5 R' F! _& Z' K  J: h4 R; a   if (xDir == "right") {
: r( d3 h* W1 N, d& x" |0 l6 ?5 K) ]      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 t# M) L. ?+ k$ V* C  m; v3 M0 H& f         xDir = "left";
- z7 g" k  r$ o5 i. y8 v1 M         }
: B: ?" w! g5 m# s- J7 B  s" o      }7 y7 {% [8 a4 E  `: p( {4 F
   else if (xDir == "left") {
% q; C: g" o" k9 b      if (xPos < (0 + BallSpeed)) {( ^( @! C! n) ~: K7 x3 \
         xDir = "right";  z3 R/ d; `  l- L+ H" v, \3 J
         }
! C5 ]9 x* s( X1 k9 m- V) d      }
8 m6 B0 g* P0 A   if (yDir == "down") {0 T* b( b; M/ t6 ]3 R
      if (yPos > (yMax - contentHeight - BallSpeed)) {
5 L+ t7 w4 k0 g3 {, r         yDir = "up";
+ h$ c1 w( \' V% s+ g3 R9 J! l         }
$ e! [9 w; Q% u# ~5 J( [3 R3 R& ~      }1 i9 i3 ~7 l3 {9 F# ]
   else if (yDir == "up") {' F# J, t  H4 H' ^4 t: K- B$ }
      if (yPos < (0 + BallSpeed)) {3 w: ^3 A$ ~6 P( s6 x% M8 h
         yDir = "down";
8 E; E! J5 |& O2 T( M7 R% B$ e7 w         }
) C9 A6 ^  b6 w- d  N1 ~' X1 D      }! ~1 ?" F7 L- L  c% ^* f0 i
   if (xDir == "right") {" T& E. H& P4 i0 @4 X
      xPos = xPos + BallSpeed;
. `4 P2 j, h- L+ d) l- j1 B3 D$ W5 x      }
. K$ D, u5 d9 A- M$ }! W7 l, n   else if (xDir == "left") {
5 g# F# A* |+ P      xPos = xPos - BallSpeed;
4 q' X- g/ \1 p+ ~      }, w0 q! f8 b) W/ I- G
   else {
. b2 C. f1 S% s, E8 J      xPos = xPos;' D4 V( B! K* y3 @) r3 W
      }4 L; _( ^: M) Z# F9 n+ n8 ]
   if (yDir == "down") {
) N( P2 g( I2 ~1 V1 n) m      yPos = yPos + BallSpeed;* s; l% _  V! w0 _+ X. {  g
      }1 O4 u, \9 L2 M6 h- C
   else if (yDir == "up") {4 w: F! v! V/ Z/ o) T% n* L4 D
      yPos = yPos - BallSpeed;
* O/ r. u( c3 l: ?4 k      }% @' z9 g% b9 f) N+ w1 O
   else {/ u0 A) R3 H  u  K
      yPos = yPos;
  O/ e3 ^0 e7 O# W      }
  r! I" u- x+ Q/ j% q" u) Y   }
9 t" z) d1 V7 l$ g- ~1 y8 |/ E+ ], A" u8 e- o
function hidetext(){
$ _1 z! A  {* oif (document.all)
! V/ J  O, B8 Isupertext.style.visibility="hidden"
$ P  z' u0 {; k% C" celse if (document.layers). t) q) P$ f1 G; r" b' b+ A5 y
document.supertext.visibility="hide"
% k; _, U  [  @: {" NclearTimeout(animatetext)9 M# s5 t% C3 _, M9 y, e
}: p+ R8 Q& T, j8 o3 p. ~9 r3 E% B6 x

5 N4 j( o! ?, p7 `5 Y' G8 I8 _if (document.all||document.layers){5 I* b: h7 `' R; c# _. v- R5 j* o# c% D
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! z% z9 v6 W7 D) vwindow.onload = initializeBall;3 `  H, i! W9 i1 x% k* g
window.onresize = new Function("window.location.reload()");
- k! M2 I4 k! i! C5 {4 _0 M}
! f9 q3 S* B  S6 P3 [1 O' ]5 E7 T& T0 i- H/ G) d; A: V
</script>