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

zw2004

<style type="text/css">8 T5 X0 \# V" z7 r# ~4 y. G. P: g
#supertext {+ k+ q" ]. B" _& R& q+ W$ U
position:absolute;
, S- [2 S6 P5 u( ~  k! o8 Aleft:0;8 W; b- w) p% @4 O) p
top:0;
$ Q1 k* r0 f' O/ E" v% r7 C& jvisibility:hide;7 ?9 V6 V. n( u; l" Q8 T# x
visibility:hidden;  Q$ {5 K, h( W1 l0 w
}+ A1 `; Y' `( K: t& x% D, N9 E  q
</style>
8 _. F, @" P! q! u# U<script language="JavaScript1.2">
5 y0 o" a: q& d, k6 Y$ p<!-- 改变下的字体的大小。颜色-->8 L- |" J' ^7 \' e# X! ?6 Y& ]
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" S2 q  I- }# f8 l. I
var hidetimer='';" k' R) l% Y5 Y9 H
<!-- 改变下的弹跳速度-->$ `+ ~) r% o9 P, S
var BallSpeed = 20;2 L* [. z9 m9 h4 m! G
var contentWidth;- N1 M: {& q) U) Q3 P0 H
var contentHeight;
- z; K$ e7 ]' \  h1 L6 F9 H) ^5 Rvar maxBallSpeed = 50;
# v6 j9 A5 k$ _$ u3 |# [8 w8 {: P2 U) ]  _7 V( @* P$ R. F
- ]' ~0 B& E1 B8 B
var xMax;
# z- n- x) d5 w( j0 yvar yMax;' w  A) N  O2 Y
var xPos = 0;
$ v  D  J3 a5 \& Qvar yPos = 0;
; v# F" e, a) ~" j+ q. O2 svar xDir = 'right';) p7 x9 T$ `: v; m( s: p, Z
var yDir = 'down';& F5 e; m$ R4 f5 E& u+ ~
var superballRunning = true;1 U3 W+ `" F9 d, y! A# i0 s3 B
var tempBallSpeed;' f8 I; n6 Y  G5 ?$ ]0 {
var currentBallSrc;
0 H$ W# K7 B& n# E) U7 N' v; evar newXDir;
! ^! [5 n, H' |4 [var newYDir;
3 Y1 d& T) {) e! k5 G( }- j! u' n! c6 v4 {8 R0 _/ x
function initializeBall() {2 ^8 k6 y$ `, f9 v$ }
   if (document.all) {8 E; [& V8 @% ]. n8 y; e2 w/ P
      xMax = document.body.clientWidth6 Q& c/ l" U# I3 U% {7 H2 A6 ^
      yMax = document.body.clientHeight
1 |3 l" u7 D4 ~+ f. k      document.all("supertext").style.visibility = "visible";
( F+ W+ N9 t) P! h/ @* u      contentWidth=supertext.offsetWidth
8 E2 M7 a8 K0 n  }      contentHeight=supertext.offsetHeight
( B' c* l* u% F& Y      }/ o. e; i; U- {! d) q( j* h- x  K
   else if (document.layers) {
$ E5 @$ _- |; i7 D7 s      xMax = window.innerWidth;
; \0 O+ Z0 p. }& D      yMax = window.innerHeight;
3 {4 b+ @- Q  H" _      contentWidth=document.supertext.document.width3 _% V3 m. W- @) t/ y* S: ?
      contentHeight=document.supertext.document.height
4 ~% r$ g+ J4 J" [6 b      document.layers["supertext"].visibility = "show";
- J9 f( n6 Q/ E, b5 Q* r      }9 D8 [! g: c8 n# [: j% u& Z
   setTimeout('moveBall()',400);9 z% B. u# ?+ }) R
   if (hidetimer!='')! o7 G9 `0 M* P' g
   setTimeout("hidetext()",hidetimer)
% B. x5 s) m' C; e9 q% c/ B5 a   }* E( ~2 ]3 K8 N% P
6 P$ [/ L4 X3 {9 w
function moveBall() {
" H$ v& ]; i5 c. }9 W   if (superballRunning == true) {
' v  `# T- _% i" r      calculatePosition();/ o! \4 d0 s& K& n
      if (document.all) {
: s" X9 W/ l- M4 w8 B         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ E2 _9 I5 w9 T  {& b  b
         document.all("supertext").style.top = yPos + document.body.scrollTop;' S) _+ A# |& w- B- {
         }
# @& h1 c8 b' [  h1 p& ?      else if (document.layers) {1 @. g8 h  x5 ~; r8 s
         document.layers["supertext"].left = xPos + pageXOffset;
; y; E  p" }( P7 p' B         document.layers["supertext"].top = yPos + pageYOffset;
& ]& Y# S# X  O/ w3 x         }' g1 m! H, g1 s9 S" E: m3 E
      animatetext=setTimeout('moveBall()',20);4 U& t5 m' h2 _/ N! t  Y
      }6 k/ q0 R; S2 Y* T( [
   }
% u% Q- d! {+ O" p8 `
! \7 \- E& A1 u& O: r4 j- W2 Lfunction calculatePosition() {3 D, x  V0 o8 O1 _6 Q
   if (xDir == "right") {
/ r' Y7 c1 R. B* O! Z      if (xPos > (xMax - contentWidth - BallSpeed)) {
) V# |0 D) D6 H7 N. W         xDir = "left";* z1 N% ]; O$ o& E
         }
' v" U# W/ `0 _      }
9 o: [, a- e4 h& P: S2 z) O   else if (xDir == "left") {
: S1 \3 V% ~8 S5 }; D+ M+ {3 W      if (xPos < (0 + BallSpeed)) {
; }  ?! ?& q4 W* S         xDir = "right";! l) a. q. s  C" A7 K
         }( m( u' q2 [: c* d( y
      }+ @# I. i, R1 n+ x" K& _0 ^% C
   if (yDir == "down") {
, b5 ?6 N9 Q  G3 \' b      if (yPos > (yMax - contentHeight - BallSpeed)) {; B( O' e) R; y' V2 }& w2 L
         yDir = "up";
* R+ ~! S( \; q9 b9 ~         }3 |& |9 y' M9 @2 s- t7 N1 _
      }3 P  t/ u; X0 ]9 \, @) Q
   else if (yDir == "up") {+ ?4 C! c/ C: T: z7 D
      if (yPos < (0 + BallSpeed)) {
* S; }; s' o. [8 q  S) [         yDir = "down";- O4 I2 P( P& h) g4 O
         }
; T- f, Z4 b$ H- K& z      }
: \% t0 a6 \( U% f   if (xDir == "right") {
/ ^1 V+ C7 c( @3 R1 z      xPos = xPos + BallSpeed;" Y0 k" C- D5 T
      }
, D+ O1 C& i& V, @; `4 _2 y   else if (xDir == "left") {
% A: ^8 t3 G+ \; B: c      xPos = xPos - BallSpeed;0 b' p) J* h% ^, P# S1 Y/ K
      }
* y! H4 \+ U% d# L* i' M   else {
* S9 F& R9 ?+ S1 j- _- l      xPos = xPos;
4 V9 F4 ^! B% u7 b0 `      }/ E) |: E; n5 m
   if (yDir == "down") {
- @1 e- T* Z' {( o. d      yPos = yPos + BallSpeed;
0 ^! V( f7 x+ j* S      }0 |  u' y* j) t" v4 c. A. u  V
   else if (yDir == "up") {
8 t& }% r; q( n& @4 A0 B      yPos = yPos - BallSpeed;: v% f2 m& V8 m8 X+ a5 e
      }
# Z3 M( C7 T, i, E   else {
* d  `. t! F$ J% c      yPos = yPos;, d- m( A) J( j! h- |
      }: ]' l# Q) }0 Y& U. f8 u
   }2 G( _, K. R+ s6 X3 |
. e2 `0 X+ m! p9 B3 I
function hidetext(){! H! O! N/ G9 k7 X# J
if (document.all)" Z/ X6 ~6 k) S, {
supertext.style.visibility="hidden"% q0 `/ \% `) Y1 p
else if (document.layers)
% X4 }/ P# i( }6 {' B* S- Wdocument.supertext.visibility="hide"
8 ^; F6 K' u# C3 C5 p8 p$ f) I2 gclearTimeout(animatetext); t& R- j* {5 ?8 }( E; J
}
" P3 h3 \5 t0 ^: F5 k+ }6 ^3 y; c5 X, s, c* y! G) N
if (document.all||document.layers){
4 D! K$ ?" ~: rdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ F) u# n" A2 O& W' h7 W/ c, Y) X
window.onload = initializeBall;
3 ~& p, b0 B8 W$ C- @1 f4 R) Nwindow.onresize = new Function("window.location.reload()");2 c8 z, _8 b9 N. R6 U
}
. h5 o$ Y" `. ]" E) v+ @" H/ z$ B  Z: ~% w  ^+ [/ S: a; p1 s$ L6 }
</script>