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

zw2004

<style type="text/css">
0 e4 t/ T, Q# i& ]  l# i#supertext {
0 P; g' \# A* d6 C* E+ ?. Hposition:absolute;
/ [9 o: W( v9 z. {  {left:0;
' G/ a3 j: a6 F4 V, Z- Jtop:0;
( M0 ?4 ^1 q4 @6 M- ]* pvisibility:hide;" o0 I1 x8 d6 T0 \( b
visibility:hidden;4 ^# N2 c2 B2 j  i2 M5 S# @
}4 g- [+ b/ v4 B
</style>
  Q% L0 q8 w! u% k<script language="JavaScript1.2">& ]4 I: n: l4 [7 v# m7 j* b
<!-- 改变下的字体的大小。颜色-->
0 I0 a+ Y/ y3 q5 J( }  q+ h: yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. U& |9 Y; d' n
var hidetimer='';: P. M2 ?% R0 [
<!-- 改变下的弹跳速度-->1 x$ W0 [3 }& f( l9 O- S6 d
var BallSpeed = 20;7 X+ U# Q4 K3 i: Q; @
var contentWidth;  m( S! T: Y0 a7 S+ M5 ^% x
var contentHeight;
7 ?3 t1 B, m/ \5 uvar maxBallSpeed = 50;4 W/ h0 U2 k; o! o
8 m% X$ A0 w! s1 X
5 K) a( G- Q8 F' R2 H0 S
var xMax;6 H; {, ]5 J" Q% T
var yMax;
3 x4 w' k, `6 e/ D+ T% X" U! Qvar xPos = 0;0 @1 G+ d$ o  @& h/ ?7 v& W/ U) `
var yPos = 0;' v* A8 q8 R/ C, U8 E$ z! ~
var xDir = 'right';: C( R% T, v5 T$ J! M
var yDir = 'down';2 w) q5 y7 H! }+ |
var superballRunning = true;8 p# j1 p! n& c. L, y9 ]8 k
var tempBallSpeed;, c) f" b" c/ `0 c. ?
var currentBallSrc;" {5 B% T, q) y, |
var newXDir;+ l' o4 @$ i# Q3 P! f
var newYDir;4 b# g; ]5 i! r6 @4 ^

4 K7 ?4 D, O) V# k+ P8 ]$ ^4 ufunction initializeBall() {
' S. ^, f, t9 [; u# y- w+ k   if (document.all) {
8 d# C. K/ |# }      xMax = document.body.clientWidth" |4 X3 d! J) {% ]( r! q: r
      yMax = document.body.clientHeight
" Z8 R7 \3 x0 p8 T) Z3 _5 u      document.all("supertext").style.visibility = "visible";+ ?" }4 q8 e) Z
      contentWidth=supertext.offsetWidth5 c4 V& }" C( G) [3 r
      contentHeight=supertext.offsetHeight) e) b1 n, \, J, Z
      }9 S2 T( p+ |3 v, m" ?$ f; x* Y# v
   else if (document.layers) {" l& @% A. @" J) S
      xMax = window.innerWidth;
. c* }; S6 ?2 \# q% ]0 G# {9 i      yMax = window.innerHeight;
* A* U# L' I! l' s" u7 k7 G$ A      contentWidth=document.supertext.document.width( t' ]1 l' z& k
      contentHeight=document.supertext.document.height- ?( P, \* |* @! b" d
      document.layers["supertext"].visibility = "show";: O0 }) R& y# Z# A
      }
( p) e& F( N& w( I6 A& ^6 e, x5 C   setTimeout('moveBall()',400);
, U/ l$ {. P. k% e: c6 m   if (hidetimer!=''), T6 k( M/ Y$ X  W
   setTimeout("hidetext()",hidetimer)* M3 B+ I, B* d& G
   }
! r$ N& P9 f+ T& P( I0 B8 t& S& z- u; ^. n2 y5 C
function moveBall() {9 n$ }" L4 T5 H# L+ t) K
   if (superballRunning == true) {( H3 I/ B9 V; Z- a& ]. i
      calculatePosition();# ^# N% o: [. S; C( B9 ]
      if (document.all) {
3 M- p4 f! Z0 @" @' D) \) O         document.all("supertext").style.left = xPos + document.body.scrollLeft;( M, e* G2 y- K) K+ O
         document.all("supertext").style.top = yPos + document.body.scrollTop;
6 l# ?$ `  w+ j$ g7 h4 v9 K7 B+ w* T/ i         }
7 [  l6 x4 P: o. w, K' P  L8 T      else if (document.layers) {
. v6 Y' s, b/ x         document.layers["supertext"].left = xPos + pageXOffset;
6 n" }5 ]$ |8 W# y; t3 G         document.layers["supertext"].top = yPos + pageYOffset;. k6 B( y- y9 G9 r" R- B9 B
         }6 g' f# x3 [) ^& U
      animatetext=setTimeout('moveBall()',20);( O9 m7 `; r! h% [+ P0 h4 S
      }& @* i6 D$ S3 X! R- P' n) E
   }# J4 D- k& h  F3 k) R( ^
- v0 a8 ]$ U: B
function calculatePosition() {
: S5 [: q( E$ l% X1 T0 \   if (xDir == "right") {
6 c% a$ r8 C7 I+ ~      if (xPos > (xMax - contentWidth - BallSpeed)) {5 a4 Q8 }' }- J
         xDir = "left";* X7 V& ~9 t* u0 |
         }% W1 d* l7 S; s) Z1 r3 C5 G4 X
      }# y& F6 \6 j2 d5 m0 a/ n
   else if (xDir == "left") {
0 w, f; y$ ^6 ?& k5 Y      if (xPos < (0 + BallSpeed)) {; A' {' _9 U4 `0 Z% }6 ]
         xDir = "right";
9 `7 ?) a! i7 b0 u, ~: Z6 l         }* i# S- r1 |: F* Y: {9 D' [
      }
# I" \" H% H, U   if (yDir == "down") {
- D3 G0 D8 Y6 J# T      if (yPos > (yMax - contentHeight - BallSpeed)) {
. ~8 B. K- I) d( h, s         yDir = "up";6 A3 H* ^, `( ?* m) @9 J8 Q* `
         }
% `6 x3 q1 W9 V: `8 J1 j- R      }
# c- s: T$ x. w* K   else if (yDir == "up") {
; }: R- e/ V! Z# u/ i2 s      if (yPos < (0 + BallSpeed)) {
. X% O: s$ q/ S2 D6 K) o         yDir = "down";
: c, a; d5 O* r$ t" U2 E' Z( ?         }6 l( r; v& I5 W$ P8 p! H. \
      }, h( t* \# f) u: j* K; F
   if (xDir == "right") {
0 n" K7 ?% j5 M: |6 O# |- @      xPos = xPos + BallSpeed;
7 _! \0 h3 r) B% r      }
+ B  o+ M% n5 ~/ l8 D# q+ b   else if (xDir == "left") {. s$ v8 U( b  N8 b
      xPos = xPos - BallSpeed;, Y: J4 E$ f" \9 D- f
      }  P1 {7 b2 o6 a" a/ n
   else {
* v* S/ a% c, @1 L* T$ ~      xPos = xPos;
# W' @. c% X  `      }
) |& c8 g7 Y! _1 f   if (yDir == "down") {' `, n  Q! Z& P, ^$ Q
      yPos = yPos + BallSpeed;
9 z& F: i8 ~! p0 G5 f  f      }) I/ u1 E. `6 h; \+ g& }5 Q
   else if (yDir == "up") {
( D' t( u, {  w2 u7 v      yPos = yPos - BallSpeed;2 v' q% {1 o4 \, m& _
      }
3 {/ A* R- z4 h6 W$ F   else {
" K# k- f3 t8 Y1 |, f: J      yPos = yPos;; X" S$ I6 H3 j3 o: N+ f& U
      }
+ B/ X# E! p7 Z2 @$ N/ S   }
% _- r$ n; n3 q- e* Y* B  G8 z' ?$ V5 S% k
function hidetext(){
& ]1 ]  B5 Q6 B4 n  T% Z( Aif (document.all)) a7 z4 x6 z% n% n1 K
supertext.style.visibility="hidden"! X( A0 z' T4 B$ j- i7 f
else if (document.layers)
- @+ y: P- r0 g2 J; Ndocument.supertext.visibility="hide"1 D2 i" m0 l, ~
clearTimeout(animatetext)
8 a. V8 t; X* R9 g# {! p}1 k- C# {3 b4 |+ C0 ~

, v+ q3 a2 t9 t  p. P; a# Uif (document.all||document.layers){
$ O( {- I3 ]5 N' Zdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: N2 n) d1 d5 q) C' p  a* K5 B% G( t' cwindow.onload = initializeBall;( l. i( h; V. X% D0 ^" g$ K
window.onresize = new Function("window.location.reload()");7 X, p& |7 O# x* B- X5 q
}
: t4 X. `3 c$ X$ s
: E: [2 B% N: V</script>