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

zw2004

<style type="text/css">) s: p' M2 F9 O) d& ?/ M
#supertext {
( ?# A( e1 v, B2 g! r$ O* lposition:absolute;
( u% N2 j, V7 e# W4 S6 L5 q* U# dleft:0;4 {" @6 }2 a  I' \) Z& ?' b7 X
top:0;- e, D7 C% D* W9 Z
visibility:hide;4 q4 E4 u: \- X1 q: @1 g" Q% x
visibility:hidden;3 M3 r- c; U) y2 K% y
}
! M' D) U! M+ N! ^3 Z2 d5 S; I  e</style>
9 `; D5 L% o& e  F$ f, `<script language="JavaScript1.2">: E; K$ P2 a: |4 h
<!-- 改变下的字体的大小。颜色-->/ R0 T: \0 I# H$ _- f+ {
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. g; }5 p% \0 a: }$ u# L
var hidetimer='';. d7 n$ W7 B# Y  V/ s- y( U
<!-- 改变下的弹跳速度-->
( H, e% h+ [- v7 `. Rvar BallSpeed = 20;
6 U" a' m, a0 K! l; H& I: V3 Uvar contentWidth;
- R; p- g) o/ W0 Dvar contentHeight;$ }( Z( q* f' ~: t; g( f
var maxBallSpeed = 50;
* I: n' O0 m, {5 a. i
2 |2 S7 B' a' y; z' q; S9 F! ]. n9 v& T# d. j$ d
var xMax;2 p* s+ j5 @  ?  |) P/ ?6 V2 c
var yMax;/ `" c# N4 [1 M7 l) v# e
var xPos = 0;3 |1 J  u' S# {4 B/ w
var yPos = 0;
" c  R% k5 V1 u& }, Cvar xDir = 'right';
1 X5 h7 G# J8 l, Dvar yDir = 'down';; z/ B  p4 D( U3 j
var superballRunning = true;
* J9 x1 U0 y# }: Q; }" K$ Mvar tempBallSpeed;
2 ]+ s5 A/ ^8 r' d, N4 M$ |var currentBallSrc;" M6 P) \5 ~8 V! S% {
var newXDir;: P% f6 }4 @. J
var newYDir;
2 J# [  ?7 G/ x& ?$ j1 y' R# Y! w9 ^
function initializeBall() {: L8 a, f+ ~% P- z) J5 `3 c; C
   if (document.all) {+ V; F; L( Y4 J) q2 L! F6 _
      xMax = document.body.clientWidth6 \/ \4 b% T# a; D0 u/ m6 G% A
      yMax = document.body.clientHeight
1 g7 S  G) j* U7 X' k      document.all("supertext").style.visibility = "visible";3 g0 R& M6 G3 ~# A# `# }" ]- P
      contentWidth=supertext.offsetWidth* k& |/ g5 P8 A1 T1 T6 v5 O
      contentHeight=supertext.offsetHeight7 k- k2 u5 Z: _- O0 }- w
      }% g, p6 m1 L/ |+ ~$ N; c  Y1 q
   else if (document.layers) {+ n5 P. b, L3 g- l$ p( `3 X
      xMax = window.innerWidth;, C, f6 y5 |8 P) C) M3 o* o
      yMax = window.innerHeight;5 }9 c  p  p- Y# S8 d1 m$ D+ e
      contentWidth=document.supertext.document.width7 q( d' `; y* A  {
      contentHeight=document.supertext.document.height
, X. T# _) B% f7 H3 |9 d1 K8 w      document.layers["supertext"].visibility = "show";
& G: d8 k) P4 H& A2 J      }/ v9 C) H& F' w9 ^4 ?
   setTimeout('moveBall()',400);
% w. P5 P7 E) p1 N+ O   if (hidetimer!='')
: ~; _7 e9 h# l   setTimeout("hidetext()",hidetimer)
2 h4 U7 R1 g, `. U   }
8 T& G' ]" t3 }, w  r# u
# B/ s7 T. F9 ^  f4 Hfunction moveBall() {3 a9 ~$ Z6 Z# \" s) e" ]
   if (superballRunning == true) {9 [7 P4 A  ~6 |; G5 q+ B' S1 y
      calculatePosition();" _' K4 b& O0 G3 H% U5 T& M$ x* K4 Y
      if (document.all) {6 z" C+ c# K' Y
         document.all("supertext").style.left = xPos + document.body.scrollLeft;. L. `* X% `+ V* c: D4 B) |& {
         document.all("supertext").style.top = yPos + document.body.scrollTop;! Q$ k3 L. r) s
         }
) q0 [5 N" Z+ e. B2 `. ?* }      else if (document.layers) {
: A) }. [# s* V, v         document.layers["supertext"].left = xPos + pageXOffset;' L3 O. G2 R. j: x/ A
         document.layers["supertext"].top = yPos + pageYOffset;
+ E& D" M- f2 \6 f3 v         }
" t1 h; l5 f; ^5 O  O. r5 W* l      animatetext=setTimeout('moveBall()',20);
, Q& Q3 ]7 @2 q. a# ^      }
8 w7 t& E/ u8 _* q- f   }1 U3 d( c: u. Z( Z' [) i" |
2 U# Y& e* y: ?; B( _
function calculatePosition() {
; J: m7 y) Y$ O! P3 `" r   if (xDir == "right") {
+ {# z0 t( X$ h. n/ l      if (xPos > (xMax - contentWidth - BallSpeed)) {
" L4 P" ]0 B! e( k         xDir = "left";: Y, M& U& D8 o
         }
" Y! }0 Y9 U1 E      }) X8 a  s3 s" F) r5 w
   else if (xDir == "left") {
. ^7 [& j7 T: y: T0 x      if (xPos < (0 + BallSpeed)) {
$ x; q4 d3 D& L' [/ O6 z% F         xDir = "right";
( o0 C  `# F7 ]  d         }
1 O: I6 v$ ]2 v  j. ]+ M& N+ {; t      }, m" v, F4 b$ N1 n
   if (yDir == "down") {, x" M( O8 m$ D1 d9 B! X2 ~9 r
      if (yPos > (yMax - contentHeight - BallSpeed)) {
- P; k5 @! l2 `" U" `; G' g2 k5 `; p         yDir = "up";1 x' q% w( f/ I" K( l
         }
7 F; S. t. Z- I& k) S$ @4 R- }- C      }( f/ m4 ?: z! ~' e9 t" I7 F) J
   else if (yDir == "up") {& ~8 E1 h' a6 M  b+ A
      if (yPos < (0 + BallSpeed)) {
# A) d" l$ R3 G         yDir = "down";
' L+ Y& k6 M" h% O8 }2 C! L         }! z- K! O& B: E8 M
      }
  w: V. q" j" F5 ^$ ~   if (xDir == "right") {2 y. g) j0 S8 D) c
      xPos = xPos + BallSpeed;0 A$ [, w6 J. w) }6 R2 ]' p2 {3 L4 d2 ^
      }
5 [# I# b* p: E! I% y   else if (xDir == "left") {
3 c: j$ l( f8 ^5 O6 a      xPos = xPos - BallSpeed;2 A1 A/ N& Q: ~" L7 d
      }
; e& K2 e* p( f0 U* d% ^6 ~( g   else {* t6 i% b3 l' N& F! f, e" v
      xPos = xPos;2 D/ v5 ]1 p% d+ l( q
      }7 ?) U* V; r$ R$ @, ~1 T7 U) Y
   if (yDir == "down") {
# E! D% J  ?* D! _* l! ]8 f7 z      yPos = yPos + BallSpeed;
/ `* U! \  b* Z      }
0 f' V) ^- H3 R0 ]   else if (yDir == "up") {
, ~- k1 E* L$ g, I- F      yPos = yPos - BallSpeed;9 h% t$ s' W) W. n* _% C- c
      }# L/ n- B3 o, c
   else {1 ?: x: |" l& l9 v7 Z$ O
      yPos = yPos;
) |6 [1 t2 e& v, }$ T      }1 Q2 i1 D% Z* j
   }4 O" d8 |5 e- _$ R9 `2 o: p4 X4 W
7 U4 P9 ^2 X. ^; Q9 [
function hidetext(){) Q3 ~3 k' j* ~! C0 K; p
if (document.all)$ b4 A4 m$ p; \/ O( l; L
supertext.style.visibility="hidden"; x1 H' i7 D+ {
else if (document.layers)$ _+ S' N7 Q$ H% K0 B! B! Y
document.supertext.visibility="hide"
3 K' R' I6 v0 m4 S* ~0 Y* F* Z% {clearTimeout(animatetext)
9 t; e$ I& [" p! c' y- O! u}
0 y+ L3 g+ `8 b- m& v: o; t6 P2 j8 f! g' Z" c
if (document.all||document.layers){
1 _1 e0 J8 B% b( D) h+ ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 [4 t& E2 R! ?8 hwindow.onload = initializeBall;/ e5 g1 u9 ~7 v+ X! ^
window.onresize = new Function("window.location.reload()");7 w! M2 x" S1 f( K
}: \) G- W% k+ ?
9 L8 T1 s- Y' z$ b3 \9 w. a" y' j" P) E
</script>