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

zw2004

<style type="text/css">
' F  O+ R3 R4 i* }5 U( g) n+ t# R  g#supertext {! G- X1 W9 H  O, F  |9 a1 ?# [
position:absolute;& j; A+ H) s" c
left:0;& h6 m" E6 P, j& E5 D* m8 Q* P( x
top:0;
, ?: u. [; S. J- dvisibility:hide;
% R8 E/ T/ _6 m/ V. uvisibility:hidden;0 J! O; G( t1 `; K  Q. h4 v, k
}# P6 `1 B4 b, r( W9 s
</style>
  V" [5 E: ^. p9 K' T<script language="JavaScript1.2">
* S; x* H6 o! |<!-- 改变下的字体的大小。颜色-->5 ~$ {3 M# w  n5 m4 |
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 y( b/ _7 p0 C( N$ c4 `% a" Kvar hidetimer='';6 E* h9 l/ V0 U! ]
<!-- 改变下的弹跳速度-->
; y% G% x; p7 u# Cvar BallSpeed = 20;* u! L! y% [2 Y5 v5 ]
var contentWidth;: q* w$ I4 T7 y4 ]0 E, `
var contentHeight;% O. J0 G# u, A/ P3 H" a
var maxBallSpeed = 50;
) B7 e; E; x% t5 l) ^: T5 ]. Y
. t! k. p" W6 K: s  j/ H3 u( x1 q, J  ~  }+ i2 X
var xMax;: v9 B8 p4 E8 E# k4 |
var yMax;- s/ w! r- w3 s
var xPos = 0;* \- o) q/ N3 T; d
var yPos = 0;! @9 \& L6 u$ D* I
var xDir = 'right';0 @' f9 x& M1 U
var yDir = 'down';1 ~) r6 ]) ?. K2 m
var superballRunning = true;+ s$ o  B* t3 u8 p* Y5 h
var tempBallSpeed;  C: }& Z( ~3 D  J4 V% G, i
var currentBallSrc;
+ f& r$ p. ~5 Z* z8 i! ?var newXDir;
) e" J0 s& j. W7 ?% _* rvar newYDir;5 m& R" w. a6 u( t) _
1 ~) e* Z5 e$ C6 H1 u: \
function initializeBall() {
7 u6 z5 @8 Q4 X# Q/ _1 M   if (document.all) {0 @4 N# ]  A8 n) b
      xMax = document.body.clientWidth6 @  J3 M* H5 P* ~$ s  K8 T8 M
      yMax = document.body.clientHeight
2 w4 c- S8 @' _) P      document.all("supertext").style.visibility = "visible";
% n* D! w1 Q3 s% e. }$ W      contentWidth=supertext.offsetWidth
* ~* T- l4 W/ w: H" F6 h& p4 y      contentHeight=supertext.offsetHeight- h. r0 g! ^2 c& P- B4 I; L
      }$ O& w$ x! p2 |( J( f4 @
   else if (document.layers) {- m- ?0 F  F5 e9 e, D2 u
      xMax = window.innerWidth;2 ^7 Q# t! P9 [! f& B" M
      yMax = window.innerHeight;# B/ d* E& W& d3 p+ J- l
      contentWidth=document.supertext.document.width4 J) X5 l; ^7 V8 l
      contentHeight=document.supertext.document.height/ W. b  |% a6 ]% F, B4 D. l
      document.layers["supertext"].visibility = "show";
. Q( m+ \* N( T$ c2 G% a& c: j# N      }
! T4 |; [4 ]' W: z$ P4 J* |- C   setTimeout('moveBall()',400);
9 g$ k' O$ V, d2 {5 M; }# A   if (hidetimer!='')
6 L2 f" r6 R- t( o% R   setTimeout("hidetext()",hidetimer)
& |3 e! h) k. o9 e% _  D) W   }! }1 e- U) B" g+ X
) k0 h+ e' L7 u; j1 Z0 s/ g7 X
function moveBall() {
- `! ^! g: k8 J) g) Z   if (superballRunning == true) {( E$ d& e- F+ }! [
      calculatePosition();- o9 o) ^/ m0 n- [3 U4 c% S: U
      if (document.all) {
$ D# `" C) j6 \( o, Q         document.all("supertext").style.left = xPos + document.body.scrollLeft;
) u2 I, p% t+ X. Y         document.all("supertext").style.top = yPos + document.body.scrollTop;
- ]) h% y! j# ?         }
3 u$ }  H0 p! H* H9 k# [' ^4 j      else if (document.layers) {8 M* r9 \% J, ~2 P2 {
         document.layers["supertext"].left = xPos + pageXOffset;
- U" I  q$ f& @  R6 F( h2 b9 T         document.layers["supertext"].top = yPos + pageYOffset;0 b; E1 r0 m$ U8 u' ]* D  D, N
         }
4 _4 I6 f. l! T# x      animatetext=setTimeout('moveBall()',20);7 ]9 @" X3 y. l  I
      }
0 M2 }0 _) G8 g5 J/ P% V   }
, @5 U* W; g4 `% T5 @
0 Z9 G, U, `8 |: E. i) vfunction calculatePosition() {
+ s) h: ~$ A% j: q. L7 |   if (xDir == "right") {# ^4 N. J5 r5 Z* _) ~) F
      if (xPos > (xMax - contentWidth - BallSpeed)) {' C2 G% \6 [, i; B( ~) O# w
         xDir = "left";
% X  a( {/ s8 a- D9 q# L& o2 Z         }+ O" v2 F! e( Q! n; ]4 @* R
      }
: D- F7 k6 y+ [4 w3 V- ^- n   else if (xDir == "left") {
# b* f% W# U) z' O, J      if (xPos < (0 + BallSpeed)) {
2 _2 j* z" q5 m1 @         xDir = "right";
2 n  f5 g! X; j+ L         }
2 o; q, D# \# i! U& o      }( O" j: H1 ]6 ]7 L; s
   if (yDir == "down") {
- v. b, @0 l. V2 J/ v      if (yPos > (yMax - contentHeight - BallSpeed)) {
8 j( @/ \4 K9 p+ O         yDir = "up";% \7 a7 J( d: h. g# b
         }$ @$ t  ]/ Q3 ?. c, ^
      }  W! N/ g0 c0 S1 D4 z
   else if (yDir == "up") {
3 I, h; T3 E; l      if (yPos < (0 + BallSpeed)) {
' Z6 c" t; }; p         yDir = "down";! }  y* h+ O2 F3 j% y
         }$ [& j. x3 m/ G" T. c, K5 o/ S
      }
& ?9 U% u* H- P6 o3 U7 X* K   if (xDir == "right") {
0 B: n- {/ {9 h1 _4 k      xPos = xPos + BallSpeed;/ p+ `% g* I/ Y/ ^6 Y
      }
7 ]5 q- [3 z9 c  d) p" D$ @! x- ?   else if (xDir == "left") {
1 b6 s7 j: K; o7 Y      xPos = xPos - BallSpeed;
. e. W* D+ C7 I; H$ _      }; l* P" f3 }' O  K5 w
   else {
. g& x: p! o( a. z* v) u      xPos = xPos;5 `3 i; r: R& B  p- e; U! Y
      }7 t- E5 S8 e4 {5 c0 T
   if (yDir == "down") {
: B- m8 H- R: Y, }6 s& j      yPos = yPos + BallSpeed;
- I- t2 S6 ^7 V0 b      }
; k4 R5 n: F& [. t+ U/ k   else if (yDir == "up") {
0 O* W! T+ z' k, z( `) M      yPos = yPos - BallSpeed;5 Q6 M5 S' B, I
      }
) `/ J3 R% R% t* [9 y   else {
6 m+ `4 E& E1 Y4 G0 N      yPos = yPos;) w3 Y" W' V6 d$ |# z. F3 J
      }5 ]! A/ c  w- k# K/ K$ v" c
   }- F5 d6 C4 x- P/ O0 M

) ^! \4 ~/ T" M  e* f  Wfunction hidetext(){
+ A; X" Q7 R6 b7 P* _8 Xif (document.all)4 {) U4 K( j# x: D+ G
supertext.style.visibility="hidden"; ~1 N  F5 I9 O" {  b( V0 |1 Z
else if (document.layers)% ]7 ^$ D  X6 ]- f$ L. }
document.supertext.visibility="hide"
3 r  j4 _6 v3 h8 W* l6 C1 ?clearTimeout(animatetext)
2 E- w: B0 K, ?1 N/ b}9 X. S# v2 ]/ n+ j8 ?

' F. t; N/ G# ~& {6 [  Kif (document.all||document.layers){
- \! C! t. P' l  \4 y, v8 T  fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ X+ E( o+ y! twindow.onload = initializeBall;# R2 P, W: Y+ y: E
window.onresize = new Function("window.location.reload()");
) B; F, w. L; t6 O( s# q+ \! G}
) Y6 N1 y8 y8 m+ B6 N4 S1 C5 U/ b$ U) t+ s
</script>