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

zw2004

<style type="text/css">$ A- e! R/ U; R" s# b  p
#supertext {
. Y8 k% V; q2 D1 z: {6 Fposition:absolute;: P# N0 v1 t3 W  P+ ?; z
left:0;
5 Z4 ]( M- z' B. j6 @# xtop:0;
$ P( {1 u0 \- pvisibility:hide;3 G# b0 e8 o% h; T) d
visibility:hidden;
! {. p& @$ L) a4 W+ X% |# \}1 l0 ~4 C& z: g* V
</style>
$ O4 e; y4 m7 C7 T0 O7 z. T% A2 }<script language="JavaScript1.2">, J- I* \& `" T+ n6 G
<!-- 改变下的字体的大小。颜色-->
. p; r) A5 m4 l3 V8 n: M7 Bvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* h2 B' I; x/ b5 Yvar hidetimer='';
0 H: Y* ?; J0 f/ Y<!-- 改变下的弹跳速度-->, u* T3 ]  \! g& C
var BallSpeed = 20;& ~2 a! X( V! }  M: j5 c# x
var contentWidth;4 k6 M( F( l- S  [2 I
var contentHeight;
. P: |% h1 b/ s6 `$ nvar maxBallSpeed = 50;
2 T" J' B% p3 Q2 y* c. i2 H
5 f- E4 J* J$ b# a: \* U3 u4 b! S7 O% s
var xMax;1 ]. q- B" X% c
var yMax;
% x+ K: [" O6 Uvar xPos = 0;
$ f+ D1 Q2 u2 B8 S" Jvar yPos = 0;: t0 T9 |) V4 }- v  |
var xDir = 'right';
6 M1 v* @& t$ Z" y# lvar yDir = 'down';9 T$ Q' q& o" }$ n: H2 }* B6 w; ~
var superballRunning = true;
+ k$ F$ p" q) @5 o  a6 S' Wvar tempBallSpeed;
$ _* ?9 a5 b8 x5 O# R( N( ~/ Z% e, avar currentBallSrc;
+ T( l, i5 V! a: @var newXDir;3 J) `0 v  t5 }* `: V3 i( L
var newYDir;" \4 h1 g: I, \1 w* M" k

0 a. a: H4 l1 s, Xfunction initializeBall() {3 ~3 v) \  s. }) C9 u
   if (document.all) {
5 r: @! Q" q; I      xMax = document.body.clientWidth
& M& j( f: R6 A7 i      yMax = document.body.clientHeight# a" B6 D+ e! f* u( e) I! K
      document.all("supertext").style.visibility = "visible";
& `8 k2 M( S/ h- P      contentWidth=supertext.offsetWidth
" s% G2 ?' m8 \  K4 I7 z7 x" J      contentHeight=supertext.offsetHeight- p+ T/ {  L, n- f' K9 q
      }- ]9 A1 N5 Z- q3 U
   else if (document.layers) {+ k# m, W! t9 L$ y5 C
      xMax = window.innerWidth;
6 P5 |* R; `( C6 t      yMax = window.innerHeight;+ `; z8 m( S+ G
      contentWidth=document.supertext.document.width
3 o* f# a8 D  g6 n8 `: U- T      contentHeight=document.supertext.document.height7 v( l6 w; k( \6 g& V! v
      document.layers["supertext"].visibility = "show";/ c/ ~! G) u- H: r
      }
0 v& s5 b. l; n- Z) `8 Z$ l   setTimeout('moveBall()',400);
) x/ o) v1 }3 D; q7 l   if (hidetimer!='')- n0 q* Y, G0 E# K
   setTimeout("hidetext()",hidetimer)5 l4 T+ S2 [( L
   }
0 e$ `1 i0 f- v, d4 U1 h  n7 |! o! U, S% j0 t
function moveBall() {" q$ V5 w$ T( j% A3 Z. C
   if (superballRunning == true) {# o9 F) J* e- I/ b6 o4 q
      calculatePosition();
( G( d8 w4 ^' Q/ Q      if (document.all) {
7 s. v3 `5 v+ ]* L" [! @+ r         document.all("supertext").style.left = xPos + document.body.scrollLeft;
% w6 p- S* D2 u7 q3 ?: i# i         document.all("supertext").style.top = yPos + document.body.scrollTop;
; y- Q" _, e" t8 N4 y+ X& [, w0 M& r         }- N7 E  I0 B- J5 Z: L+ r
      else if (document.layers) {
' F- H# }0 t( z# \         document.layers["supertext"].left = xPos + pageXOffset;# A; m0 ^, k- Y( X9 t: r0 J+ Q9 X
         document.layers["supertext"].top = yPos + pageYOffset;+ s! X6 C* p( h! I
         }
' ~1 J/ }; v' h# `      animatetext=setTimeout('moveBall()',20);8 a8 X3 w, D& W2 W& ?
      }$ q. x" p) _4 m( }, Z* x5 W$ b
   }7 I' J0 A9 H6 X, s8 p" \
4 O+ R# d8 \# q; d
function calculatePosition() {
2 |; \  z6 ^$ O# i( m   if (xDir == "right") {
* @/ K& e7 w! P4 g  x) C' s      if (xPos > (xMax - contentWidth - BallSpeed)) {
, A5 u# a) P, M! E' P. |7 |" f         xDir = "left";  S' f" W; C$ N. Y# U4 _+ s) D+ Y
         }! q; N0 h1 N7 D8 u% I" Y
      }& E2 X/ |) c2 @
   else if (xDir == "left") {
3 p0 Z- Q2 s* |4 z1 i* X/ _4 R9 I      if (xPos < (0 + BallSpeed)) {
( X) n. T, i. I- [, ?% i! `         xDir = "right";2 h1 @  @! F! y7 O+ r& d/ S
         }
2 [0 [- n( g- O3 ?8 ~6 o! p      }6 R, ]& B5 B8 p# Y
   if (yDir == "down") {
" O* E* r: `& i% N2 L      if (yPos > (yMax - contentHeight - BallSpeed)) {
! @, z8 }4 |0 {, J) I* y" b- }         yDir = "up";
* K4 q) r) h5 ]. z1 U         }
+ {& t1 [! C# p& @8 c4 I( _' G) G: {! T3 W      }
; q2 `3 k5 z0 w& V+ z' e   else if (yDir == "up") {
# L# \7 p1 s" O2 Z+ G3 v      if (yPos < (0 + BallSpeed)) {
, Y9 I3 y  ~5 e. O2 {' H+ x         yDir = "down";! U5 O) \5 F5 t; O
         }3 b6 v& j! R2 b7 v: v1 D$ [
      }
2 P, T, d+ [' |7 z( b/ z   if (xDir == "right") {( `0 N# {  b5 ?) W2 {
      xPos = xPos + BallSpeed;
+ r* t, F  Z5 T" m% Y8 t      }3 I1 q, n5 u* P% r9 `9 B
   else if (xDir == "left") {4 t2 C/ v$ N. L4 \/ L' Z
      xPos = xPos - BallSpeed;2 E% F" g' Q5 L$ Y. Y8 i
      }
( c; J1 o& C' E$ e9 }! O# Q   else {
9 \* R) D9 o- K" Z! E      xPos = xPos;
7 z6 @2 S8 n' M. [3 A6 c      }
4 i) h' z  ~, V6 g; P4 t! n# j   if (yDir == "down") {* R9 D# ~3 Q7 U" |+ J; w
      yPos = yPos + BallSpeed;( E6 g+ |- e: B5 T) W+ n: l5 x
      }4 C( b6 _& y" n
   else if (yDir == "up") {! v1 V/ w" E: H" @, Y! _( d
      yPos = yPos - BallSpeed;% f4 u" A+ i: v  L
      }
/ V* t6 z6 O% C- a   else {. p: s" w+ w* |* V. }
      yPos = yPos;* M, w+ ]/ s: q& V; Q' q5 I3 h( e
      }
+ R2 t7 q8 L5 B- d2 C" q3 ?   }" q3 y+ Y% x! j7 r0 ~

7 B" G' e  {  h; z$ s6 y! C9 z) Ifunction hidetext(){: ]( C, U% Y$ u5 l, H
if (document.all)
1 s8 Y: g- a. ?$ M: X# h) V% [supertext.style.visibility="hidden"
" T; q$ P! k- S1 x$ Pelse if (document.layers)
0 l% K. O# ^0 I$ w, n8 H9 {& Idocument.supertext.visibility="hide"0 e8 V4 I  g4 ^8 C5 m( B& V1 W
clearTimeout(animatetext)
( b8 i7 ^8 X+ Z5 Y0 _/ M6 H}
: S- Q; R: ~0 I8 ^  H- i
, t8 |2 b" T5 g9 Q" Nif (document.all||document.layers){$ n0 v8 d& |1 z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  L- O8 G0 N' H% t& a, E
window.onload = initializeBall;  }' d0 Z/ M. D1 A8 s8 M8 I3 z
window.onresize = new Function("window.location.reload()");
) d7 ^8 [7 M: H$ T2 Z}
! n4 b; n4 t0 G5 K0 [
0 w: l& c6 f, v- s& V</script>