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

zw2004

<style type="text/css">
: O6 `2 E) t& v. I#supertext {
" h- _. m; B2 ^( @0 ~0 vposition:absolute;
1 [3 d+ L6 \- e1 o" t! h. Zleft:0;
$ a4 c1 J" s: k8 t" F1 A* Utop:0;
4 k  X( s* @' i# X+ Wvisibility:hide;; G6 a  ?: X' F9 Q1 y1 N$ D. [
visibility:hidden;0 C  B7 o  v2 i2 ?2 K
}
% {5 a7 i) a* W6 ~</style>! x1 {, Y' q, A  j
<script language="JavaScript1.2">, [: r9 f, b( d0 d7 |* m# @
<!-- 改变下的字体的大小。颜色-->/ v& n' e7 W6 {" c  L
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ v$ e. q0 }4 p" H& y' \* t. a
var hidetimer='';
6 ?! m4 |5 W9 g& z<!-- 改变下的弹跳速度-->1 [" L# y. n# \5 j
var BallSpeed = 20;! k1 r1 p7 p  M' l6 b
var contentWidth;
9 J/ z( a8 K; u+ p( G4 i. Hvar contentHeight;; b5 }! F. P. e- q( F- [
var maxBallSpeed = 50;( _% ]/ X+ [$ G
0 y# b  T5 y+ e/ x* k& f
2 S& U* `2 o* Z% ]9 T
var xMax;
; A: ?7 A4 K$ A8 ]# ]4 t4 Rvar yMax;
6 W, t/ ~" w# Q& J7 L2 H5 [4 {var xPos = 0;
% o! w* r1 E; Y' m3 Vvar yPos = 0;
4 J) c6 @5 E' v" P8 X" f) gvar xDir = 'right';
# H/ {! b* s3 i: P4 A- v5 o. ^3 }var yDir = 'down';5 F; X+ l2 z: ~5 \* A$ {
var superballRunning = true;
. k. k) d8 L  N0 Z) N% fvar tempBallSpeed;
; r, w3 h- o0 ivar currentBallSrc;
1 K. L' S) [/ N& M9 d9 Gvar newXDir;! I  v- m/ b7 @& C% \- _
var newYDir;
, {/ Q: ~1 W  r- q' l4 ~6 L; J
- h* K# Q$ V2 {# ]  Wfunction initializeBall() {
$ {  J( T  P/ U! e' W5 e- n/ ~- l   if (document.all) {/ f) Y/ A! B8 S+ _- G$ a7 ~
      xMax = document.body.clientWidth3 A( k8 ~2 a: q: r) ~" i
      yMax = document.body.clientHeight
2 a; M6 S% Q3 r" d! w# p8 r      document.all("supertext").style.visibility = "visible";. \: A# _4 j4 S; @3 u6 @
      contentWidth=supertext.offsetWidth
' D' u0 b+ D% T/ X' |      contentHeight=supertext.offsetHeight
% l: E* L8 s# y# P" c" f      }
$ J; X# }; i7 D/ b   else if (document.layers) {3 ~1 |: {6 f" b4 q* ~
      xMax = window.innerWidth;; S1 v# {4 s/ P) d7 ]6 m
      yMax = window.innerHeight;  a" f8 \6 d: W  j4 }5 @2 r
      contentWidth=document.supertext.document.width5 R/ _( O# I- X. R) [" Y
      contentHeight=document.supertext.document.height5 j3 E0 D, c. X: v) X5 b8 L
      document.layers["supertext"].visibility = "show";
7 P+ a' n( p. R7 v, H) `+ r# p6 j      }9 Q- i- k+ g( C
   setTimeout('moveBall()',400);
2 M8 G; G+ p$ _- `   if (hidetimer!='')- F5 ~; d# O" p
   setTimeout("hidetext()",hidetimer)
" F# g* y8 O8 C+ H5 m% n8 O/ l8 C   }
. m, v+ m% u2 O1 E$ y: y  [
& F% W5 Y- s) L+ L: `) t  xfunction moveBall() {- n3 w1 c* H8 y5 K3 n- ]3 @
   if (superballRunning == true) {
' g% O! ]/ u* p# P* O: Z      calculatePosition();
6 w0 g& a# Y$ ?% y      if (document.all) {
! J. G6 q) i5 }/ t# S" \         document.all("supertext").style.left = xPos + document.body.scrollLeft;2 s  v& r# w7 A
         document.all("supertext").style.top = yPos + document.body.scrollTop;7 G! s2 ^' K3 R0 k# V) o7 R" E$ s
         }
2 b2 J! `; K4 [: S" t- ?5 y  a      else if (document.layers) {& R' _2 [6 _( M% }; w  Q+ w
         document.layers["supertext"].left = xPos + pageXOffset;# V, j- Y$ B2 R$ u  h
         document.layers["supertext"].top = yPos + pageYOffset;
& C! U" {3 D4 S; t- h         }! P5 G' C6 P% \1 A6 s6 u9 T9 k0 ]
      animatetext=setTimeout('moveBall()',20);5 P1 ?  Z/ |1 |2 b$ U4 c6 _; P3 J# z
      }* Z+ `2 m# d8 X% X8 z$ O+ a
   }' Y; L& k! E9 e, n* \
- T5 G. ]2 C5 |/ K
function calculatePosition() {- S: Q5 q+ J7 P1 F  Y
   if (xDir == "right") {
8 w: q. {6 Y# c      if (xPos > (xMax - contentWidth - BallSpeed)) {2 C3 u/ |5 X/ ?- u0 z
         xDir = "left";
9 S% u. ]1 f6 |4 k4 K         }
9 @1 U* Y; T% F' e% D' Q7 l      }
! [' f% e8 y' O7 Y/ R7 ]1 E   else if (xDir == "left") {/ `: G6 n6 l) M
      if (xPos < (0 + BallSpeed)) {& p9 h4 V' J# x) R% _* c1 P
         xDir = "right";$ i5 O7 h) ~* Y% d+ ~! q
         }8 d" x8 X! T" d' l% m! x0 q  d/ z; C
      }
1 a% D8 @! [' b  C$ Q   if (yDir == "down") {
* z$ c' ?5 Z. }' J) M5 ?      if (yPos > (yMax - contentHeight - BallSpeed)) {, v. Y2 s' L, V* v: ?0 R
         yDir = "up";1 w$ ]; S$ H% ]: E' i6 Q
         }' U$ D0 N5 j2 y9 ^4 o# ^0 m
      }$ N/ ~8 \! L. y6 K( _
   else if (yDir == "up") {$ b/ i0 n2 O6 p; ?4 `3 |* Z
      if (yPos < (0 + BallSpeed)) {
5 a! ]0 f+ _1 M6 l$ v' A         yDir = "down";9 u4 f2 v+ U: Y& G
         }0 V; g( K, K6 _: G, d! ]2 G& `: p
      }
+ l) u% t8 f1 k6 i0 Q3 @& T! W   if (xDir == "right") {: F/ d5 }$ n7 p* [5 |8 u0 }7 {6 Y
      xPos = xPos + BallSpeed;0 _* J( M: b+ Y1 f1 P2 V
      }" ]7 p. a6 j/ m8 F+ N% }# z+ v
   else if (xDir == "left") {* K) K7 Z4 b- @; {* B' ~
      xPos = xPos - BallSpeed;
& `6 m% T' c8 o9 t) t      }
$ l6 j( H6 V6 N# w) C  X6 X   else {
! N( x1 |$ B; s      xPos = xPos;$ \  R+ Y# h8 e* n1 y" H
      }0 G' ?% H1 {% _1 j; d) J( Q: T- t
   if (yDir == "down") {5 l' W. u# u! Q! _
      yPos = yPos + BallSpeed;( E5 t; ?/ z, l' p1 c# d* ?
      }
" R8 Y' ?; ^; \" I( U! `# `4 o7 q   else if (yDir == "up") {+ f- i/ A5 t8 D; V
      yPos = yPos - BallSpeed;( r3 r1 M! Z( }& b% G: W% Z+ {
      }( B% r+ X; u+ l
   else {% Q& l6 Z+ D2 |" |
      yPos = yPos;* t( H& N/ q+ N3 F5 B2 L
      }, Y& f1 t' J6 B" I' k, m
   }
/ ]0 {6 K. n8 e, A0 B- l
- V. Q' e( H" G9 h7 b3 e0 Qfunction hidetext(){
2 v& k: l' T8 ~) ^7 a4 ~3 hif (document.all)
+ d7 {1 B2 H% ^6 Ssupertext.style.visibility="hidden"
1 E. b6 t- `3 n8 Eelse if (document.layers)
( ]! X( I/ d; \: X2 }document.supertext.visibility="hide"
6 X$ [) r( ~2 J( F6 nclearTimeout(animatetext)4 f. \8 k" [6 K, \
}
4 E; s- i8 f, B6 ?, d+ w. Q5 P  A/ I$ e4 s9 {( ~: \
if (document.all||document.layers){. h* E6 j9 W/ g( G( P& Y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) W% m1 z5 b" U/ i$ I- T# k9 Fwindow.onload = initializeBall;. h1 a# _2 G- k7 T( G+ }& b% Z
window.onresize = new Function("window.location.reload()");
8 @2 p) o. Y# S4 }, f}
, `: b2 C% n6 `. }  d8 ^/ D" c: l9 _3 H) O4 C  P1 y
</script>