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

zw2004

<style type="text/css">
6 f( S& I1 y$ E1 C0 R4 D. a#supertext {
3 t( V* Z) J' g. sposition:absolute;' H( R* x4 N5 _' S
left:0;
+ c& H# q& B! s2 z6 _; B, Itop:0;2 F  v: e3 f7 \4 f4 S4 w* D6 O
visibility:hide;! M1 o* f7 u# C( @
visibility:hidden;, ]" N; l, G, J; u) T; y) b; U( [
}
& [; B. \4 P  m6 m</style>5 x2 e- d4 j" s5 n3 U
<script language="JavaScript1.2">0 o  h9 F3 u9 R; E9 [- H& c
<!-- 改变下的字体的大小。颜色-->
3 m* i( j8 N% S# {( Uvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" w+ p: G3 R, z6 w8 \% T; @var hidetimer='';7 s; U) e" @5 e; O1 W& C$ f* a
<!-- 改变下的弹跳速度-->
& R  u! g2 H6 d) ~5 e! Mvar BallSpeed = 20;5 t6 b/ t( B; t
var contentWidth;, F5 C! ]6 U8 z( S
var contentHeight;
& [& T, b1 S- c& R. Vvar maxBallSpeed = 50;
& H4 F3 k- ^# g9 X; m1 i1 Z2 v' \* T" G$ c

% s' P1 K) i4 R! ]2 W* P9 Uvar xMax;" i3 L& B( L( x: a. G. O" y. s
var yMax;1 r7 w# i+ E6 o1 v6 |
var xPos = 0;
8 {& a+ ^7 }4 k7 R- c1 K) hvar yPos = 0;
4 Z6 l. z. h5 Q5 r3 {var xDir = 'right';
2 z& N3 U6 |0 ~; Yvar yDir = 'down';
; l% w. ^: o9 r2 e8 ?2 jvar superballRunning = true;7 k: J) G( o! x; x3 T) H! Y
var tempBallSpeed;
) j) c0 T  `7 y2 b- A+ C. v* m$ svar currentBallSrc;
+ }/ t1 D4 r0 J/ r' mvar newXDir;' a1 r0 @3 }' D* R2 z# ], D
var newYDir;
$ V: ]3 Y2 Q0 M/ J' Z" A3 H& r( K0 p$ m" E/ k, h0 h0 F6 c$ {+ K
function initializeBall() {
+ j  K# D1 `8 y' ]3 E& b   if (document.all) {/ c% F6 `0 \4 _/ \, }  j+ f2 g, E
      xMax = document.body.clientWidth
7 ^/ V3 z4 }9 G" P      yMax = document.body.clientHeight  \3 D; a( m8 B. g3 K3 r. c8 i
      document.all("supertext").style.visibility = "visible";' M( O4 K1 _/ v$ o) V7 N
      contentWidth=supertext.offsetWidth
8 K6 f# j# p3 B6 O! z      contentHeight=supertext.offsetHeight
  n# T3 j  ^) `) ?) y      }# }% f. Z. ]% y* @& `8 K
   else if (document.layers) {
1 T1 K4 [9 a+ q6 ~/ Z6 V1 H; r      xMax = window.innerWidth;) r5 e+ x! `: R6 s& [
      yMax = window.innerHeight;" t$ \  _; W+ _9 b( n
      contentWidth=document.supertext.document.width
% e" \5 D5 S- Q$ j      contentHeight=document.supertext.document.height5 |6 C6 u7 j1 [1 R( g$ X
      document.layers["supertext"].visibility = "show";* [5 h% u' a% _
      }
; M/ G  h/ q7 S1 _8 L; ]4 d   setTimeout('moveBall()',400);: g% r5 P6 D7 V$ E4 K+ M
   if (hidetimer!='')
$ j; z, I$ z+ G5 a- Y' \' z   setTimeout("hidetext()",hidetimer)
! i! F8 @$ G" P: T$ a9 Q9 a- x4 p   }3 a# X0 r0 A8 @0 C/ e; \9 {
. x- _/ n$ V  U% }
function moveBall() {. L- ]- w5 u2 _1 Z% o% S
   if (superballRunning == true) {
$ n# M. ?, [( I" h  h      calculatePosition();
  U6 Q' @2 k( K9 A* ?  i1 T5 {      if (document.all) {
$ m3 v7 S0 n7 g! i% E6 i         document.all("supertext").style.left = xPos + document.body.scrollLeft;: I8 M" h" y, t2 g: W( O7 ^
         document.all("supertext").style.top = yPos + document.body.scrollTop;
% F0 q, i) G9 w9 y* v         }
3 E% d6 @& s3 i3 @3 J0 [# x      else if (document.layers) {# ~7 z+ h  A3 `% |) k
         document.layers["supertext"].left = xPos + pageXOffset;: H; d1 ~( Z3 D$ R
         document.layers["supertext"].top = yPos + pageYOffset;
9 O' J/ T6 o/ V! d% @         }
" I" b' A4 q- Q" T* j      animatetext=setTimeout('moveBall()',20);- j: j/ z2 Q: i! s6 [  g
      }
" o+ c& q1 L5 ]. J5 r) o   }! Z/ E5 F0 i* u: J
8 v- H# a2 A( ?2 \8 H
function calculatePosition() {
9 |# q4 ~9 |, ~  G5 K4 j" |/ J+ B   if (xDir == "right") {
3 I' d# ?: h  ?* ~/ x6 y0 O      if (xPos > (xMax - contentWidth - BallSpeed)) {9 w1 E9 C) ?9 s1 D0 L2 {
         xDir = "left";
# k5 o& d: ~: t. |( W* y         }$ E* X2 y- o/ _* P8 B' b
      }  a8 C6 ?6 I" A. X! \) p7 G8 M
   else if (xDir == "left") {
6 o, `7 a  G0 h* ]      if (xPos < (0 + BallSpeed)) {& h, k5 _; |# H3 ~
         xDir = "right";
  j% o% K0 @6 x% p5 _         }# m& P$ o$ [8 r" z' F: K
      }
0 ?0 |7 w" e& F5 [& _0 k" f   if (yDir == "down") {  S0 M( o0 Q$ U/ O
      if (yPos > (yMax - contentHeight - BallSpeed)) {9 ^7 N* W* `6 Y+ `4 Q- Z6 F  Y. `
         yDir = "up";
( q& n! {2 o  }+ l; N( n/ N" @8 N         }# ~9 O. b1 ]3 w2 s$ u/ L9 h
      }. F8 ?, a$ ~. H' }7 O! H3 \; K
   else if (yDir == "up") {1 c: A& |5 y3 y* J
      if (yPos < (0 + BallSpeed)) {
! v3 V& s4 @1 N+ D6 l         yDir = "down";
' N) q2 m, U+ [         }
6 D+ T# E5 E$ C& ~8 q      }, P5 m$ c* u' }
   if (xDir == "right") {
9 L/ f- l% N3 a$ i7 B6 e      xPos = xPos + BallSpeed;+ b- m8 f% J6 Q1 n
      }& {6 A/ X' W: P0 o- D
   else if (xDir == "left") {
3 ^& d" g. j* a8 z      xPos = xPos - BallSpeed;9 W6 v& l# _" r
      }& A  @& e% Q- s0 @
   else {0 }& v5 m/ _! `! M4 d. D
      xPos = xPos;. N( m$ m' Q4 D, A" b
      }
1 [3 k- Z2 ^$ Z% }3 B$ Y   if (yDir == "down") {% }6 I/ [( H* J, l- t' v2 p
      yPos = yPos + BallSpeed;. _; I# R/ A/ T+ r0 E
      }
. q! v# L. q$ e% x& \5 r1 o- o   else if (yDir == "up") {0 P: a9 V+ u+ v4 L& g4 T/ p
      yPos = yPos - BallSpeed;
; D; [  s$ q5 b7 T      }/ O8 B- m. z2 H0 j6 c
   else {3 }& {; F& h2 w8 v3 d# C% S, I' t
      yPos = yPos;
% K. l1 H! h% E$ G* c! _      }
7 T3 h: ]+ @) Y5 M3 \2 R# L( H   }- Y( _. z/ k: Y& h9 M) E4 t' h4 s7 k
* ~4 u. l( r7 _, O1 x" [* h+ [1 L
function hidetext(){3 R2 S4 ~' q6 r; Z; Q
if (document.all)( `: x# n% q, F( R% r
supertext.style.visibility="hidden"
3 J3 }' a. f- R8 S  G/ Y! f2 ]  {else if (document.layers)6 `6 b2 J/ k. _! {
document.supertext.visibility="hide"9 R+ x7 f; d- E' E% L+ F/ b" [
clearTimeout(animatetext)
# V) x* h: x  l0 @}8 ?- I! i& g. r6 e0 o" B0 V

( `6 {+ @" c: n& q$ rif (document.all||document.layers){: n9 Z/ N& X0 {: K. w
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 C9 M, a9 r1 O, ^" ?window.onload = initializeBall;
/ o& V6 f1 J, T  l9 B$ e+ Jwindow.onresize = new Function("window.location.reload()");
4 u0 f' r# U% v9 ^) `}# ]# x. u  C) A9 t5 p! D
' f7 Q( {9 ?& F
</script>