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

zw2004

<style type="text/css">
4 ~& X, h( J9 Z; m7 [' E2 I; u#supertext {7 A3 }# H! m  H; _
position:absolute;$ K9 t, p% K7 U) |6 B; {. y5 |1 t& r
left:0;. X# e7 {7 g. w! C1 q
top:0;. [- q3 ~* m1 x4 D* {8 K" g
visibility:hide;
# d9 n  U* ~1 D9 P" avisibility:hidden;- K' ^3 @; `4 N7 t' F0 A: H
}! z2 N3 Q  f8 K6 o: R3 E
</style>
( o! f" k7 U8 T4 ]<script language="JavaScript1.2">
5 X# z9 L' ^* O4 K/ B<!-- 改变下的字体的大小。颜色-->
1 Z( a4 U5 F3 a7 z, Ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
! E7 I8 Y0 N& _var hidetimer='';
! O& |, v  x# z( e! H% x* d<!-- 改变下的弹跳速度-->* I+ \1 F8 z  a3 Z- {9 A1 P
var BallSpeed = 20;, ]$ s9 ]' F* K
var contentWidth;
* V& D7 A* \/ p1 c' P; b* \var contentHeight;- d3 a/ C* `. U: n* w7 L
var maxBallSpeed = 50;
5 D+ B. P+ T: u0 c4 T7 |0 p7 t" V, K! t( O! V# n

& `3 v* v; C3 P8 _; J) U% b# M% K& tvar xMax;0 K* r' D2 t; K
var yMax;& g; C  {6 ?% x8 l
var xPos = 0;6 `$ ^! e: Q+ P  @$ l* _
var yPos = 0;- H. ^. Y# e! l8 }# R
var xDir = 'right';( T( X# z8 u* S& T
var yDir = 'down';, }+ V! \  g4 h7 K; F6 D. g
var superballRunning = true;
4 t7 F( |9 x( R5 x* S% {4 Rvar tempBallSpeed;
7 K! A3 K7 l) N; E. O/ {var currentBallSrc;
4 [5 c  e9 v* Z: i1 S6 h0 vvar newXDir;3 j+ S( U8 Y/ m! t/ l- r
var newYDir;  Z8 ^, [4 |9 h

3 N3 G% N; L' D7 n9 }# t, Bfunction initializeBall() {
3 Z+ V( s) Y$ {6 ~# g   if (document.all) {8 E3 b, Q/ a5 M- V4 N# q6 _- @
      xMax = document.body.clientWidth
5 N7 D$ C. g% [; _6 n; i      yMax = document.body.clientHeight
  `4 [9 \6 ^6 [: b      document.all("supertext").style.visibility = "visible";
/ o9 x+ Y5 s, J9 W      contentWidth=supertext.offsetWidth5 U: D& ]' x- u' M
      contentHeight=supertext.offsetHeight
* S  w9 e* o" H( D% T1 S      }6 H( S0 u& p3 p; l0 M5 j; C
   else if (document.layers) {* ?1 w( _( R% }$ l+ H+ j
      xMax = window.innerWidth;
0 `6 k: N3 x  m% }      yMax = window.innerHeight;. |5 g9 o$ J7 s
      contentWidth=document.supertext.document.width
! D- B- q# z3 ?      contentHeight=document.supertext.document.height  Q9 V+ b$ a2 m& v
      document.layers["supertext"].visibility = "show";8 q8 x0 C$ s- P* }$ r7 v& n
      }
3 c% d# d5 t5 l5 M5 Z0 [   setTimeout('moveBall()',400);
8 `. ]" I5 n# q# K5 p   if (hidetimer!='')
6 y7 y$ C: P5 \- p/ L. {* G. j   setTimeout("hidetext()",hidetimer)
, N5 A- a* v/ [   }
. B) T2 m/ i( E- @8 f
$ y, T/ p8 A0 e" c5 J, b  ^& T: G3 [function moveBall() {1 i- t# `0 n0 v
   if (superballRunning == true) {" O1 }, s1 j5 P! c3 ~$ S/ Q
      calculatePosition();/ v, G0 U, d: @$ U: [! K7 W* Y* Q
      if (document.all) {# \1 Y# Q+ d, J8 J0 X, C
         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 @7 r1 @$ m8 k% j! s6 B
         document.all("supertext").style.top = yPos + document.body.scrollTop;
, x. b5 T6 e# x         }
7 O8 R+ S( h6 b. ~, }      else if (document.layers) {, E  \  {9 ~2 P/ N7 _3 z- ]
         document.layers["supertext"].left = xPos + pageXOffset;, Z* e- r# {- ?. I
         document.layers["supertext"].top = yPos + pageYOffset;
$ p; B+ a  H. v8 s( @/ d         }/ B: N' H. q' h- h8 R" ^; y1 L
      animatetext=setTimeout('moveBall()',20);3 r2 g% E, |5 A& j: C
      }( H: o# Q; m* g+ \; C7 k
   }
; g) ~$ u. \8 Z0 L0 U* I5 |! M: d" E
function calculatePosition() {. x: f% V+ Y1 p
   if (xDir == "right") {
+ o# |6 R4 H9 X5 x0 \      if (xPos > (xMax - contentWidth - BallSpeed)) {3 ]; G7 O  h7 T/ }* f( U1 P
         xDir = "left";
7 b8 W% }* c, ^/ L2 n- a% f1 c/ c         }% p! W  f# v7 _' {
      }0 O$ ]! q! ]& d* `4 D+ A; v0 Z
   else if (xDir == "left") {( f& ^& s, E0 p  ?* T) D8 |9 L' J# \+ c
      if (xPos < (0 + BallSpeed)) {9 {$ |: _# r# g% J1 ]. m3 {% s1 o
         xDir = "right";
2 J1 d4 O" s" ~0 K         }
( j$ {( a/ l4 s9 i      }
; t9 J7 ^6 a& P1 U9 X% i3 R5 p   if (yDir == "down") {, R% S# C, B: a9 x  U
      if (yPos > (yMax - contentHeight - BallSpeed)) {
, l: S& T6 \4 d, O( o2 o1 `         yDir = "up";# v2 r! a& s0 ]) i! c2 |
         }% @; T2 ]. [# p* f: n" A, M+ v' j3 N
      }& m" E* \  f8 X4 q% D" w
   else if (yDir == "up") {
; _- [; E* S3 A. p      if (yPos < (0 + BallSpeed)) {
1 D$ P3 V; |0 T* u# F0 ]         yDir = "down";/ \/ D% S1 \: w/ ^
         }5 z1 {# b1 ?- U& t8 I; t
      }3 w8 _0 E  E9 Q, g- X1 `
   if (xDir == "right") {
! V: O8 n% ~4 y. B/ U$ ]      xPos = xPos + BallSpeed;
  j3 h, Q  e. O0 |1 `      }
: S6 k% q. H4 |/ x8 Z9 _' |   else if (xDir == "left") {8 `8 V3 g: c8 }+ {
      xPos = xPos - BallSpeed;% e  y3 a, [6 C; X1 {! @6 E
      }
: F" ~2 y5 P* v+ q* v   else {
2 s) c& E* m, f# s      xPos = xPos;! j% W' C$ ?5 t; n
      }
7 T7 w% @. r- ^   if (yDir == "down") {& ?3 B$ f8 s! z% W
      yPos = yPos + BallSpeed;
9 u  `+ o6 k0 ~9 {      }* b7 N. k2 }' t
   else if (yDir == "up") {- Z# E; i* [- M0 {5 ?
      yPos = yPos - BallSpeed;9 @: _3 y5 _( ?, _6 a
      }
- R1 [$ Y* [/ `' g: E9 r4 y, b   else {3 ?( @+ x& N; J2 t/ b
      yPos = yPos;
$ d% b  {; c6 E      }
6 [5 i' S, q" p7 m; ~  c   }
( N) T- J! e# E* w7 q* Q# \$ @  z, q5 _  P) w
function hidetext(){# S& j5 l/ r+ I) z0 j
if (document.all)
$ j- Z- O' m/ r2 G& \9 C9 Esupertext.style.visibility="hidden"3 o7 q/ B% j. |
else if (document.layers)3 Q- W$ s  A; E- M
document.supertext.visibility="hide"( |$ A0 ^. M. v& t
clearTimeout(animatetext)
$ C; o. V8 C- F7 _}1 v: U8 ^" O6 V0 c

! F& i% f3 c' }* U- yif (document.all||document.layers){: B: `, g0 L  J1 N6 J1 q& K
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( U9 M" c+ I' M- D/ n9 ywindow.onload = initializeBall;
3 T6 ?3 b1 \, p( ~/ X3 p' S* [* Qwindow.onresize = new Function("window.location.reload()");/ {0 U: P7 m/ e9 _( d: m- S
}
( e) R2 V# b7 V+ }5 _) u- s2 {- Y, v
</script>