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

zw2004

<style type="text/css">
/ V, u) N3 k* G; [2 U- v#supertext {, D' a# X8 _( l8 _, b% G
position:absolute;5 K0 P  ~7 ^4 \: a$ _* \; w: Y
left:0;
3 G3 I! C8 S6 V4 htop:0;+ ^2 U2 `. A( V+ @
visibility:hide;
; F1 H6 }0 T7 {5 @2 Pvisibility:hidden;
' R& N$ T" Q/ U}8 N/ w0 s1 }  _+ z* E# n& a$ n+ f
</style>
1 n, [5 [4 H8 K# e1 s5 r<script language="JavaScript1.2">
. A; N- x" y4 x8 t<!-- 改变下的字体的大小。颜色-->: s) J8 F  f" Q  K6 f" ]1 v4 o
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& e- M. N' U- b- Dvar hidetimer='';
8 T. D1 s; \  D2 {8 u7 V. G<!-- 改变下的弹跳速度-->. e- `; r* p' z( U- E
var BallSpeed = 20;+ p) R. u# J) s2 x- x
var contentWidth;
% t5 g8 B$ Z+ t) J9 o1 m' vvar contentHeight;0 l3 g6 f$ T" Y0 q3 \- n7 e
var maxBallSpeed = 50;: N+ E. u. `4 \$ z; z5 L
0 ^0 L0 _: g) w( ~3 W
, \. g# r; ]% x1 Y8 p
var xMax;7 s9 N2 K; U$ Z4 p: V
var yMax;
0 W% O, @6 ^. G/ _var xPos = 0;. R) E0 y3 f9 K; B7 F5 I( _8 R
var yPos = 0;
; B# `  A, k2 n1 Yvar xDir = 'right';
! ^& \( R5 p6 Kvar yDir = 'down';, E1 Z2 e- P- z; v3 C
var superballRunning = true;
& L1 Q) I1 j; h/ y# {3 f. `var tempBallSpeed;
9 n' D( }- l% U( Qvar currentBallSrc;
$ u9 a3 ?1 o9 G0 a! jvar newXDir;
: o( y3 M; W/ K( u+ q: k. e' Dvar newYDir;
; s1 \. c8 C3 E' M0 A! N
1 g7 ~4 c2 {. l# D: A8 T) ]function initializeBall() {
: `5 S: n  Q; a9 y0 W   if (document.all) {8 O$ W& p( ~+ E. n- H& `
      xMax = document.body.clientWidth; p+ K  m( q0 \
      yMax = document.body.clientHeight
$ q; ~% B/ H8 I      document.all("supertext").style.visibility = "visible";
7 v5 d- R8 Q; }8 c      contentWidth=supertext.offsetWidth; a. n0 ?( b" h) v. J
      contentHeight=supertext.offsetHeight
: E8 z4 S% T+ m. ?8 {+ U      }
! W$ k$ X1 Z1 r6 ?% W- o   else if (document.layers) {
, Q# ]5 i+ I) d7 A/ j      xMax = window.innerWidth;( i" C1 j# \' A
      yMax = window.innerHeight;2 U) i2 h- @  R- [& V
      contentWidth=document.supertext.document.width
7 h" [4 w4 ^, x4 G+ P2 Z5 E      contentHeight=document.supertext.document.height" I8 n2 R: F4 I' E
      document.layers["supertext"].visibility = "show";4 K2 p1 a" c- P. n0 a" ?, X0 K
      }
/ D( P4 g  o8 U! H. Q   setTimeout('moveBall()',400);
2 Z9 O9 ?5 r8 z; D8 z, a   if (hidetimer!='')6 ^) @& Q9 [- n2 c8 @1 J% U
   setTimeout("hidetext()",hidetimer)
0 _& \$ n9 i& x/ J   }
7 l+ c0 O+ b# P( K/ C  N, J2 F& e# a
function moveBall() {# I" H2 @+ l, C
   if (superballRunning == true) {
* ^7 M- ~. i/ X3 i: a      calculatePosition();
" v6 g0 f" X+ {2 P$ }) R0 P$ |      if (document.all) {
  l) @! h7 i. S3 R0 A6 I7 P         document.all("supertext").style.left = xPos + document.body.scrollLeft;* x4 g4 m3 Y- |$ K: f, c
         document.all("supertext").style.top = yPos + document.body.scrollTop;( G# D0 f  k/ a- F; F: h
         }
; `3 q1 ^* g" L  \: u      else if (document.layers) {4 X1 u. |( o) N# L
         document.layers["supertext"].left = xPos + pageXOffset;
" `/ W  R2 P# Z9 a" ~4 o         document.layers["supertext"].top = yPos + pageYOffset;
0 Z# Q7 v3 n1 H2 Q# Y8 ^         }
# |+ m9 z+ P2 \7 J& B      animatetext=setTimeout('moveBall()',20);4 D/ M, h; d8 |3 Z
      }1 x4 y5 r4 ?' o5 g( b
   }
. @1 j  D  _1 n3 A! r- {8 V, J0 H5 o$ {$ a) S) ?
function calculatePosition() {0 m; ~' [. x; ]7 G3 g/ H# @
   if (xDir == "right") {8 E5 P# m/ H/ J% q  }+ U- A
      if (xPos > (xMax - contentWidth - BallSpeed)) {
, r. e+ ?% s6 ?         xDir = "left";
$ u5 d- {$ D! \! P( p/ j# R         }
1 n' ^2 \5 v5 p. b      }' `- _9 {) R# G7 R! R6 l3 g
   else if (xDir == "left") {5 |- [3 [3 u8 m& h; N; Z! S/ ~
      if (xPos < (0 + BallSpeed)) {
2 ]& ]* V/ _  Y+ I         xDir = "right";" a. f2 ^2 Z( `$ }  e4 ?* v
         }
" ^/ e9 N7 n1 I4 u9 Z3 s, Q      }
) P! ^* I: Q: Q. n1 z# c   if (yDir == "down") {
* X. Z+ X* L! E      if (yPos > (yMax - contentHeight - BallSpeed)) {1 {1 Q% ~; b- D4 g  Y4 O# z5 h& p) M
         yDir = "up";
: N% u$ T5 Z; u9 |$ q( i" J         }
$ I' _* q& ]2 L' ]1 K# {4 q      }  n1 L  R) p4 v( `
   else if (yDir == "up") {
/ r; O2 q+ [7 k0 J/ s2 j      if (yPos < (0 + BallSpeed)) {
; q% Q/ J! _/ l' t1 j1 _         yDir = "down";$ h8 `+ y% ~/ L/ E' ~. x
         }+ K5 B2 d+ N" `
      }
4 P: `: [+ K$ I+ H: ~7 ~   if (xDir == "right") {
' s+ F: q# C* s1 m      xPos = xPos + BallSpeed;
, V- f) R( q6 K' c      }
) l/ {4 o& O) m" u8 ~   else if (xDir == "left") {5 O0 Y5 M1 o# e# i
      xPos = xPos - BallSpeed;) C  B& o0 Y. H  z* A
      }) y* ?  u" p/ ~9 {
   else {/ T2 W7 O2 K9 O" \# l; X8 H& ~
      xPos = xPos;
* [5 P4 k  o; k9 l6 T      }
  M9 t$ }8 P: C5 Y% c; y/ i6 Y   if (yDir == "down") {. U6 Z7 @; a# s8 l# ~; C( y
      yPos = yPos + BallSpeed;
' Z( p2 K! u0 p. F" n1 M# w      }! N5 N) U2 G, [2 Z* q( T
   else if (yDir == "up") {
5 K, \5 J: k' ~; q/ k: }; K5 H! j      yPos = yPos - BallSpeed;
9 F: Z3 y) m  H/ N$ m, I- L      }, _4 i5 s# j( v3 D- f) S3 Y
   else {
% a! U( j7 [5 O6 S6 a1 u5 p1 g      yPos = yPos;3 [- o' B$ w( T3 Y0 `1 g
      }& A& I2 |6 O4 q, ]9 N  s/ V% I
   }
6 N+ w8 W4 Z# m; C. z
) j9 S- A2 e8 ^' h9 jfunction hidetext(){" }1 e# e: b* B$ b) k; ^$ @5 W# d
if (document.all)
( V4 j3 X  o( h  r" Esupertext.style.visibility="hidden"  S- m6 B: c' }" X9 g
else if (document.layers)) |9 y/ _" n% S( @5 P4 ?+ U
document.supertext.visibility="hide"
2 n& U$ S# m/ bclearTimeout(animatetext)
9 z5 c1 e# x2 e, ~) @( M# k' \% N& c! x0 D}( ]& I( P& d- W4 |* H

  {( d- U5 l, o) Yif (document.all||document.layers){* j5 \' t) R( W* P4 r
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 I' n; h5 c- J6 e$ Uwindow.onload = initializeBall;
- R$ Q& p, r8 A2 w& wwindow.onresize = new Function("window.location.reload()");
+ o+ _  k6 n8 U. r5 i}
" r' |# k  @( X" \( |
& u8 K  `$ M* Y$ z' M</script>