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

zw2004

<style type="text/css">4 y2 j* l1 N+ x% F: e
#supertext {
0 p# t6 L, f4 q' L2 mposition:absolute;
  t) p4 p4 ^- ^- P3 [left:0;3 @+ {4 B, S& d" t0 N
top:0;
* o* D9 M$ B$ G. }4 avisibility:hide;% D9 u4 l* c  _2 q. U0 ^8 B- \1 H2 e
visibility:hidden;
+ d) g8 z0 G: e, ]! V0 `" Q4 j; @}
" ~+ m; y8 P* a( _3 H( w$ g</style>
5 n( p* ?' y1 O<script language="JavaScript1.2">
  x4 w1 H* b9 i  t4 R<!-- 改变下的字体的大小。颜色-->7 u; Z2 T& a" ?  f; Z0 D
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 }% o8 u3 E, i8 S- v% ^6 U
var hidetimer='';
) k2 Y/ \1 N  U7 B. J4 m<!-- 改变下的弹跳速度-->2 G' ?. I5 L5 W2 v% b# K3 k
var BallSpeed = 20;
5 Z8 C1 z" t+ @& B, rvar contentWidth;/ a; @9 j, @* A. K# }5 u
var contentHeight;
- v# x6 w1 ~1 V9 S% q/ K7 vvar maxBallSpeed = 50;2 J7 n% g9 U( e. u: U
- f, f' Y/ A2 r! O- e$ k' H

8 [8 }5 }) s; i" f; j! s9 ?var xMax;4 d$ _! ]3 u" n, d9 D* p& c
var yMax;
7 B' {$ D3 G' R1 P2 w$ j7 N) D' bvar xPos = 0;
3 d, I$ E: c6 u- N9 Z) Mvar yPos = 0;+ U0 {+ d9 K7 N/ }, x
var xDir = 'right';) C* a8 x& W! `0 N1 B7 s  E: i
var yDir = 'down';
* X; A/ U3 b+ @- [3 I  _% Nvar superballRunning = true;# y5 }+ @9 p% Y5 r
var tempBallSpeed;, F0 B( z4 x5 _5 [
var currentBallSrc;
# p8 j2 y/ O8 ~. ]" }+ kvar newXDir;8 R# z5 F0 e' k3 u, S0 C  P5 o
var newYDir;8 J( z9 S8 O' I7 h
! x. ?9 k3 t! `( G  Y# H
function initializeBall() {) r( e! Y0 K3 |. y4 J5 |( |+ s+ u
   if (document.all) {
! [8 d9 ?" |) G8 L6 ^7 g' Z/ @0 d      xMax = document.body.clientWidth
( ~  q- h: I- S4 ]' l      yMax = document.body.clientHeight
  Q! v+ l! ^1 R7 B6 t/ w      document.all("supertext").style.visibility = "visible";& T; y/ b1 ^; z2 M# A
      contentWidth=supertext.offsetWidth2 H4 N2 r8 s2 g- m( [2 H
      contentHeight=supertext.offsetHeight
+ a! ?# o) U: W+ H$ a4 o/ {. y* w      }
- l7 ]2 G' Q5 b- U   else if (document.layers) {
2 B, H" d0 G. q3 M+ J5 G      xMax = window.innerWidth;' ]8 }1 s; {+ o
      yMax = window.innerHeight;& J! I$ U9 c& c  m3 P% x, X
      contentWidth=document.supertext.document.width& E2 {, a( w) r
      contentHeight=document.supertext.document.height
: q% r$ y9 B. d2 h# v, y6 P, }. N      document.layers["supertext"].visibility = "show";$ Q# h2 U# p( P1 f8 g
      }
( D& Z2 Z- `7 G7 n9 D1 ]. Y   setTimeout('moveBall()',400);
% }* \0 C2 G: |+ ]$ g! M, T   if (hidetimer!='')
) M6 C. D+ ?4 Y/ v8 P   setTimeout("hidetext()",hidetimer)
3 b. M9 a' q% y: N+ K' n; M   }; y* E0 f1 ~1 |! O  l+ e9 n/ ?
5 l0 c5 o5 C) ]
function moveBall() {) s; M. P, t2 ]/ s  D4 P  [4 G) {4 y
   if (superballRunning == true) {
* i" [: W+ f: _- l  L" I      calculatePosition();
9 {; r+ A! e/ y3 Y6 Z      if (document.all) {, f3 {% V: g6 ^* i- f
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* o+ Q7 g6 y3 P+ ^         document.all("supertext").style.top = yPos + document.body.scrollTop;
9 K6 K5 {$ u- ]6 M9 k         }
; e: A' g3 [. r% Y& P, ~      else if (document.layers) {  L9 [$ Y) _# Q& K3 {/ O
         document.layers["supertext"].left = xPos + pageXOffset;+ L/ @* {; E4 @& |/ O$ B, i
         document.layers["supertext"].top = yPos + pageYOffset;5 H1 z5 Q4 O! j9 I6 p
         }
1 w: ?+ p7 L  s; b" o5 @- e      animatetext=setTimeout('moveBall()',20);
4 I: u9 V5 Y8 B' _7 C6 z2 [1 ~      }
, H  Q0 b. X+ m/ H( P* x& m   }$ s6 a( A6 U  X, t, F; f
, ]4 H5 B0 k! c8 ]. C
function calculatePosition() {
  m2 o4 N% v, Y6 p) G0 c. m   if (xDir == "right") {
+ ^& z* V, N6 E2 C* h+ D* x7 B- z4 i      if (xPos > (xMax - contentWidth - BallSpeed)) {5 N" t: B. e. f2 y  K) N# G" H
         xDir = "left";+ [, d1 z! n" N5 ?4 i
         }; [" z+ |% h- a+ ^( W; g0 `. G
      }4 c4 `. y8 _" ]# n5 p
   else if (xDir == "left") {
! s" i# d( t1 |      if (xPos < (0 + BallSpeed)) {; v# ?$ Q2 V+ p  _% r8 ~
         xDir = "right";
+ Q, @# Z% b& h& F& {7 l' b         }
+ B5 Q  d9 F4 B      }
, t) a' X+ ?2 R+ k9 Q: L5 `. `   if (yDir == "down") {
9 e4 m# h: p  U" w4 o5 h      if (yPos > (yMax - contentHeight - BallSpeed)) {9 c# s# h( p& a3 O" s6 @& b7 k, \
         yDir = "up";4 l' Y+ M3 Q1 H
         }
5 y) A' j3 k8 E! P3 Q      }
& g/ ^- O3 }5 `7 C   else if (yDir == "up") {
" J# K# ]2 h3 {$ j      if (yPos < (0 + BallSpeed)) {6 s6 L( w0 a* v/ K- ]( @
         yDir = "down";' q: {! S/ H( Q0 o9 m
         }5 |, h8 y: {  O1 j# [# \
      }- v, w& Y& r5 |, B" @% h% ?: X
   if (xDir == "right") {& w; B; {8 z2 E" G( P% X# x% u
      xPos = xPos + BallSpeed;% Y8 f5 o. c  S5 N
      }( d' ?5 i0 D  c
   else if (xDir == "left") {4 j; ?+ z* f# u7 A
      xPos = xPos - BallSpeed;
) s' w4 T( i+ g, E      }' P; b, }& ^+ j6 H2 X. \
   else {
+ W: h: p2 {! A+ E! c" ^      xPos = xPos;8 `/ e- ^7 ^: y) _
      }: `8 D" M$ u2 N8 z& H" S
   if (yDir == "down") {
0 T7 g: q  E6 W8 H, g- X$ z% b+ q, |      yPos = yPos + BallSpeed;
9 s. `6 p+ D) U      }. J: R4 ]' U- ^. [0 i0 G; o
   else if (yDir == "up") {
1 Y( z2 f2 G. c1 f" z      yPos = yPos - BallSpeed;
$ t  m4 i* m" m      }
0 {" |% m& p( M, S; }1 M4 p   else {
% n- \( R% Y3 s2 n- q4 E      yPos = yPos;
7 I; q0 q' m6 L5 ?      }
2 ^6 E5 `) B1 ]% R, z) F6 W+ |! L) n2 U" m   }  x  ?6 `1 w% C/ B; @* e2 e

4 H" L) W& l& P6 ufunction hidetext(){, @- V" x! ^, d, x$ h; X' B
if (document.all)
& h; ?2 {# G- dsupertext.style.visibility="hidden"
; |7 _' B+ F7 R$ Velse if (document.layers)
# M% K0 V: R$ C7 ydocument.supertext.visibility="hide"
) x7 o/ v" a7 Q' f. a% h6 q/ |clearTimeout(animatetext)
. f) F5 R5 V  j2 H}
' s: v0 _  p' b0 G" t& U2 f' P, W! {9 x1 r+ Z: N, @* h1 J  o! B
if (document.all||document.layers){
% o3 {$ O7 f6 B0 z% jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
/ F5 [4 M' X0 S1 A$ r3 T4 l9 Bwindow.onload = initializeBall;& y( B  G& T- h5 o* I. e
window.onresize = new Function("window.location.reload()");9 v# h  X) Y1 `, P
}
! G7 J3 A* [9 p6 x3 L
: e$ I1 L  q6 l9 t3 z, `, I6 _</script>