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

zw2004

<style type="text/css">
7 U/ ~; P( c% B% o5 G% o& J+ U& [#supertext {
0 e: K0 d1 T/ B' _3 z8 q& Bposition:absolute;. Y6 \/ E1 R. b6 ?' O
left:0;2 G8 K. y# u! G% c
top:0;& U; F. s: u2 |- Z
visibility:hide;, S: I  \5 Z. [6 a* k# X  C+ |
visibility:hidden;
/ k* T* c. I: q}* x. `8 e' a4 d1 n# E4 ?# ~
</style>4 d) k3 q4 V- F
<script language="JavaScript1.2">
) v" A5 A) X. d6 ~<!-- 改变下的字体的大小。颜色-->
7 d6 O9 B3 ^% Ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" Y. G3 c1 e4 o6 M
var hidetimer='';
0 N  l' _8 B* a4 S<!-- 改变下的弹跳速度-->
; F! @2 k7 A' Mvar BallSpeed = 20;
2 s6 K# u1 y# p5 j( I. fvar contentWidth;! z8 B9 u+ ^4 H
var contentHeight;0 Y- L3 S% T/ y* W: X
var maxBallSpeed = 50;
6 s" Y* O& U2 m1 y2 T
( Q7 Q' y) [' c# [
# O1 B; q6 D& G4 ?var xMax;
/ J( S& S' o7 Uvar yMax;
3 T1 Y/ X- x" Y0 tvar xPos = 0;) d# s# t3 L6 _% u6 e7 @
var yPos = 0;
2 ]# R0 q1 b6 ?1 Q* O/ {+ Mvar xDir = 'right';
2 L3 m* ^  @( ]7 x! B. Gvar yDir = 'down';
1 g% h( m  x8 D# e% a# ?: R* Vvar superballRunning = true;- C3 u( K5 x# D6 [
var tempBallSpeed;
0 v; h0 g7 g1 v' \. x" T8 {6 yvar currentBallSrc;. b+ K7 E7 o: w. T/ U/ F/ S& x
var newXDir;5 q- U7 f' o  L* e3 b7 @
var newYDir;7 e1 ?$ F1 Y/ q4 M% ?" r

% A  X# g7 N$ q0 V" _function initializeBall() {7 R  E7 `# I) h: F
   if (document.all) {, i4 [2 B9 F4 S; L7 |
      xMax = document.body.clientWidth
, y. {5 R: {8 h. k; h, h$ ^      yMax = document.body.clientHeight
+ o6 M& g: a' K$ n      document.all("supertext").style.visibility = "visible";& `9 F9 b7 W0 F( e4 g) i' v
      contentWidth=supertext.offsetWidth! ]. {5 N& ~( t. p
      contentHeight=supertext.offsetHeight
9 Q. m: _- h3 a+ T: m) h) W      }
  H$ Q: s  w: q/ i5 x) a   else if (document.layers) {* u! `: u0 Q( ^' ]
      xMax = window.innerWidth;
9 r7 f, @" I4 D0 ^4 [      yMax = window.innerHeight;1 t* d' I' a6 f- ?! A( F
      contentWidth=document.supertext.document.width
( x) T. l/ e0 f- g1 d& }0 r      contentHeight=document.supertext.document.height
' `6 @8 ^! Z5 h7 ^+ U. N0 J) d      document.layers["supertext"].visibility = "show";
2 N& s  g2 k. n( {      }: N& l% w# Y4 {1 y. k) ?0 R! Y( a
   setTimeout('moveBall()',400);/ ^, L7 l+ e; o% D! v
   if (hidetimer!='')& H, G5 J; n/ W; S
   setTimeout("hidetext()",hidetimer)
% g, o4 R/ \1 [; p! [   }
3 D) O+ Y6 m  v, Q
; F3 l& H1 d0 h0 Ofunction moveBall() {) Z$ |. v% u) N) U7 ]
   if (superballRunning == true) {" ]% \7 P$ F" d. j
      calculatePosition();
6 `2 J/ B0 Q& Z! \, @; _; i      if (document.all) {
6 P; S$ M1 U- q5 a/ H& ~' O5 b: D. _         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 G# d1 j9 D1 T9 D: t: d         document.all("supertext").style.top = yPos + document.body.scrollTop;
1 H" `0 W3 C( G- T5 `8 S         }  N7 o0 R3 P6 v
      else if (document.layers) {! U# c/ ?; {6 j5 h6 @: o
         document.layers["supertext"].left = xPos + pageXOffset;2 |8 G; S* S7 q" D6 s
         document.layers["supertext"].top = yPos + pageYOffset;# C$ x' U" x: D8 U! n& x4 h- s) j
         }/ z0 j& B2 I2 k: B9 n
      animatetext=setTimeout('moveBall()',20);5 y4 I( B0 L% Q' N2 F) }: w) H4 C
      }
4 Q2 K1 g- h7 T; m6 P( b   }( Z6 n- d6 W. v
, }" N2 N+ L  K2 m6 `" a# t
function calculatePosition() {$ j2 h$ {) c8 z  u- }7 x7 Y1 Z
   if (xDir == "right") {
& ~5 P5 \% D/ I* q, V/ Y      if (xPos > (xMax - contentWidth - BallSpeed)) {
! I# g( }; w2 u         xDir = "left";
0 B7 T% M: B" ^' G$ @9 J         }
9 v! Y9 s- V% `: N      }
$ ]# ?, O: T3 K% }2 }9 J! N" S   else if (xDir == "left") {
( {% h1 n3 j* ^      if (xPos < (0 + BallSpeed)) {
) V6 n5 P" K+ V; h6 V         xDir = "right";
% k$ H, h9 v  c         }
9 p9 s- M) P* D( ~% c! H0 D      }9 Q0 ?5 l" G% I. k* R1 D
   if (yDir == "down") {
0 P' ^, g/ C/ O* \' {      if (yPos > (yMax - contentHeight - BallSpeed)) {- u9 |/ p8 G4 h: ^6 {
         yDir = "up";
* \0 Z9 c; f7 \. r, l; t+ s         }( u* y" K( _: d5 d) [7 M) |
      }
$ |$ R/ s. |( j- G$ D8 W9 d   else if (yDir == "up") {) t5 ~! z* i  t! u
      if (yPos < (0 + BallSpeed)) {0 {& T# t) c5 {. p% B4 r
         yDir = "down";
  f& x. N/ v0 U1 X# x( P; _3 z         }
0 |* I4 z+ i6 \) M8 W      }
& ^& r; _0 m+ y, g  d" {* J$ L   if (xDir == "right") {2 |- y. F, t7 z% v& }) o
      xPos = xPos + BallSpeed;
# t) [1 K- j( P, D      }
' H, \5 T- ~+ R   else if (xDir == "left") {$ C4 m( n2 g/ b0 `
      xPos = xPos - BallSpeed;9 J. W4 |9 o8 k# }7 w$ t
      }
! {2 @2 O/ K' N# a   else {
  `6 l1 B( i+ R. X4 i) }9 M      xPos = xPos;. E% b9 V( R8 j6 H8 K5 Q
      }
8 x, L0 l: u! K6 l7 t( |   if (yDir == "down") {
, C6 c9 V0 f6 F, F/ R      yPos = yPos + BallSpeed;: K5 d( X- _( @; v2 D- U" W
      }  k" o9 Z1 E$ u9 G- @  O+ ]
   else if (yDir == "up") {
: g* F, x/ ]2 O* E      yPos = yPos - BallSpeed;
' a! ?' V9 I2 g1 e! c) J. D: j      }
, g$ h% M/ B" }4 [. F" [  g   else {& Z9 x8 b' @- l( q% h# j
      yPos = yPos;, @6 F5 ^; e3 c3 u
      }
* r# w: }. m6 U+ t   }
- k: p, T9 M* c) @# H, S) J+ j1 ^1 G8 g3 @$ Q6 i: v4 v
function hidetext(){
: P0 |0 c: x3 S/ d4 n. Hif (document.all)2 \9 n0 F- t8 Z, q+ c
supertext.style.visibility="hidden"
5 y! F$ Y. O7 E+ R( Welse if (document.layers)4 f' U% Z, q* [
document.supertext.visibility="hide"( \& A9 E! }! H, @4 T) X1 B, k' f
clearTimeout(animatetext)( E9 Y1 q5 U8 ^' `" O
}! j7 x+ m; M' V. ?6 O
2 Q) o8 e+ w, n9 m6 ~3 [
if (document.all||document.layers){5 p# H$ X  w9 q$ k
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 s! k: s. }4 U- `' Z; Bwindow.onload = initializeBall;, l# x2 E! P$ _) ]8 X1 [
window.onresize = new Function("window.location.reload()");
8 i5 N2 T, E) @  w}/ W/ j1 P& H& M) |/ n

2 q6 r4 N5 S# q5 g7 w7 J; Z' b</script>