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

zw2004

<style type="text/css">
3 B( \: ^/ m- [8 i6 p: u/ b- T#supertext {/ Z3 Z- `3 q: D. B, ?1 I
position:absolute;
; G6 F) g& J2 k6 A8 K! Xleft:0;7 O. P; E% @5 J/ F# }( g& v- }1 p
top:0;
1 }+ l4 f- f; ?! o$ |3 _0 E& }visibility:hide;& [* Z( K  h4 n% V6 C: ?
visibility:hidden;+ P5 D) k6 E" D( r- j
}
7 _+ f) G& H% _</style>) H: O: v& n0 n" ~& S( X# C9 j
<script language="JavaScript1.2">
: r0 m" ?+ R9 n3 ]6 ]7 B<!-- 改变下的字体的大小。颜色-->5 A" s1 w" J5 d( @
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 P4 b7 h, W6 A6 q# }$ e# q4 G
var hidetimer='';
2 l- u: B# s" r; ~<!-- 改变下的弹跳速度-->
1 j" L: h( g2 e+ k% `; @var BallSpeed = 20;6 u, F3 ^, {0 D1 F
var contentWidth;
4 A: L; I& B# x6 y* o7 k5 tvar contentHeight;
* y5 ^$ E0 v+ Q( Q. \% _var maxBallSpeed = 50;
2 M8 R* g7 K" b3 f* `
0 j4 A6 m0 B9 l: w1 d0 z
4 A* B" @$ Z5 b' E' G/ {' e1 Lvar xMax;
; A* x2 e$ F9 I! R) S& d0 Y0 p9 E9 [var yMax;9 f# T7 a) {; F; I; T8 y
var xPos = 0;
5 f" w4 Y9 v& n/ s$ mvar yPos = 0;4 ]6 ^( f4 ~- t7 B  a9 i
var xDir = 'right';
- O( h! K, H" [/ r  lvar yDir = 'down';. ]' e7 {, `+ U8 F" Q8 h5 _
var superballRunning = true;- r) [0 L: _" {9 k
var tempBallSpeed;7 U- I  }& c5 p6 z& t/ K* g# l
var currentBallSrc;
' I1 f$ `7 V, Y% k  avar newXDir;
5 o; W4 p8 o, C) xvar newYDir;4 D' x' n0 B  g$ s0 W7 Z$ K: K( x: K
% p2 B/ |; f1 F6 b/ y4 X
function initializeBall() {
+ D5 F# b% a4 B. _5 n: j   if (document.all) {- X! q8 T+ x3 N1 y0 M4 k- z4 N
      xMax = document.body.clientWidth
: X  _3 m8 ?' r1 n7 ~3 R; {      yMax = document.body.clientHeight
) U' _- D1 X" m5 Z- T& \3 K2 I, j      document.all("supertext").style.visibility = "visible";) R' ?7 C( K  _
      contentWidth=supertext.offsetWidth
1 e3 k: y: U/ D, f+ L0 o      contentHeight=supertext.offsetHeight- X" p1 T) [/ f) T8 Z! s
      }6 x5 b/ X/ M/ n0 t1 h
   else if (document.layers) {$ ?4 O) u3 k+ j5 }* Z
      xMax = window.innerWidth;
5 U/ B% r* n) L, E* W* g0 O, Q      yMax = window.innerHeight;( }9 m8 ^7 I& Q/ c8 _' R
      contentWidth=document.supertext.document.width
6 D2 [) e5 ?' @$ c      contentHeight=document.supertext.document.height
; y$ r% D5 L+ E' ?8 z% o/ O      document.layers["supertext"].visibility = "show";
' R" d% t. j+ _  k. z3 B      }
9 B; d9 @7 \$ ~& j$ Z1 I1 T0 b0 o   setTimeout('moveBall()',400);7 T' x' h: T' s  k" Y) z# `0 t3 Q- o4 {
   if (hidetimer!='')
# n) T9 R7 V9 }# {* C( Z8 g/ z4 S$ ^) u   setTimeout("hidetext()",hidetimer). Z' i( D5 Z) H3 M; G* h
   }2 B% r. S; ]3 A5 K' {8 S4 d
: |/ }" o2 Y5 t- S3 Y' m5 ]
function moveBall() {$ l$ p: A3 O# J; z7 _$ j
   if (superballRunning == true) {1 E3 ^. M0 \* G3 X
      calculatePosition();
2 @: X) ?  z! |; Q# v      if (document.all) {! F; y9 T$ N* [; X) e2 v
         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ H* d' y6 U0 `( g
         document.all("supertext").style.top = yPos + document.body.scrollTop;2 E6 @: u& o7 r7 O
         }5 I7 n" C& q1 p5 b* Q, N9 s& I
      else if (document.layers) {. f9 A. B1 B( `+ D# K
         document.layers["supertext"].left = xPos + pageXOffset;
  V% U$ l/ m- }2 y5 s1 f         document.layers["supertext"].top = yPos + pageYOffset;
. [4 j5 B' ^: x6 r- J         }' m; Z1 h3 c2 p0 U7 f# u4 t
      animatetext=setTimeout('moveBall()',20);
8 \+ v: Y1 }( [1 Z! e0 @      }5 x' ?* f6 o2 K$ D
   }) u0 _1 O7 H& @
- k4 ?7 l' p7 s1 {% O
function calculatePosition() {
3 p6 W' Q  N0 o3 ]( h   if (xDir == "right") {
: G6 d9 z- [  T( q4 K. n      if (xPos > (xMax - contentWidth - BallSpeed)) {5 ^2 c0 b0 ?8 K1 ?2 ]: h0 @
         xDir = "left";
" K: d9 V# Y& z: `3 \/ S" u* w         }
4 t) k- ~! E! i* q1 R* d1 `      }' ^! ?" H! i/ F6 a( {
   else if (xDir == "left") {9 v+ ~- |. @, m+ X& L, w
      if (xPos < (0 + BallSpeed)) {
; E  k7 G0 n' i6 {; S         xDir = "right";, [. I1 |" a8 d
         }
! [* \" p+ B7 P. |2 x      }) n- y6 N, v  `: T, p
   if (yDir == "down") {
" W. T  M$ z: y: c* m2 I      if (yPos > (yMax - contentHeight - BallSpeed)) {
( O! n. v, I1 K" \         yDir = "up";8 Q# I8 C4 U1 |. w0 c  F3 o
         }
/ O: @. L. f; }/ D3 a, r/ d      }' l! J4 x+ l0 B
   else if (yDir == "up") {- g/ a$ w( T4 L4 l+ E
      if (yPos < (0 + BallSpeed)) {3 z1 n8 ~, y; W5 Z4 x
         yDir = "down";
( f7 d" E/ W3 m, ~# b         }7 b2 s* w" ?5 `2 u
      }
: I4 e6 s% o2 y" |+ ^6 h   if (xDir == "right") {3 q1 b, Y) D/ \2 h
      xPos = xPos + BallSpeed;5 F" C& f/ c; A( G( e
      }
, R  ?. j0 E: F$ x; i- Q9 n! Y   else if (xDir == "left") {
* a" L; ?, Z- I      xPos = xPos - BallSpeed;7 [& [& v+ v7 ~& S
      }$ N7 F+ F& l8 y" c6 n, u
   else {
2 H4 X( S" i* p" v- X, D      xPos = xPos;0 T$ H5 }3 T$ I" C7 V7 P! y
      }  C: K) n3 p& I6 [
   if (yDir == "down") {3 n: ~) }. L+ p. M
      yPos = yPos + BallSpeed;
+ C% ?0 Z$ C/ B7 ?2 x      }
" P/ o3 v( z) a& G  `4 h. m) F8 ]% m& @   else if (yDir == "up") {; l7 g0 N' q5 v
      yPos = yPos - BallSpeed;
% w( O* F2 O# @# P      }
  g$ X* d( H  X' F7 N9 K9 M0 e   else {( r8 n* Q% X- H. f* J6 l
      yPos = yPos;  w; D' ^) L8 z
      }& f$ N4 Z5 i9 a4 `8 G2 X
   }
' A" C* \' E% g3 u% k0 ^; {
: N- u1 t5 e3 m+ v7 [/ J2 ]: [function hidetext(){
  ^- \1 E, @- ~" S7 E; y8 Q* Z. ]if (document.all)
* A+ G7 ?% q$ |: Ksupertext.style.visibility="hidden"$ [+ x' t; {* H4 S3 X/ ]. t9 u
else if (document.layers)1 ~% o! j; ]$ P) k2 `( ]
document.supertext.visibility="hide"+ ~: X6 v/ V# F% r8 e
clearTimeout(animatetext)
$ n1 K* p, U1 x% M9 H! F' N}* m* k5 ]# V- v4 N1 j4 P

1 Z: e% Y' Y, g$ w4 f. k  y7 Zif (document.all||document.layers){
% }8 Z- J( K1 S9 _document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' b- x, I  {+ ~" k$ `7 G: X
window.onload = initializeBall;6 L- ?) w* U# f, Q
window.onresize = new Function("window.location.reload()");
' i3 N9 w7 m6 ?7 s' {3 I}
4 e# Y0 K) Y7 d
6 U& J: A. H$ z. C# [</script>