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

zw2004

<style type="text/css">
% ]5 y2 T( v. q- j% z9 C8 z$ n, t* Q, o#supertext {
3 A  e; B$ F3 [' A- ?position:absolute;
; `# c; S9 b/ w% a3 Vleft:0;
- K/ Y3 j# v3 ktop:0;
  T; ?( n6 |* p) f# I# h6 svisibility:hide;2 U# ?, S" T9 r# r: \$ |: a
visibility:hidden;. |+ h; V+ V/ P0 k" x; M
}
7 F9 M1 n- W6 q5 q2 i</style>% ]0 R' b4 F6 O4 p' d# J' g
<script language="JavaScript1.2">  r7 m, Z8 w0 H4 v. _
<!-- 改变下的字体的大小。颜色-->
( F" |8 {, ~+ K+ \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 S- Q" e8 i9 |3 @$ j1 [3 }; @var hidetimer='';
/ U- q, k. i$ T6 J+ Z# W! o<!-- 改变下的弹跳速度-->4 g1 V( ^6 D; t5 B( M
var BallSpeed = 20;
; m/ I/ M4 e4 ], n$ C: \var contentWidth;1 W* r* [. V, y5 \& ]' U" ~  H
var contentHeight;3 e! ^, z+ E* C. n, D7 ^
var maxBallSpeed = 50;. Y% r6 Q6 D/ M% K4 X: x, A
' q4 n9 K) E5 J. a0 }6 H

5 \3 u5 S1 Z7 o7 C/ x* V& Q' }var xMax;7 R2 d$ p" [: t* k# Z
var yMax;
; p8 g8 o; H5 H0 Q/ o% n# }3 X4 Qvar xPos = 0;
8 ~: l5 y# e2 nvar yPos = 0;  S6 I& o. {3 l; N3 i; Y4 J
var xDir = 'right';
, N( E: r+ @( q3 Y2 svar yDir = 'down';
5 L- ~- a0 z6 `4 t% l9 k( o( xvar superballRunning = true;. |' v$ \' ~( y- [9 c& A0 P
var tempBallSpeed;" ~9 r' l6 Q  V
var currentBallSrc;
" [  ]+ S3 K, }! ovar newXDir;
6 T9 k( B: ?4 X8 wvar newYDir;7 o3 C& C  h: N+ z( g# g# I
$ e; D. ~+ m+ p+ D  y% r
function initializeBall() {4 x  w2 J- t2 M5 Y$ \0 b2 F/ c
   if (document.all) {) X  Q# [" W  v6 f$ t
      xMax = document.body.clientWidth
, Z2 C6 k9 P. g$ T$ G5 Y      yMax = document.body.clientHeight% ?: z& f& C) T  P* q9 T
      document.all("supertext").style.visibility = "visible";* v0 d( f; [; k3 Y3 q
      contentWidth=supertext.offsetWidth' w/ e5 ~- k* W# s. y
      contentHeight=supertext.offsetHeight) k. e" D/ @- V. [# K1 d
      }
3 y3 h7 r; n  f   else if (document.layers) {
" j9 V6 }" l; r# ?* x* z      xMax = window.innerWidth;% A' D# {- }' I% w6 P4 f
      yMax = window.innerHeight;
- b1 o& d& ]! H* V6 \1 w: e      contentWidth=document.supertext.document.width
% o9 F& u) Y: ?' S- ]" w6 J      contentHeight=document.supertext.document.height& v) n, q( I( ^; v: M  s! b
      document.layers["supertext"].visibility = "show";
4 H9 V& K$ A  {+ O+ c      }: Q% n( B  U* k8 X
   setTimeout('moveBall()',400);3 B% ?' R+ [' o, E3 w6 a0 y
   if (hidetimer!='')
7 Y$ f' e; F3 O% l( y& t   setTimeout("hidetext()",hidetimer)
' q# c4 g; q. [' d. @/ O7 ]   }0 F0 k+ y1 B% Y& y' w
7 W9 z( n5 J7 _  K3 [
function moveBall() {
. x- b) o9 V. m! n: m' ]7 d, o, d   if (superballRunning == true) {
3 Z' x3 L1 }$ L  j% u+ _; q      calculatePosition();- _( z9 r$ g! ~3 ^5 M
      if (document.all) {# Q3 x: t) Q* O  E2 M% e% C- @) \
         document.all("supertext").style.left = xPos + document.body.scrollLeft;0 a, M, d! c/ k) P3 D
         document.all("supertext").style.top = yPos + document.body.scrollTop;
0 Q3 W, G2 g% E         }, h$ J. ]7 a0 ^* f1 @* Z" p* j1 E
      else if (document.layers) {
1 P& `: U/ V( x& Z3 v         document.layers["supertext"].left = xPos + pageXOffset;
5 v* W8 ^1 [0 s' Z2 |' u2 G. o         document.layers["supertext"].top = yPos + pageYOffset;
2 ^9 U: ~/ d) }9 R         }
4 `3 P% h6 s' W, ?! _* M$ T      animatetext=setTimeout('moveBall()',20);( s. M4 G) r2 {4 g2 f: H+ {7 I
      }
( D4 E7 z7 [# }- X0 k! I+ E   }! ~' Q; P- _; k+ }5 k
& l" g. Y; n* R. U* t; w3 J
function calculatePosition() {
7 V( F- E+ z2 I5 o6 g   if (xDir == "right") {. Y4 z5 l& A0 d/ I5 `5 y
      if (xPos > (xMax - contentWidth - BallSpeed)) {
2 `) e* C) g; |         xDir = "left";
8 I# }& F- v% A* c: |9 g6 s% T5 K         }
6 V- C" ~$ o, j9 Y8 T/ g: z; l4 I# z      }
5 q/ [, J6 g* y   else if (xDir == "left") {
! P/ X$ e# _/ {: v      if (xPos < (0 + BallSpeed)) {
" _( f! W6 p# z& a. C6 p3 J& W- A         xDir = "right";8 _+ X2 ]/ N' {( W- }; V2 {
         }4 g' J0 C( }$ w& _$ l; `* l8 C
      }/ j8 s5 Z1 p9 @( ~9 C8 G
   if (yDir == "down") {% u  j  z: V+ x/ i) |
      if (yPos > (yMax - contentHeight - BallSpeed)) {5 N. p8 U1 Q( m" Q$ X& `% u7 J
         yDir = "up";
( }' Q8 m2 X' \% c# ?# d4 Y, |+ r         }
/ E' h) `# J* T" d  O      }
0 f8 y. K1 f$ l: K) |9 a   else if (yDir == "up") {; s7 q9 n; [" g0 F$ x
      if (yPos < (0 + BallSpeed)) {: U9 y/ X8 F5 D) N. V/ B) |
         yDir = "down";. [2 K9 m, {" Q; v9 P+ a. L
         }9 K! x  b: E+ ^7 x3 B! {$ i' \0 |- k; ^
      }
- V+ K7 f4 A7 D2 _% t   if (xDir == "right") {
* [6 J' F) I. u& m& d6 t( e- U7 M      xPos = xPos + BallSpeed;
0 \& a" O/ e5 ], t1 ~      }
* R' t8 U4 O" A7 y$ t0 |  J' B   else if (xDir == "left") {" p+ J# c: s! X. |/ R
      xPos = xPos - BallSpeed;
' Q( A8 ]5 h7 k6 Q, S5 r  H+ R2 y; m      }
7 F! [8 P* G2 O& d1 v   else {
9 y3 M- `7 \! X4 x      xPos = xPos;) }" a7 S8 q3 @3 ?+ _9 k
      }2 l0 u" l/ B! n$ Q7 D8 W0 }8 C7 u
   if (yDir == "down") {
. ~+ K" {: u! y# e2 S      yPos = yPos + BallSpeed;
! ]; r' y$ ~+ V7 h* C8 O      }
: H: M6 W8 t, u) Y. B   else if (yDir == "up") {) T; p/ t, `7 t( o1 L3 Y
      yPos = yPos - BallSpeed;: `, F! G$ ^5 O: h5 a; {- [9 J
      }3 B: r5 \  b! Y; D/ y8 E( G/ m
   else {
. S& c( Q$ Z7 A7 Q9 W0 ~      yPos = yPos;" ~8 i" O$ ]( p7 r: l+ I; S8 |( c/ N
      }8 N  w1 R# O3 \7 k
   }- k% c$ T+ n+ m

5 u7 W, y5 W3 afunction hidetext(){4 }0 B% E  i+ }: ?& z1 J- S' M( \
if (document.all)
1 R2 K* i) J8 [9 H2 U' @supertext.style.visibility="hidden"
1 {1 _' {9 s0 q' f4 f3 {  k& Jelse if (document.layers)
9 s6 y3 r- P  _5 Adocument.supertext.visibility="hide"
( y$ q7 C( D0 S4 y4 wclearTimeout(animatetext)
* Q% o+ ], c; g. S4 @8 k}1 o4 k' p1 i4 x. I* W2 [+ G
* h7 Z: S3 i4 C8 E
if (document.all||document.layers){
. N0 }3 L0 s/ d: R3 W3 s, Zdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- ~0 b! |# U, E" J6 N. y
window.onload = initializeBall;
. C5 \7 K' l* F/ P( e& Y- Awindow.onresize = new Function("window.location.reload()");0 w5 \0 [/ w( {, ~3 C
}. F3 s' O' r& D4 l6 p$ e
4 t! o" F" x6 }. ]' D6 s
</script>