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

zw2004

<style type="text/css">
1 H2 U5 m0 w: x" S! N8 l#supertext {
& [7 k# x9 a! x  Z) y9 |2 {position:absolute;% L- G; S( \' }0 o
left:0;
& J3 f( l+ R9 i. t# |top:0;( @0 [1 C2 j# F
visibility:hide;' G* X5 n& d; [1 C# @! U3 h- ~% ]
visibility:hidden;
, j5 G0 n, a7 {5 d& [. d; x}
3 [- c$ q$ i* C</style>: F$ N) Q: K, g
<script language="JavaScript1.2"># z1 p( o/ W/ h: _: o6 r. L: z6 B& b
<!-- 改变下的字体的大小。颜色-->3 b- z9 H* R2 J# Y
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 N9 e: \$ @7 r. P  t( Yvar hidetimer='';6 C6 U, }# D2 S* f/ }
<!-- 改变下的弹跳速度-->
  B8 K5 O0 X9 C, fvar BallSpeed = 20;
8 N$ H* h1 L; H( Gvar contentWidth;
  t& P; A" l! o7 C: Rvar contentHeight;4 B$ R- O* A% O1 ?' z* S8 p; Q: X' b
var maxBallSpeed = 50;
/ v2 e( w; u0 X* W5 }5 Q
% R) k- M1 k2 y6 h6 ~  p' m, Y! }, E
var xMax;* Y' L0 l9 B3 T( }
var yMax;; o. z2 F9 X" s1 h, S
var xPos = 0;& w# v- n6 u3 x. q+ `2 p8 T
var yPos = 0;+ L# ^# I, M/ N$ f: L1 q3 b
var xDir = 'right';
# W9 u7 X3 f+ F3 _) s; ivar yDir = 'down';
+ x4 P1 O! w, z! evar superballRunning = true;) |5 \4 z& d/ w
var tempBallSpeed;" J0 w4 }) J5 i
var currentBallSrc;* b& W! I0 d5 R
var newXDir;
5 U7 l8 ^  Q1 B  `4 Avar newYDir;
+ i& b. r* w+ R3 g3 K% ~" `0 O# g( \5 Q5 `" K3 O5 f
function initializeBall() {. H% H4 O$ [# ]" [
   if (document.all) {/ R6 v/ Z8 ?3 j, \+ C$ o/ w2 Z, E
      xMax = document.body.clientWidth* O" @+ e( Y: g* `
      yMax = document.body.clientHeight$ X1 C; `; L% t% g+ X5 j
      document.all("supertext").style.visibility = "visible";* h: @/ _3 P5 t3 v% N6 r! M. u: b1 e
      contentWidth=supertext.offsetWidth4 @, [/ I, @5 f! J8 E) ^$ I" ^
      contentHeight=supertext.offsetHeight
2 @* A. @6 L5 k- h      }
( o7 K% X! i, t& G9 T: J- T2 U   else if (document.layers) {) h1 m) ^" g2 X; z" v! r
      xMax = window.innerWidth;
" H- }* b- u' h% B0 }      yMax = window.innerHeight;
+ F8 h/ f" M( y      contentWidth=document.supertext.document.width$ U/ o; F1 K% p$ ]2 j, f. [
      contentHeight=document.supertext.document.height0 e6 K4 V& z( ]1 |' o& J
      document.layers["supertext"].visibility = "show";* ^* E/ s( ~( s$ i, {1 o, J
      }
. U4 W# \% p5 O1 v4 N   setTimeout('moveBall()',400);
- h: M% ?# W( K/ e5 \1 J' d8 _   if (hidetimer!='')
( j/ E8 k2 m+ h! _0 B, f   setTimeout("hidetext()",hidetimer)! D& v8 h$ b* J- k5 A; v
   }
( D  w7 `% e+ y4 b+ v
; M' c' c1 [5 S- Gfunction moveBall() {
- ~. Q9 t3 w, q! _7 f/ b   if (superballRunning == true) {
% o+ x1 E2 v+ j  G/ f5 _      calculatePosition();
3 z: a$ o+ ?: h( |  C: }/ a2 A      if (document.all) {6 u5 [: Z1 s! w
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
$ v# x- l  L$ s         document.all("supertext").style.top = yPos + document.body.scrollTop;
2 q" N# x2 {( N! b         }+ N8 K' P6 N$ {, ?
      else if (document.layers) {
& n  ?& D( m3 E  D$ ~         document.layers["supertext"].left = xPos + pageXOffset;
! f! \2 Z# t2 R; O5 n5 ?/ y, r* N         document.layers["supertext"].top = yPos + pageYOffset;
, }. F6 Q0 B1 g  h9 q. q         }
; ~9 M2 a% M3 z! }, M3 b; I      animatetext=setTimeout('moveBall()',20);
$ M2 E3 q5 I& N" A0 q( @      }
6 ~0 p1 B( o% }$ ]4 V   }9 `$ T4 _" J. \9 a8 C8 v

* T" v' m: l5 \6 j4 g( g5 xfunction calculatePosition() {
2 h  Y  L# Q# J8 X   if (xDir == "right") {1 a& X' y. Z- V5 q
      if (xPos > (xMax - contentWidth - BallSpeed)) {8 D( u  c& n  b# p. A; y( @
         xDir = "left";
  Q3 N7 _. _' ?! R9 H         }# t2 G  ?9 Q3 c
      }* z$ n- g: P% `/ v
   else if (xDir == "left") {
0 ]7 G, h. p3 w, o7 U2 u( L6 ^3 T      if (xPos < (0 + BallSpeed)) {/ d" w( _& a# v: a  `, G
         xDir = "right";+ R5 J. B+ J, B& l7 p4 p4 Z; X
         }* L, X/ _( N- c( `8 S  _
      }4 m# R( N4 j3 `4 U+ ]
   if (yDir == "down") {
% b4 C! {. B4 P4 b      if (yPos > (yMax - contentHeight - BallSpeed)) {
# Y3 D# n  i3 q3 n) W: N5 a/ H         yDir = "up";0 e! N2 v8 Q- w' s0 U
         }$ l) x' e/ [% ?
      }
* [' @$ j7 x) G' e1 f3 ^   else if (yDir == "up") {2 n7 `; ]# V" K) {8 A
      if (yPos < (0 + BallSpeed)) {6 n6 ?6 F0 D9 s3 i5 `. C
         yDir = "down";8 z6 ?, `( C. @- {  c1 k5 L
         }* J& Y, T) Q0 x6 O/ v" _
      }4 p6 P2 g4 m+ H% R9 t: s3 c
   if (xDir == "right") {
5 [2 S% r4 f' h      xPos = xPos + BallSpeed;/ w! @$ ~% Z3 [1 h# D
      }
$ ]* p, t  Q2 l; x7 c   else if (xDir == "left") {
6 C5 l' R5 L: V# i      xPos = xPos - BallSpeed;8 x& y2 F6 R, v' W
      }
/ K) z! ^4 t" L, j- I1 ^0 g   else {
# u: f4 N: D* _, W      xPos = xPos;  }$ U6 Y* q$ l8 U/ r/ ^6 z
      }: `$ y( \7 i  [- e& q
   if (yDir == "down") {$ u# R7 J* b4 j3 v4 n3 m% b( }
      yPos = yPos + BallSpeed;% h8 m4 @  R8 j- i6 x3 [; Q: N9 k
      }5 B0 k+ M$ L( x( c4 A; g" ?
   else if (yDir == "up") {
! {+ @/ N' A" H; v( c, v      yPos = yPos - BallSpeed;5 l* l: i& l- F! v0 Y1 @
      }
4 L2 j% {/ K! P8 l   else {
" }( _$ j3 A, [# Z1 q      yPos = yPos;& g1 m# A. @1 c
      }
) W- o9 Q# Q: }/ L( b: F   }
* ^8 y* k- ^/ E4 D5 u$ B8 U2 S6 m7 t. m0 H/ I
function hidetext(){' y# o4 o( k% Z; a; s, ~
if (document.all)
2 P  d1 m& ~/ {/ Y/ T+ ]0 s3 fsupertext.style.visibility="hidden"( t7 r! z/ x6 h- H
else if (document.layers)
. N, k3 v* ?4 j5 `% n% Y5 w4 wdocument.supertext.visibility="hide", t7 F! Q& Q$ \% a( r/ Q$ y
clearTimeout(animatetext)7 \3 f: s5 A6 K: b
}/ U# |; a7 N% v3 `% B) L! \
6 `" S; T+ Z. [: D+ w& {% v
if (document.all||document.layers){0 |/ ~4 ~9 u/ Q9 M; C' ~2 h" e
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')* N! Q9 i8 H- {1 [
window.onload = initializeBall;* w! G' Z' e* }9 g6 e2 _0 F
window.onresize = new Function("window.location.reload()");4 `: @+ b( h+ G. L
}
  z6 P9 Q7 x0 p+ @1 b4 X! m2 ~5 G5 V  @4 C' ?
</script>