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

zw2004

<style type="text/css">% ]+ h) F7 ?( T4 y, j# R
#supertext {: M4 S  \- ^, t, _7 u
position:absolute;
# i, C0 Q* M, H7 _left:0;2 C1 L4 M9 H& F' o* K0 Q
top:0;6 S; G. h, ^/ m: R) A
visibility:hide;5 v7 [+ l' y% `4 G' q" ?, R
visibility:hidden;  k. ^1 q3 N; B3 L$ P% [% z
}
8 g" J3 [! o( T% ?& @! K</style>
2 @% U' [$ z  t( s) h6 O8 B<script language="JavaScript1.2">* t' G- I$ K- H
<!-- 改变下的字体的大小。颜色-->
$ w, \2 K* K3 m" X* x( p2 Wvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* {# g4 ]6 b: U# t1 x1 B: Ovar hidetimer='';. Y  c+ f) f3 K  v1 w! ?7 ~: G) `
<!-- 改变下的弹跳速度-->6 Q6 t! ^- x; z$ w7 j
var BallSpeed = 20;
9 U9 Q5 i) D( f- q1 E4 b1 Y$ yvar contentWidth;
. D: X) g; ~' zvar contentHeight;
& ]/ T1 `% x# l" k' m2 U9 Avar maxBallSpeed = 50;
! _! v7 \* b: X' p% `4 b2 D- l) I# U$ z1 \& x

6 A1 V, `3 v8 k8 Z- B& Vvar xMax;
2 T' {: T. C( K/ J0 k+ G3 \var yMax;
' }$ y. J; c% x) B: s: G' fvar xPos = 0;* L1 T- a8 }4 h. \# ^6 `! [7 f
var yPos = 0;! a* V! B: C- k  A
var xDir = 'right';
' C9 |: }4 S: h" r2 b- N4 E: p% ~9 fvar yDir = 'down';! B. n/ }0 E4 l+ a# b
var superballRunning = true;
4 w' Z; J# M% N8 `var tempBallSpeed;: @) `* K' A* q4 B+ T5 W' G1 r
var currentBallSrc;
9 D7 n. z; u. R( pvar newXDir;) ]4 M5 N& W% B$ w
var newYDir;9 s2 q" r6 ^7 x7 D

& ^6 A3 _$ j  m/ Y, gfunction initializeBall() {
8 ]* y* }1 D, r( Z3 a- `8 r: v! t   if (document.all) {. i2 a  P% d' e$ }$ C
      xMax = document.body.clientWidth0 t* K! m7 [3 g% u% E' D% B, g
      yMax = document.body.clientHeight* N% d  `" j' I
      document.all("supertext").style.visibility = "visible";% S+ ^1 K! T: [; |# e
      contentWidth=supertext.offsetWidth! L+ c9 i4 a. C3 C# s8 r# ~
      contentHeight=supertext.offsetHeight
; c' i" U. Y5 N, n5 p8 x8 [      }
: o6 i' Q! K- {2 [9 A. _   else if (document.layers) {% [% }: u7 A! F2 U) r9 K9 ]% V7 G
      xMax = window.innerWidth;
) W' N6 k$ X. F; Y      yMax = window.innerHeight;; v6 J# c* Z2 r9 K7 [
      contentWidth=document.supertext.document.width
: P  n$ p6 u& e  G! x, n1 }      contentHeight=document.supertext.document.height* k! i* K0 M9 W/ A( L: s; w# O) c
      document.layers["supertext"].visibility = "show";! B# @# K) b* Z+ j8 P
      }6 c9 C3 z2 K* M# I
   setTimeout('moveBall()',400);: A' @1 ]- v6 T3 F
   if (hidetimer!='')% K) W- p4 ^4 z5 y% _4 Q9 X
   setTimeout("hidetext()",hidetimer)
" E, v# z; F7 V" g5 x( \. h5 @9 G   }) Q: R- |9 c) H- Z2 \8 h

$ k& V8 M: I; B1 v. }, Cfunction moveBall() {& C/ i0 N( G4 P/ \: u4 r5 f
   if (superballRunning == true) {, d8 {" h* @: {! L
      calculatePosition();* L, |$ k* e. d# Q) F
      if (document.all) {
7 G: a' |" n" _1 H7 V         document.all("supertext").style.left = xPos + document.body.scrollLeft;: t- w  P6 v) t( B' f+ A
         document.all("supertext").style.top = yPos + document.body.scrollTop;
! p6 y+ h  |) _; i" k         }
; U9 ?9 R4 h' I* ?4 l      else if (document.layers) {
/ B& R: z3 ]( d) o         document.layers["supertext"].left = xPos + pageXOffset;6 e: A  `# u( l& B
         document.layers["supertext"].top = yPos + pageYOffset;$ e1 M- _5 W0 m* a. {
         }( [+ W- }6 _7 g2 j
      animatetext=setTimeout('moveBall()',20);! z: {7 m) }0 w! x8 T
      }
. G3 g# K) M( |/ \3 J$ `3 B   }+ o  [+ W& l8 m+ a5 Y

& b& Z( i- N5 v7 E1 ^0 r5 ]- T2 xfunction calculatePosition() {) ~6 x3 l! i" }7 T4 u3 |6 ]
   if (xDir == "right") {
5 q0 y$ B5 A. w- a9 G      if (xPos > (xMax - contentWidth - BallSpeed)) {
: `( P0 J  S1 \' {. e: A         xDir = "left";2 g+ z9 f1 n$ K# c8 \, z
         }
  [. u) r& X$ R% F      }
. z" B) t* z" s. T& R- n   else if (xDir == "left") {, `- V( v! C5 X3 g! @* B
      if (xPos < (0 + BallSpeed)) {
5 L' [* s/ l8 A! S0 l5 D  Z         xDir = "right";
# N0 b. s: ]! A         }
9 @/ s; T, j" D; a, d      }
. V, R, @, U* \1 D+ G   if (yDir == "down") {
: ^0 \; G. G/ K& E! I+ w; U3 O      if (yPos > (yMax - contentHeight - BallSpeed)) {8 R% q( f% P; m4 r% w
         yDir = "up";2 }8 ]* P9 q% I, N- z5 m" k2 u, t. r
         }, {  Z. W' i3 H* Q$ R+ d
      }& ?9 O/ G7 N1 `  L* R5 e" E& ?3 ^
   else if (yDir == "up") {9 @) i# h& i4 L! Q, O) [+ L, H
      if (yPos < (0 + BallSpeed)) {1 q& p& Q% }. s4 j4 m' m$ v0 E
         yDir = "down";1 z0 A2 _, v( m
         }
# g, q4 H. h- m      }
# E, p* o4 P! U5 m( O   if (xDir == "right") {; A) F- b/ B/ s
      xPos = xPos + BallSpeed;9 p1 y2 Y; ?9 i% ^; Y
      }+ R9 n1 J( i5 j+ M( }
   else if (xDir == "left") {
; K2 W  A) i, T7 u      xPos = xPos - BallSpeed;, L, l; m" w  N6 S' a  d) z3 ?
      }
/ s% o) p% M7 a1 X# r   else {; c4 ?* B$ {. a: K- q7 J4 r
      xPos = xPos;0 n1 S. F- w: z% \/ _8 V8 }
      }
% E. y% u6 C% G/ l; R5 a1 C8 D& [   if (yDir == "down") {$ k$ h9 D5 O( K
      yPos = yPos + BallSpeed;
0 `, k# P% Z0 t! g* b      }- @1 ~- l/ Z8 D, h( g1 r7 P" j+ O
   else if (yDir == "up") {
6 z# ~$ z; j, \7 k  d" U, G( H      yPos = yPos - BallSpeed;7 n6 S# F4 c% h
      }/ @/ I- h) j' p2 b8 {
   else {
$ s* g7 \- V, S3 n! i      yPos = yPos;
  D' l! v8 F5 ]: o! |      }$ J- _- n$ u' k# ?/ X7 w* S
   }* G& J* q3 w4 b7 E7 a+ s& A
3 t* g; u; F/ G
function hidetext(){
7 A: y* R  n" \* x% R$ kif (document.all)
# {2 @7 @8 N( D: jsupertext.style.visibility="hidden"
" O" C3 w* H5 E1 t& r2 ~else if (document.layers)6 {! ^& g8 I$ A& K; s* _# t8 w
document.supertext.visibility="hide"
; {6 j! J" F" S( A% o+ EclearTimeout(animatetext)
$ A2 r8 N; X( _3 a7 r3 P}
- x1 `( p1 p& o2 Z* M1 X! ?1 V' t
if (document.all||document.layers){
: g, j6 A8 s; J) V3 S- ^document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): f! o: }9 z1 s/ ]* E1 H
window.onload = initializeBall;0 {4 |- ~$ u) a. f4 {1 {
window.onresize = new Function("window.location.reload()");0 F: }! ~: h4 L2 V. }  z
}  M! C; v+ N( V# v% E: \' i
; |! l8 a' q- S" \; z" F0 h) g. k8 O
</script>