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

zw2004

<style type="text/css">
) S$ c, k# L; p) ?. s9 p4 x8 i: [#supertext {: t5 A! O0 _# X. n/ v1 k: A
position:absolute;& C9 T; j+ h. [) p; z% ~
left:0;
% \3 Z# i8 X7 h$ M$ otop:0;) J) e/ I' F0 s2 `0 c! G$ T2 Q
visibility:hide;$ C+ Z1 M' x7 o9 j
visibility:hidden;! }4 @4 \* _1 X2 q8 B# D
}" r8 o$ @- y4 ~6 d4 N/ Y2 m, ]
</style>
9 a& V- K+ m3 A- B<script language="JavaScript1.2">
" K: V: v: Y5 {2 M<!-- 改变下的字体的大小。颜色--># L$ P* d8 r, [* k4 Z  F
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# I! h# T8 O6 f+ d' Rvar hidetimer='';7 _$ I1 _# E! ]
<!-- 改变下的弹跳速度-->
( x( r; Y; R9 L, Wvar BallSpeed = 20;
/ X5 J3 d5 s# D" Ovar contentWidth;
8 P  \2 X; J4 kvar contentHeight;4 K$ }( p( S. j. _" r5 V
var maxBallSpeed = 50;" I3 [7 }4 D- p5 _$ }
4 X) u, f, c6 F+ m- s9 `
% ?9 ?2 Z6 l; U- Q$ N0 m
var xMax;
7 x. K/ u: d. {" w- O8 _$ Y0 Xvar yMax;
1 Y' Z, q1 o" J/ L4 Y4 W" \var xPos = 0;
. q! `8 P+ l3 U9 Ovar yPos = 0;
! m$ D; S7 Y$ R5 g. vvar xDir = 'right';( }& X; C; z  a( Y* \0 z% v. ?
var yDir = 'down';) L7 @6 B6 n/ \" ^) e
var superballRunning = true;
$ c" k1 D+ m0 n5 Qvar tempBallSpeed;
" W9 u0 T. |0 i" H1 G+ a1 e  z7 Tvar currentBallSrc;
5 ~9 i6 _! a' B/ Fvar newXDir;
0 k- @! t) _% U! h' avar newYDir;
4 t9 J! s+ Y" l& u0 K3 T
! K) a' O1 s) B) @function initializeBall() {
3 }: m. U2 K' l0 y   if (document.all) {
. i: p+ @: j, y  Y: I      xMax = document.body.clientWidth
' S4 k: R! G3 L6 H      yMax = document.body.clientHeight9 R, c+ ^1 x; a$ `4 c  W
      document.all("supertext").style.visibility = "visible";  e! q. j' e4 c1 X
      contentWidth=supertext.offsetWidth# ~" ~' J  t+ W! [
      contentHeight=supertext.offsetHeight
1 N+ p* ~; `  p' D( F. P( _3 s      }0 ^* Z8 B+ w4 p- u) E$ ?' I# z
   else if (document.layers) {
) A; t7 n4 b, J      xMax = window.innerWidth;- |! r$ I- _: a  M" D
      yMax = window.innerHeight;
+ n4 e1 q6 \& j- i      contentWidth=document.supertext.document.width3 o4 {$ e5 y: Q
      contentHeight=document.supertext.document.height
' |, |' G6 ~! v$ y) s      document.layers["supertext"].visibility = "show";
4 J6 l( ^( _& J! n  ~0 x      }
4 Q3 E: S5 r* j   setTimeout('moveBall()',400);
5 g. H+ N& j# e( P) V  y) w8 N   if (hidetimer!='')4 d: H1 r* X2 t
   setTimeout("hidetext()",hidetimer)( T; n( `0 x0 C# n) e
   }
7 U2 T1 L& V2 K3 l6 x
( h8 S1 H/ K8 `5 K* n! Qfunction moveBall() {
: z/ e& i1 j$ u! H* `2 \( w   if (superballRunning == true) {
9 b* m6 J6 R& d7 s% s      calculatePosition();
# v& U3 `/ l1 b# M. x# K      if (document.all) {- f7 e9 L1 A7 R7 t3 ^0 S8 L" }; t8 s
         document.all("supertext").style.left = xPos + document.body.scrollLeft;; E$ Q( x- [5 [
         document.all("supertext").style.top = yPos + document.body.scrollTop;- A2 k- v8 A+ O5 e% L/ x
         }) ]6 ^# z% R+ U7 s
      else if (document.layers) {* ?3 S9 e3 V! _5 C% d" s* k
         document.layers["supertext"].left = xPos + pageXOffset;
4 c3 w. n0 K, b5 `& c3 k" [         document.layers["supertext"].top = yPos + pageYOffset;. S  F  h+ V$ ]# Q2 u
         }8 t( k# y# Q/ G# M$ Y; O$ e
      animatetext=setTimeout('moveBall()',20);* h0 ~7 O& T' [* r$ V3 z
      }9 A, w* L! L% N5 Y7 O3 R
   }9 i" r- L7 f" d' j) Z" y

# E5 ]: V) _7 _1 X# x% G( W* jfunction calculatePosition() {
8 ?1 U9 a+ F0 T6 n* x   if (xDir == "right") {
/ D; k& S: O0 K: ?      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 n  M: w) A6 O9 ^, f         xDir = "left";& [1 f8 a9 G2 o" W$ y9 a
         }
: b+ `0 M4 q  ?' W  {9 e      }: W2 M. ~% J) e6 D/ n& G, f
   else if (xDir == "left") {
+ b+ U, \# Y5 |( T# I, M) j# e      if (xPos < (0 + BallSpeed)) {% S7 v% D( j1 m. Z1 W3 M/ ^$ F/ }2 l
         xDir = "right";8 G2 |" Y: X* ]8 {) a; \9 T/ H
         }+ i& T1 K( p( d8 \! h% t0 V
      }! l& j9 T. A. V+ P0 M( A1 j
   if (yDir == "down") {
$ d. D) E# H2 |* Q      if (yPos > (yMax - contentHeight - BallSpeed)) {3 \1 r, m5 j5 E% @) d! c! _! Z
         yDir = "up";
9 w4 i7 I+ z1 d* L4 l* o         }
0 l  O2 q, ?1 K* g$ w& Z% R# k% H# X      }) f# Y+ M# h6 H" }, D; o6 p
   else if (yDir == "up") {0 U4 z, O9 Q* N( F4 m( y
      if (yPos < (0 + BallSpeed)) {  o$ m% n! x# T# n' L- i" y0 a* P
         yDir = "down";
, d' c1 k6 O7 ^- z$ X         }
( x( H- B6 K' p; ~0 T7 a  v! j      }$ Q1 d) t  U0 C; D3 n, s
   if (xDir == "right") {
" I. F. a1 ?- G8 t      xPos = xPos + BallSpeed;
% D# r+ p- s, u: k( R% x      }
  ]; k5 d& A# l9 M' T5 F7 x5 T   else if (xDir == "left") {  B" ~& V' X7 E4 j( u" |# G
      xPos = xPos - BallSpeed;
4 D( G) [; F0 i: h: f2 l6 `2 f5 L      }
! u8 ?3 ~# i, Y. R6 d  i+ J   else {
" b, Q0 R0 k; D2 @& A6 m, t      xPos = xPos;
; a( F! k& O- f4 k, _0 V      }
5 m+ R) _8 _* N2 e4 b   if (yDir == "down") {
% j( x: i4 p8 F/ q7 Q      yPos = yPos + BallSpeed;
4 _- P% N- f1 R0 R4 l      }
2 J9 P0 S, k; i   else if (yDir == "up") {
& m2 ]7 e+ p* N# N  I" N% i3 {      yPos = yPos - BallSpeed;" K1 e" L/ J1 ^5 \$ `$ k8 Z
      }/ I7 b+ B0 @7 J# h9 P8 h0 b
   else {
9 O* p/ l. {1 E# ~2 D6 A      yPos = yPos;2 C# p+ [1 ~6 q, W4 w) j0 t
      }
& V( {7 p! b5 I! |* N- V   }
7 W3 f, t0 Z( k) G( X* [" `3 p
/ I2 h. P- e8 Q( L+ O+ _function hidetext(){0 ?/ @+ E7 z1 W; \
if (document.all)7 w6 l$ G/ `4 C! {* L
supertext.style.visibility="hidden": N+ G( {4 M. f; l  k" I
else if (document.layers)
& G2 J. g1 F; }. F9 Zdocument.supertext.visibility="hide"1 Q. A# u' \  \3 E, V1 q
clearTimeout(animatetext), X) B, S1 W( ^; Z, T- Q
}( b1 P) z7 o4 W/ I" _' I  |

, z& C( t1 Y8 q8 \4 rif (document.all||document.layers){
+ p% c. V! \) n1 P9 @# n  }; udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" K0 ~7 N" _, gwindow.onload = initializeBall;% G" b0 R6 K0 f* _9 N. s% C4 G. h6 O
window.onresize = new Function("window.location.reload()");; c$ Z, a7 O& Q# {
}% K& n6 L& q+ {7 [  ]8 f/ X
6 C6 e# m0 Z& u. R( W2 Q3 K
</script>