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

zw2004

<style type="text/css">3 O& d: \3 t/ O  [2 o
#supertext {, u: k0 }! R9 n$ U! Y8 E
position:absolute;
9 c6 E% F( }( ]3 U9 M; Bleft:0;
1 {; n5 N, `! w0 h1 ?: @- [/ ytop:0;- }, i2 _6 R# [
visibility:hide;* b2 A/ {1 o1 U7 y. _1 W1 V' U* e
visibility:hidden;" X- e4 ~0 u$ M- m$ b5 ]
}/ ?0 _' |( e. K8 E8 k2 j; Z
</style>
5 N0 u* x+ H+ i+ w4 K* e* i<script language="JavaScript1.2">( ?( X: k: x' x* h5 c3 p
<!-- 改变下的字体的大小。颜色-->
. d- X! Q1 m0 J; p' i2 |. ~var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 O" S3 p- R+ ]9 i" C7 ?( ?var hidetimer='';
! W' {! Q' ?( }8 `8 Q5 \$ b9 R<!-- 改变下的弹跳速度-->2 c( {  S) l* B
var BallSpeed = 20;+ O% f# J& ^# m$ D' q) k+ O
var contentWidth;
8 A' Y& \/ C# I6 jvar contentHeight;
4 k  F1 E, Y0 g. c# J2 l6 _0 Avar maxBallSpeed = 50;. g* m; J. f0 h! N  R* ]
# @/ P8 u0 X$ H! e2 L
  ], y0 G1 u6 Q" i* z+ m1 m  Q+ v6 }$ D
var xMax;
6 _2 G' @9 P+ e+ d  Lvar yMax;
8 |% f2 `% n& f1 h' [9 r  _var xPos = 0;  B7 r/ J2 Z6 G" S3 m3 o! ]/ c
var yPos = 0;
: _& ]2 l+ K5 b0 A# E9 dvar xDir = 'right';
  L1 F; ]7 Q4 K9 g2 Q9 C8 Cvar yDir = 'down';; n& U5 }' f3 z  s% j  w$ t+ s
var superballRunning = true;( g8 X: c0 ?, v
var tempBallSpeed;7 P9 p' e$ V0 R0 }; f) ~" ]+ o
var currentBallSrc;
# j7 c5 s% P! S: b; Mvar newXDir;
& H' P! K9 g: n" @$ jvar newYDir;8 B& x4 X3 e( S1 Q0 b& r
' p$ d6 v* F  b
function initializeBall() {
; h( Q' X- q4 U4 k+ w! n& f; Z   if (document.all) {
, J+ u9 {1 k0 O- [! s& k* I      xMax = document.body.clientWidth0 H* f( ]$ f$ }  N/ j* G9 @
      yMax = document.body.clientHeight
4 {$ C( k* x2 s* A9 I0 t/ `      document.all("supertext").style.visibility = "visible";
& i" L, d  t* E6 o( Q      contentWidth=supertext.offsetWidth9 x4 V+ z" a% r' G1 _% L& e: A9 q! v
      contentHeight=supertext.offsetHeight
$ c7 y3 V) Z7 d      }4 E! ]) s" A( e2 p7 E
   else if (document.layers) {, f: ]/ D7 t3 j/ @& {
      xMax = window.innerWidth;
8 E, M8 E& L* B0 n4 p9 a& z      yMax = window.innerHeight;
; a( u& z: W0 m      contentWidth=document.supertext.document.width1 j! S) T9 W. p" u0 t) I; `7 z$ G
      contentHeight=document.supertext.document.height5 f4 P3 @7 Y& I0 C, n& I9 a: h
      document.layers["supertext"].visibility = "show";5 B$ ?2 n9 l$ j; `/ X
      }
- G+ U' A2 y- b- U" F! r: F$ Y: ]   setTimeout('moveBall()',400);8 M! l3 Q/ W6 A* d0 k1 t# u
   if (hidetimer!='')
+ f. ]" `- b9 K/ ~) x& l: {9 p8 e0 w   setTimeout("hidetext()",hidetimer)
, w* s4 s+ G( g3 @+ [( K* x8 y$ @   }) X' {6 A$ J5 m9 p, ?. A7 ^& I# u

7 \8 o& W( ]! tfunction moveBall() {' [# }) J) j$ R$ L
   if (superballRunning == true) {3 x4 v' J! P% y" p  _2 k! ~4 n
      calculatePosition();
- m! Q2 z9 O& f" X1 D4 [, L      if (document.all) {
/ m' C& g2 x8 x& G/ w         document.all("supertext").style.left = xPos + document.body.scrollLeft;: h# M  [' }) W* J
         document.all("supertext").style.top = yPos + document.body.scrollTop;
+ z; ^% V/ e, U9 Y: K         }
2 Q# L, b: ]! k$ E' C, }6 i      else if (document.layers) {  Y" M, U8 G0 \# k
         document.layers["supertext"].left = xPos + pageXOffset;
+ \2 I, G3 v( @, O, L% M  w1 W         document.layers["supertext"].top = yPos + pageYOffset;( z7 I' X3 T% T) G$ l2 {
         }& ^7 m  S! C8 ]9 X: S8 M$ B
      animatetext=setTimeout('moveBall()',20);
* `- T: {+ k( S; T: ^1 Z      }
* s, L* K% V9 t5 r8 B! a- T2 |   }3 }* Z& ~. \( ?- t9 ?
6 i7 M  u% k6 U3 M
function calculatePosition() {/ B3 ~% ]5 A$ V5 R( v. ~, ~
   if (xDir == "right") {6 e1 b3 P" q( Q3 O  E2 P5 v
      if (xPos > (xMax - contentWidth - BallSpeed)) {
* s: t- J( h0 R6 k+ x         xDir = "left";
9 ^: v% t& h3 h: W         }
6 C& _  O( @$ q: q      }
. {# t0 U, B4 }$ l   else if (xDir == "left") {
1 D5 S0 t0 ~( M      if (xPos < (0 + BallSpeed)) {+ B; u! }: p# o, L
         xDir = "right";
- n9 d7 F- y: t( C; ~, t         }
3 \+ I6 R3 J5 I2 U. q. ^      }
( [8 [$ v$ j* Q$ u8 }: g( E: p   if (yDir == "down") {
! i( C+ b$ I+ ^6 [4 N  R      if (yPos > (yMax - contentHeight - BallSpeed)) {/ ~( B3 D/ Z; f& ]) \6 j
         yDir = "up";
0 U8 A8 p/ Q; h9 B2 h, z0 j! T1 G         }4 ?8 m4 c, V  b, Z7 t$ G/ ]. P# B
      }6 [3 ~6 s+ D9 k3 f9 J) @. r/ v
   else if (yDir == "up") {
0 ~  K% a' y3 p3 W      if (yPos < (0 + BallSpeed)) {
  [% o( B5 }" I         yDir = "down";% c# {4 z. ^+ I9 t- y
         }4 Z9 w9 G& N% H
      }
# e. ?, E6 _% `$ b$ r1 T' L7 x* c   if (xDir == "right") {* I2 ^, ~( Q+ ?6 Q3 S
      xPos = xPos + BallSpeed;: J* o+ U4 r6 y! x: @0 s: }/ O
      }, T; R5 R, U7 `6 }9 X6 g; a
   else if (xDir == "left") {9 H) X+ y. n/ d. f3 n7 |
      xPos = xPos - BallSpeed;
7 m1 u  s0 P' `$ O  V# ^" u- o      }
; T/ n4 |0 \8 F  z7 n8 z8 S/ Y   else {5 ?" _+ A+ Y8 {% x9 c2 y/ s
      xPos = xPos;
% K) X% X6 v$ V* U  S; }* ~! |' J5 S      }  F! u$ W* t8 t' q) P/ H  b1 V
   if (yDir == "down") {1 f3 X2 P6 ?2 F6 p! U
      yPos = yPos + BallSpeed;- R5 y+ w1 f0 O( T: F; e5 N
      }/ x5 v4 j7 g, ]- f7 b9 m( u+ e  I
   else if (yDir == "up") {
; l& W  W0 \( @: z2 r( I5 ~      yPos = yPos - BallSpeed;
' P1 C' `; D  u! }& R      }( S0 i3 O' ?2 x& J" A
   else {
$ T1 T' R* `0 R  d& g/ Q0 F( ^/ a      yPos = yPos;2 F0 G) Q" h, S
      }
0 D2 Z& i$ u5 H   }/ a4 f% e4 z0 r9 m( x1 h

+ z, t' k. e1 w/ L  |" Sfunction hidetext(){
; i  M# p+ S) l6 d/ Q" {) uif (document.all)  \) s. ?5 g+ {5 v8 m
supertext.style.visibility="hidden"4 }2 M$ m# f* X5 ^- L; j( U
else if (document.layers)9 \0 e9 ]! _4 ]4 F! K9 p3 M
document.supertext.visibility="hide"
  b% M) a. R) S1 vclearTimeout(animatetext)+ C/ A9 S" C0 ?6 R6 ~0 E. c3 B
}; }8 P2 B# [! ^" S7 j
* G( y/ k% m; a
if (document.all||document.layers){
/ A* {% t: p  sdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ g* G  X" f) p! |5 @7 n4 J6 wwindow.onload = initializeBall;
" J. @; M8 F) h' kwindow.onresize = new Function("window.location.reload()");& c& L+ }* Y$ A0 G5 G6 p- O, R) E
}
* }  a9 b/ q- \4 {/ U9 |/ r
1 W* e! R& X' v! Z6 s</script>