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

zw2004

<style type="text/css">; x5 X6 h4 u' F8 v) L1 D8 x
#supertext {- t. Y. I% s) p: Y7 J
position:absolute;
6 F4 M2 e4 T, s7 `7 ]: O) Mleft:0;( q! {8 v7 e- R
top:0;
7 @9 z2 F4 [: h/ R: zvisibility:hide;7 ~0 K' s: x1 Z; q  _) l
visibility:hidden;$ h6 S' n. s. s4 c0 L
}
& P" K/ ]/ A" G. m! h</style>
4 V; Y; i  A0 v" E$ N- \; b' n<script language="JavaScript1.2">
* X, i, m9 b0 I' }1 b( _1 [: \<!-- 改变下的字体的大小。颜色-->4 b7 z: H9 W& K, I  k
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': h( M/ y( ?& Q  |/ z3 I  ]- @3 L# y
var hidetimer='';! K5 h( N0 R# S2 c# b. w
<!-- 改变下的弹跳速度-->* u* r- E6 R. ~9 u1 m0 o2 b) K
var BallSpeed = 20;
, A# o* Z2 m* w  T- j! E5 Ovar contentWidth;& ~5 x; z$ }. e3 g
var contentHeight;
! m7 ^0 P9 j( e% evar maxBallSpeed = 50;
; ?; v, z/ J& s# p4 O: y% S7 z8 l- v% H! ~1 ~* g) s
$ ~  A0 ]; k& {
var xMax;
6 w' L' Q' J5 U$ j3 n: j- i/ e& w+ Zvar yMax;
3 z) U" {0 t0 _) C( q: {& h* E3 svar xPos = 0;8 C6 M- \" D. U$ S7 I; Y- X' m9 Z
var yPos = 0;1 Z6 d4 k7 X) e. C* ], Y
var xDir = 'right';6 O0 x, \8 A9 Y* }7 N
var yDir = 'down';
. Q6 }! G7 J4 Q" A7 Mvar superballRunning = true;
/ z( e8 G0 E- C1 ]# _( J) d! vvar tempBallSpeed;+ Z! e) L& ^7 u1 g* t
var currentBallSrc;2 m0 s/ o& `1 X/ B/ [% [- {$ }/ t
var newXDir;8 t! s2 e- s& }; [. ^
var newYDir;
+ O2 `( [8 t) c+ c4 k. M- J$ _3 y1 e6 I0 H/ ^
function initializeBall() {. ^/ X+ A3 y  y( h
   if (document.all) {
! R" ]) v" {4 H* q6 J. A, c, @5 c      xMax = document.body.clientWidth
) e# y! f9 f7 d' |& C" z      yMax = document.body.clientHeight
0 O" M/ ^: M7 `: f$ X      document.all("supertext").style.visibility = "visible";
# z! B# M! f! ~9 C7 H      contentWidth=supertext.offsetWidth
& x- L2 ?# W) }! Q8 J      contentHeight=supertext.offsetHeight! K) o& y8 G  i. {# Y+ P
      }( n2 H# x' |! E/ }
   else if (document.layers) {
9 V1 N+ N/ E, k) h- T* Z8 t8 j: G  }      xMax = window.innerWidth;* K* L- x3 k. I$ Q
      yMax = window.innerHeight;, D' j$ B, n6 `& C$ X3 K) [; y6 O
      contentWidth=document.supertext.document.width
1 ~7 e2 z. ~* s  P      contentHeight=document.supertext.document.height/ O9 s3 [' @/ E+ D: B* y/ ^
      document.layers["supertext"].visibility = "show";: D: c9 G$ m/ J* T
      }' K8 b: G! T# L: Z8 i
   setTimeout('moveBall()',400);
, |) Z7 d- c7 t  s0 j" w, o7 i   if (hidetimer!='')$ g0 u- a& `- {2 b) R
   setTimeout("hidetext()",hidetimer)
+ W! E% D4 T4 _4 v$ Z  H   }
- `  B* [) T: ]# h; w& q1 R% o; z1 E  l( A& I. T
function moveBall() {" U- c% C- l, j+ m
   if (superballRunning == true) {; Y0 H5 I) U3 w+ Q* Y* W  J; G6 A
      calculatePosition();# k* D( o. [: O$ y
      if (document.all) {0 d/ Z' ]7 _( V# k. E
         document.all("supertext").style.left = xPos + document.body.scrollLeft;+ q" P) w( n% z: t) ?
         document.all("supertext").style.top = yPos + document.body.scrollTop;8 p, Z: r) P. Q8 Y' v5 M
         }
. t  T8 S' p1 Q2 f* v, W0 r( ]      else if (document.layers) {
  }% T- u0 f3 s/ q/ b  h) P         document.layers["supertext"].left = xPos + pageXOffset;
- @* W  c- e5 ?5 ]" V4 \! t         document.layers["supertext"].top = yPos + pageYOffset;$ O$ F3 ?# V- }! F. T
         }
* G3 N* s- M) j# j& W      animatetext=setTimeout('moveBall()',20);# X, Q2 Z: ~. _7 M' k
      }7 Z/ w1 g' V! p+ r& w
   }
6 Y2 E2 j0 C+ f4 v' u# V) G% ^2 T3 d- K- S* C6 R
function calculatePosition() {' @; Y  T8 k5 w2 b8 K, n
   if (xDir == "right") {
- ?9 U/ K) Q$ C4 W2 h6 y$ k      if (xPos > (xMax - contentWidth - BallSpeed)) {$ U( i* A: N: \* ~* y* @
         xDir = "left";; |( G. c( f; r$ V
         }
# F6 z( W- y0 s# W/ A4 Y5 j      }
( ?" ^3 e2 [* m, z   else if (xDir == "left") {
" }6 A% q+ Q+ ^      if (xPos < (0 + BallSpeed)) {
! l; v0 J7 H! Z2 y         xDir = "right";/ N0 b$ h- M2 D6 B& g. b5 `9 s
         }
0 O9 P" h! n0 r) W      }  s& m+ _' q; j
   if (yDir == "down") {
2 V+ H, Z4 x1 n  J* u6 ]% `" I      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 K8 s) {& Z4 _' [0 [1 k/ U         yDir = "up";6 T( I( D( N. }) K: m. |
         }/ }; |' m9 j$ x4 F1 k) W
      }2 J! z. I% J2 J: t! m0 d5 W
   else if (yDir == "up") {( W; e, ^: A) v- s- J
      if (yPos < (0 + BallSpeed)) {
( D2 S- t+ a, e0 T* z5 y         yDir = "down";) m; C  R. w+ u- S8 S& j
         }! J7 J# d( i! G! R1 v' J  R$ k
      }6 T4 v# g4 _! D
   if (xDir == "right") {
0 b( |, m3 m4 S/ ^      xPos = xPos + BallSpeed;9 a: u0 Q7 j3 d1 X
      }6 \0 W) c1 M, H. W& o. n, E% o6 p- Q
   else if (xDir == "left") {
4 `1 \/ _2 Q! g3 I      xPos = xPos - BallSpeed;  a/ h+ C* G( L& n  Y9 J5 g- Q/ s
      }4 ]% f$ J9 X/ H# b3 e1 z, B
   else {
7 u7 C3 P9 \* f9 d+ Y0 w      xPos = xPos;
" s# S3 P$ x0 h; s( _8 r      }$ e( d; \! A* ]" j0 k# S
   if (yDir == "down") {* q; l7 |0 d2 J9 m
      yPos = yPos + BallSpeed;
3 R% r3 U" D) J; i( q' {8 e5 R$ E      }
  Y9 G8 \& V. T* E- T! l3 U; X   else if (yDir == "up") {- X! }- d' p  \4 w) {' u5 p
      yPos = yPos - BallSpeed;
" f, X* \5 s+ j( M      }  _8 Y$ T; ~6 v- s8 ]9 |8 S, G
   else {% M# J% ^9 b" J% l7 [# j8 J$ Q; K
      yPos = yPos;
' `7 c$ {4 `, l" r% z+ ?* t      }! Z; z1 {; Q+ \$ V* Z. `
   }
5 r" ]: b+ ~0 ~0 Z7 ^9 B7 o3 M2 V! R" i9 q& g' X2 n, S
function hidetext(){4 s* Z$ V  @7 c# v: z- g- J
if (document.all)
, \* N. ^% K- @1 Y& Q, @+ _! Zsupertext.style.visibility="hidden"
7 h: R" M/ h* z& Velse if (document.layers)1 n& e  B' I$ b* m
document.supertext.visibility="hide"
# s; ?" S0 T- \, ]6 yclearTimeout(animatetext), Y9 C$ z7 i2 x( c4 Q
}& \+ T6 N6 i; f/ [) ?
) G6 L+ `5 Z0 T
if (document.all||document.layers){
7 z7 J3 \3 @) s" Ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: g! f( r! ]; k4 P- d3 {window.onload = initializeBall;- M6 }. f2 `3 f  w
window.onresize = new Function("window.location.reload()");
! |# T7 j7 [& p$ @2 L/ I}' w/ v6 S5 w& u6 J$ C$ o

' A$ E8 \' n, J7 ~8 Z</script>