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

zw2004

<style type="text/css">
; }1 Z- `3 \/ }2 v! S#supertext {
$ v& y, B$ _7 aposition:absolute;( U6 s0 W# }" F% i; \
left:0;( u' o0 d! o, G
top:0;( [; F  O- Y7 R0 k  ?' F, i( J
visibility:hide;
" F2 R4 ]0 h. G& C2 D; ]/ E5 mvisibility:hidden;
" }9 e" P, `+ P}
- g. j: r' f) Y6 ]7 x4 U</style>1 a, N4 q4 P7 O7 h* m
<script language="JavaScript1.2">2 c6 \4 b9 _: N+ \
<!-- 改变下的字体的大小。颜色-->
, S/ j2 Z$ N* Y( }. B" Z8 m8 Uvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ j, z' k8 S& W" E% M
var hidetimer='';
7 s$ Y( O7 \* K$ O8 R, v, W. M0 |, O<!-- 改变下的弹跳速度-->
% L: L" [; n5 b- G2 ?1 X, v. Y/ svar BallSpeed = 20;: G- p+ \6 N, [  ]2 N
var contentWidth;5 Z/ {7 Y- R5 d6 ^4 `8 o3 Z# \
var contentHeight;: ^$ A2 B0 e  L0 @7 i2 [6 r  A
var maxBallSpeed = 50;
: O# B( I9 `. W! S7 S0 N  g6 ^" F# m% e% s

) t' d+ `+ k3 Bvar xMax;/ _! |% [4 A0 P% z
var yMax;
0 V9 K9 r5 r! Z* x, r. Y2 `var xPos = 0;9 U$ x: n. @5 A2 s7 d
var yPos = 0;4 l0 y2 Z& o6 m9 b
var xDir = 'right';
- @0 p1 `+ `; T' A1 @7 e7 yvar yDir = 'down';
1 w  S4 W. f: e6 `, X* Lvar superballRunning = true;1 S( Q( _1 t! q9 {! ~- B
var tempBallSpeed;8 x: Y, X9 u6 f0 g
var currentBallSrc;
. G% V% G! Y) ?+ ~/ i0 Y1 Z" ?var newXDir;9 ?1 {, G) F9 \
var newYDir;& T  k! s! U" N2 f+ e: m

3 {5 Z7 W' Y" ?function initializeBall() {6 h4 i/ @+ g( @" p& u
   if (document.all) {  U0 ~2 B3 p) }
      xMax = document.body.clientWidth. n3 K% k' S9 o  U% `1 ^
      yMax = document.body.clientHeight5 E( A/ g8 N) ?7 n8 L
      document.all("supertext").style.visibility = "visible";9 Q2 D7 c9 J# W" a" G* Q7 _! N! A) J
      contentWidth=supertext.offsetWidth0 w! b$ C4 m4 v/ Q) Z' m
      contentHeight=supertext.offsetHeight7 ?+ R4 l# D) M# F3 L5 S
      }
2 l6 Q, T8 _1 w% @/ _   else if (document.layers) {$ U( P4 P  f3 O, d/ j1 Z
      xMax = window.innerWidth;; d3 y9 V) B# g! i  O7 T6 S
      yMax = window.innerHeight;1 _& s$ I- U/ {8 j8 ?
      contentWidth=document.supertext.document.width
6 R( k3 i2 U+ b: A% i9 ^      contentHeight=document.supertext.document.height
- |3 H$ g5 E. b9 ~2 v/ Q      document.layers["supertext"].visibility = "show";
( [! ^( {: ~% V. N' l& M3 d2 S$ G      }
7 I8 h3 y% G; U' p- g" I3 j   setTimeout('moveBall()',400);
! i. b) l, J0 y: m5 T" D) Z9 ?   if (hidetimer!='')
9 i  W0 U0 M( V$ N+ z   setTimeout("hidetext()",hidetimer)
, n8 z0 T% x+ V1 T  U; i5 _" X' L   }
1 K7 R# N% K( Q% Z8 l3 ?9 H+ y. ?
function moveBall() {. `; n9 |  J) K, W# m  l
   if (superballRunning == true) {
! j: ~  b9 |- M      calculatePosition();
, k& j( q" A/ q9 A# ?: _      if (document.all) {* n' x) V/ F9 \7 y8 Y: J, b' n
         document.all("supertext").style.left = xPos + document.body.scrollLeft;+ Z5 t: G0 ?6 D2 |2 J
         document.all("supertext").style.top = yPos + document.body.scrollTop;/ ^- u4 c$ E  _3 j
         }
5 p/ P4 m/ H5 H# C2 |) a. d      else if (document.layers) {- ^8 r( N: k) ~& ?. P; g/ i! `6 P% D
         document.layers["supertext"].left = xPos + pageXOffset;
9 s/ k8 p; {8 H3 H         document.layers["supertext"].top = yPos + pageYOffset;! E1 H/ m. |$ x: k  m
         }3 u$ J0 u1 P# o- A) X( I# D
      animatetext=setTimeout('moveBall()',20);! z; h7 K1 u' ]: Y5 r
      }+ Y. s: M- c0 q+ G* g3 }" ^/ X
   }& X- ?* ^( f& O( [$ n# e, k8 |
7 B2 D* K: D9 Q8 _7 s1 f$ p, `$ D
function calculatePosition() {4 L$ w/ v2 P( Y. V$ I) u
   if (xDir == "right") {
8 @% [( R( U0 a  X4 K% I  S. G      if (xPos > (xMax - contentWidth - BallSpeed)) {
! d# B! f# p- D( Y, X, D3 S         xDir = "left";3 C& d1 ~% v" k8 R
         }. n7 r- o1 H2 G; r! g+ [
      }+ j) i6 {2 v, e! Z( A7 K
   else if (xDir == "left") {4 w( A+ k, X$ I2 x9 y- y1 `
      if (xPos < (0 + BallSpeed)) {
  {1 [0 w) \0 i5 [0 D4 |         xDir = "right";
1 t5 S; \" i# G5 _( S         }
5 k, C! p' M  q0 S* B      }
- E# D; s! G* e( g   if (yDir == "down") {
" h; [2 s0 s9 M3 H& u/ F, Q$ j      if (yPos > (yMax - contentHeight - BallSpeed)) {
* z5 I: `% g2 _$ F+ P         yDir = "up";
$ ]& E8 m; J5 A6 p  ]& N, {4 `" d         }
  G4 b& u' v2 V* [      }! R( n: K5 Y$ T' h7 ?, ]$ |: k
   else if (yDir == "up") {
5 O1 Y/ G+ a: \' }7 u, U! R3 F  B- |      if (yPos < (0 + BallSpeed)) {0 _- `$ R# c2 u) n4 f! n
         yDir = "down";
( o/ h! i, K; z% t4 [         }- h  F7 I0 G( B. R: R; t. h
      }+ L9 f- R6 U; r( [
   if (xDir == "right") {. j1 u1 ^1 F3 N2 m' u
      xPos = xPos + BallSpeed;
8 r* J! d' h3 B* L8 X7 p# t1 r, {* m# V      }
/ k- f5 y3 m7 R+ R2 w* `: C   else if (xDir == "left") {2 F; ?5 |! B: ~9 Z2 ?1 @  R! t2 o
      xPos = xPos - BallSpeed;
: P) y; \* }3 m- B      }) u9 N% n; l5 p/ H+ l
   else {
5 N8 b% L( i  o      xPos = xPos;
! b2 w1 Q: E+ I3 }0 n      }
6 J( O0 d* P* r0 V$ t: X   if (yDir == "down") {) \7 z' B4 w  R( d0 _
      yPos = yPos + BallSpeed;
- u. D' D! `9 T* w# g- }      }" J  U& N& |' B) D" B8 j3 W
   else if (yDir == "up") {
- l6 P! T1 _+ c1 F' A6 b! P, c  i      yPos = yPos - BallSpeed;& l2 f5 T# w; F/ ^
      }
9 s# o) _! \& r, V4 V$ B) u) M  e   else {
' }$ k# N, i5 g7 ?) K; t) w% O  D( H      yPos = yPos;
; \9 i5 G( ~7 ?& O" P      }7 g. E, g4 J' }9 ^" N, b
   }
) `( \% W+ f/ x" s/ T; |. S/ S, U; a; n" `
function hidetext(){3 n$ P: `) L, Q/ V: l- Y6 b1 U
if (document.all)/ m( ]" C5 [$ q3 p$ {- r8 V
supertext.style.visibility="hidden"* L2 u$ b5 f4 c( D
else if (document.layers)
) W/ S8 P( y# g- Hdocument.supertext.visibility="hide"7 d& o1 M* a9 S8 d/ f; H
clearTimeout(animatetext)
- i6 I0 H; r' Q# X* C, p! Z8 c8 M. r}
. y4 p! L9 N, Z3 [* p7 z% r9 }# _! C+ E9 O. |* K8 A, b
if (document.all||document.layers){
+ b3 R- o# H+ O( W& c+ jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
2 @/ X3 W/ G2 Y' C5 F: g# jwindow.onload = initializeBall;
. o6 @6 m. S7 S% wwindow.onresize = new Function("window.location.reload()");. s+ ^6 }. O# k' e; Z8 \* g% e/ K
}
7 z% r' g/ j  |, F9 m& h6 A
  m/ u2 V0 K* g</script>