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

zw2004

<style type="text/css">5 L+ `: |9 i% Y( K  g9 `2 p& f
#supertext {
: W( u# P' @# U9 O/ r2 Rposition:absolute;7 l5 Y7 W( ^2 h7 L& Z4 P' {' b
left:0;
1 l5 }, [. u! \; S: P6 q) ltop:0;. }+ x" A: Q7 G9 F( u# d
visibility:hide;* ]" ^0 ], ~/ A5 f$ @& f, Z0 y: f
visibility:hidden;
/ N  {% F" d5 V0 F$ K}
0 Q( o+ k; P  U) w" M# }. B</style>
' w( f5 b8 P9 G' x1 f3 b<script language="JavaScript1.2">
; y3 ?- D5 I  H5 u+ j; ]7 t<!-- 改变下的字体的大小。颜色-->2 l2 P8 O  Y' E( [/ }  _
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& J# J3 v, Q: h6 O4 t! N- O
var hidetimer='';
$ ~* X& u0 V- B1 ?<!-- 改变下的弹跳速度-->
% a6 M, M1 w" O. f4 j/ dvar BallSpeed = 20;, r4 l1 n+ @$ b* E- O) W
var contentWidth;# s6 M. O" x* }5 l& D2 m$ c
var contentHeight;; Z8 @2 _5 ?9 ~2 e- D4 n7 G
var maxBallSpeed = 50;
) v3 O* n1 `0 h" n6 F" \4 X( u3 R0 H  v- i  j) ?2 c
5 D' l' [0 S5 s; D
var xMax;1 W* v% W. ^- X9 [7 ?
var yMax;
" D4 P/ g  T) u( Bvar xPos = 0;& L. G2 i' U6 |' v
var yPos = 0;9 ]0 H7 M. q6 r( ~$ z9 d
var xDir = 'right';) @! J$ S& H) V" I
var yDir = 'down';
5 y4 V' T' @8 A2 P, t/ i" N: |var superballRunning = true;5 I: D  y' ^& S+ ^) C9 X& t
var tempBallSpeed;) Z  [# V0 x; X
var currentBallSrc;8 [, O! i1 w  g( J
var newXDir;. j3 f5 r3 B1 ]  ^
var newYDir;
  L$ f* F* E( E% N- c4 y: c. h7 G- R' P6 z& Y+ y
function initializeBall() {
% `/ ^- O* r' ^* e' L& \   if (document.all) {
) U% b) n. i4 \% Z4 e' A      xMax = document.body.clientWidth- t% P+ a8 y0 m$ m+ ?4 W6 G+ W/ W
      yMax = document.body.clientHeight- ~( Q( B. O6 f8 y
      document.all("supertext").style.visibility = "visible";: T( {' @4 }/ \3 ~
      contentWidth=supertext.offsetWidth3 N9 O: I& q4 x3 J! v- P) f
      contentHeight=supertext.offsetHeight
( a. A* D# t" A+ c6 Z7 A      }( X* J9 ?- Z" q% K7 {
   else if (document.layers) {
" {- R6 A) B, [8 [      xMax = window.innerWidth;6 |7 s9 E. W( E; V4 l3 C
      yMax = window.innerHeight;) ?+ ^/ }; p) z: T
      contentWidth=document.supertext.document.width: _, t' W  H# X
      contentHeight=document.supertext.document.height) u! z8 f9 D) R- l5 M
      document.layers["supertext"].visibility = "show";. Q* d7 E/ U5 `3 p
      }- y! J& v" O. p6 [" r' [( y
   setTimeout('moveBall()',400);
, ~2 V, \; T7 w   if (hidetimer!='')5 q( h% r& [% ~! e0 r! o
   setTimeout("hidetext()",hidetimer)2 M& Q$ U- M* b
   }+ X: F9 q" \# ^: T3 V6 l6 E) v+ v
' _7 Q8 t$ i1 k8 @& z( z( \9 m5 t# o! h
function moveBall() {
6 `- I+ Z  m' m2 D  }   if (superballRunning == true) {8 i/ Y! ?' w/ d$ d% @
      calculatePosition();
3 j9 i+ D. ?! c+ j& N0 d      if (document.all) {
2 e$ X- e3 `: O% M* @1 F8 P         document.all("supertext").style.left = xPos + document.body.scrollLeft;
) j* z6 n/ B) Z4 j1 w         document.all("supertext").style.top = yPos + document.body.scrollTop;! X: k9 ~0 `; Y2 q$ i8 D+ i
         }/ v. K- ?1 C3 G4 a1 Y
      else if (document.layers) {
  `# M3 O3 u6 n. j' ~7 j0 G         document.layers["supertext"].left = xPos + pageXOffset;8 O% @1 k% U8 g. I" g
         document.layers["supertext"].top = yPos + pageYOffset;
4 Q! E# m8 L* A9 U         }7 R2 A8 _$ s; I# R& X
      animatetext=setTimeout('moveBall()',20);& x' U/ i% L7 h% C* \' m
      }
# d. Y+ C$ d6 ?6 b% x   }" E( s" a! x  S7 x# T* n' q  @% `1 `& Q

+ e7 Z$ o' u2 r) p# z: T% Pfunction calculatePosition() {4 V6 Y! j" j1 y- }
   if (xDir == "right") {
5 _; u. W/ J" ^! z      if (xPos > (xMax - contentWidth - BallSpeed)) {
. K5 @; i9 \$ [* t         xDir = "left";
2 Q, q* u9 c5 F' s2 E( X0 \         }
$ W) L" x& ~+ V- i0 ?7 ]      }
  w- D$ X1 B; @8 x% L   else if (xDir == "left") {
8 O9 t+ |' z1 V# o4 A3 l% t4 g      if (xPos < (0 + BallSpeed)) {
0 p' }- p9 {  q  E( u         xDir = "right";1 G6 f( q/ R( _" t
         }
( N) a: X* |3 ~$ _. M1 @, R      }0 g; `# q, I0 S. o0 V( [
   if (yDir == "down") {) q5 v- P5 @/ K  U4 H
      if (yPos > (yMax - contentHeight - BallSpeed)) {
2 W- Q1 K1 e2 o* S* C         yDir = "up";0 g7 z* B8 \6 b) r' M& `: G
         }! X! |+ j0 k! u( g! d$ Y) E
      }5 `( m/ B6 ^" f: u6 `  `+ y8 d
   else if (yDir == "up") {
4 D+ H" F" @8 a" J& w6 F      if (yPos < (0 + BallSpeed)) {
- A5 ?" y: M) X: z' u' }         yDir = "down";. d( f. E6 P6 P; `6 Z" c
         }
: W- u' ^7 \) z6 C; }7 R      }* ~8 n7 a* v' b+ A$ b2 w! M
   if (xDir == "right") {
" W0 ~: S, |7 z& t+ I  F2 f, ~8 P      xPos = xPos + BallSpeed;% o+ _. s$ {$ }7 {* f. |
      }
0 ~  u7 H2 l# y# c( @   else if (xDir == "left") {
# D& Y5 J& T7 }$ t# d, a      xPos = xPos - BallSpeed;! {( a/ v! K4 S
      }# j8 Y- _4 W9 i% i
   else {
" V$ H1 F0 N# B* _' q      xPos = xPos;
! \% k, Y6 I+ P+ l+ q* H! ?      }# X; T& m0 Q7 ^7 k
   if (yDir == "down") {
+ a, C* f2 k* o8 k4 {/ A      yPos = yPos + BallSpeed;
0 J# A2 f# M) e9 z9 u      }
* z9 ~6 d, a% a   else if (yDir == "up") {
4 ]0 k: ]" J  D0 l      yPos = yPos - BallSpeed;
4 L: g' H; r$ L) j3 }      }
: s4 C* k8 i2 N& r3 Y   else {
# y3 N# w! ?) S. C      yPos = yPos;" s( |7 d9 `( p# T& g* c
      }
8 q1 `0 L& W/ B2 S' C   }& q) }7 X3 y. z0 O" ?

- `1 X1 V; b& \6 |function hidetext(){# ~( N( U* n0 [+ U$ @7 \6 P
if (document.all)# _- U# q1 s0 v7 S3 J
supertext.style.visibility="hidden"( q- |. S+ `. u
else if (document.layers), E0 H3 }9 t  @; d5 I
document.supertext.visibility="hide"
- I1 j4 R2 a( Z, ~clearTimeout(animatetext)
( j% S) a5 y1 O# |4 n7 B4 A}
; b- Q) z% \2 m
0 R0 ^1 F+ I* g; R5 ~2 y2 Kif (document.all||document.layers){
* K/ c( V" i" ~5 L/ V% S3 Gdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')1 P) O+ i: j2 p' I
window.onload = initializeBall;
; w+ K8 o3 p( Fwindow.onresize = new Function("window.location.reload()");
. v' G7 X: }% s: z5 \; Y/ ^* ]}
8 }3 I+ @/ Q4 |# O7 Z: y( _& Y2 o  _( J/ M  r& f
</script>