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

zw2004

<style type="text/css">
/ P; L* y. s' g& L: V4 K8 `+ F#supertext {% \: n) y: P7 p
position:absolute;# q6 b' n- }. H
left:0;, g+ [. a+ {' K- M3 Y6 t3 H
top:0;1 i7 ~9 x8 M5 \$ G2 _* J- T+ q
visibility:hide;1 m: c# F' S" J! z
visibility:hidden;
+ {1 ?9 Y% [+ m/ B}
* f+ E9 h5 z- s) @( A5 N</style>4 t! T- P, M: ?4 n
<script language="JavaScript1.2">7 B% a$ x% r8 o' Y6 W0 f
<!-- 改变下的字体的大小。颜色-->
- p( e& k2 O( ^5 c/ r6 w- c9 dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- m+ w% j5 R+ Z8 c! C  h( Jvar hidetimer='';: W5 O- s& v8 g5 t, ]+ w  B* V" g. R
<!-- 改变下的弹跳速度-->) i0 z) O9 c2 e8 ^0 T
var BallSpeed = 20;$ o- a9 V8 U$ V: \) q
var contentWidth;( G- Q1 H6 q+ @& P7 t2 C
var contentHeight;" r: S5 l" A, y: T" }
var maxBallSpeed = 50;
+ Z; r5 O4 @% f* ], W
7 h. h- B( j% ~1 J0 d+ C( `# X9 }2 U; k" I* D* L. s
var xMax;
2 \8 t: A: W$ l* evar yMax;8 N4 S% C3 m# t; z, M0 E# @
var xPos = 0;
3 r2 }$ B, i$ t: Q! jvar yPos = 0;9 S- \& v3 L! ~9 @1 g4 V& P; h
var xDir = 'right';' B0 _5 j( ~) k1 F: R% t
var yDir = 'down';
6 p3 t5 d* x* b0 Uvar superballRunning = true;
2 |, M0 B8 O1 Jvar tempBallSpeed;
0 H# ?( k4 l; X' r# R8 j1 Bvar currentBallSrc;
0 C# ]: V, a: n5 ^9 m, Vvar newXDir;8 Z  }8 J/ Z( y- O  V
var newYDir;/ p! B7 K( u' Y* K- u( x
; x+ p5 V* d$ [" ?% }
function initializeBall() {3 z: K1 j9 v' V& |
   if (document.all) {; ]) C$ ?! I- N- U2 l# E7 C4 T- H
      xMax = document.body.clientWidth
5 \! v% S5 n, Z1 e- M$ t+ s' {      yMax = document.body.clientHeight8 h, n  [4 ~( e# H1 v" m8 H) o) B
      document.all("supertext").style.visibility = "visible";
! Y6 p  g  h2 g8 ~9 A      contentWidth=supertext.offsetWidth
9 Q" y& W7 X6 h. _      contentHeight=supertext.offsetHeight
# `$ r$ @0 Y% U  a      }
' F/ t6 o& f$ z; Z& G   else if (document.layers) {
) S: g( j$ a! g; v      xMax = window.innerWidth;3 J/ G$ O& Z- |- {
      yMax = window.innerHeight;* J- z) Y# y+ w! D$ ?
      contentWidth=document.supertext.document.width
. P& p6 n4 k6 O, o      contentHeight=document.supertext.document.height0 o# s$ F+ K0 n- n5 v& I& e
      document.layers["supertext"].visibility = "show";3 M1 N% L% s6 ^" P3 U+ j& b) [
      }$ g0 w. O1 {- N( H" j/ }; k: V
   setTimeout('moveBall()',400);
' d& f6 O: Y4 M" w, A$ R   if (hidetimer!='')
/ y; l+ i. W+ g, T8 t3 m   setTimeout("hidetext()",hidetimer)- {: `" q+ C- x, q7 M5 L1 a
   }# S' E9 G" ~" V3 A# M
. _" H- X; g, v2 Q6 T1 H
function moveBall() {6 q7 y. d+ v' J3 b
   if (superballRunning == true) {
! R  v. @' Y" i  {+ z2 [      calculatePosition();1 q. m$ ], J( [; W5 Z) h2 T
      if (document.all) {' f  N1 C; L: A( A* j7 z/ j( N
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
: u2 c$ F0 k4 S# `% w         document.all("supertext").style.top = yPos + document.body.scrollTop;
& y' ?, [- n9 F# `+ l5 @# ]         }( C+ x2 C3 i. {" E8 t; j
      else if (document.layers) {
0 O% U5 ?# V6 s0 U& e' E9 E; m9 E         document.layers["supertext"].left = xPos + pageXOffset;- T1 J2 }: E& O, u
         document.layers["supertext"].top = yPos + pageYOffset;, Y) X! I9 |3 w$ }. m' O
         }% F6 r5 K: N. Y& g% ]7 K
      animatetext=setTimeout('moveBall()',20);6 L! c' R6 }9 t9 y8 A+ |
      }
. L( f6 ~) U5 @; Z: B   }
, }% v0 [; D& U& t
0 ^# u% r9 M8 ~2 Pfunction calculatePosition() {3 n; ^) G5 X' Q4 w/ d
   if (xDir == "right") {
* f* q8 g" v& T% e  T  ?$ Z3 }2 w9 a      if (xPos > (xMax - contentWidth - BallSpeed)) {
* e) z6 \& q  U9 x7 c         xDir = "left";
7 A! Y; u+ Z, V& c% s: V         }" t3 y: P7 u  E( x2 s, _2 H
      }/ }* \' C% ]' P% I* r; p
   else if (xDir == "left") {, u  c# |  a- h% [+ R
      if (xPos < (0 + BallSpeed)) {
; t2 j+ U# a! t. p& n6 @* `0 O         xDir = "right";% R1 E: B# e: U" z! V) R' g" ^/ ^
         }: n. ?: ]$ P7 D, _( F' B
      }& o' j; ~# [! X+ ~( Q/ ]  }2 b
   if (yDir == "down") {8 `, L5 E2 [' l' O. O
      if (yPos > (yMax - contentHeight - BallSpeed)) {& n% a* y1 {2 J
         yDir = "up";
2 }# I# z( b5 g. B- s         }% L- T9 a7 d# v1 r1 P1 D
      }
, Y8 ^8 c& x( }9 d   else if (yDir == "up") {
, ?3 e' d; }% Q' i      if (yPos < (0 + BallSpeed)) {
2 Z; ?' ]# i# Q) t* Y         yDir = "down";/ r* F, `+ S: F- H/ _% \) K/ |) l
         }2 x; v) r9 V( o& C
      }- i; F/ d# g+ f* N
   if (xDir == "right") {
! }2 y) h9 m* ]) `      xPos = xPos + BallSpeed;/ P5 p$ k; o: g1 N
      }- k# g# w, z. {, }0 L* t$ Q- ^; D
   else if (xDir == "left") {
( m3 ]6 {- L4 Q: I& V+ S+ D% X      xPos = xPos - BallSpeed;6 i& ^0 {. l, G+ V* {8 j
      }! ~/ @$ m! T  i) |7 z4 W# h
   else {2 [' ?. _: }8 V/ d" Y
      xPos = xPos;
1 I' z3 L/ S; m      }
+ Z/ S& }5 |( z   if (yDir == "down") {0 `' ^$ M6 X) s7 Y* \* K  ?' e* ~
      yPos = yPos + BallSpeed;; l- q- Y- A6 l3 t
      }
5 Z" C5 ^/ Q& T   else if (yDir == "up") {
1 b0 ?3 g, D$ r- Z" Y& j" ~      yPos = yPos - BallSpeed;
9 y$ L/ ]( G: v: `1 M9 {- S6 B8 t      }
8 C# H$ [. Y: d! @   else {
5 E1 D% M! ]% [8 ?; J( l1 b      yPos = yPos;6 B! ^! N" P1 X
      }  Y. z6 ]& [- Z* H# v+ l. o
   }5 y% X1 ~$ F! Q* \6 O  b0 m

3 v, b& _; D/ }/ {: Pfunction hidetext(){
+ f- L" ?! @, S  Iif (document.all)
+ s; ^) o! n8 w" E: N) {supertext.style.visibility="hidden"
! y1 @, F- K# U( K/ [! n8 l# lelse if (document.layers)3 w% g) j7 i' Z; O- E2 }
document.supertext.visibility="hide"9 W# @& R5 k1 e9 q
clearTimeout(animatetext)
& ~; J+ w/ A& |! r}+ @/ u; r+ f+ s6 a# `( h9 |

. ?8 K2 s4 j+ U, U: A! ~) Gif (document.all||document.layers){
8 t4 |- v5 E4 ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
2 F) F5 Q1 V# ~. _% _8 _0 c# Fwindow.onload = initializeBall;
  C1 \4 S/ v4 B/ U2 Q( dwindow.onresize = new Function("window.location.reload()");
) ~) A* ]& z. A0 U7 T, D}# b$ B$ _# H% J1 A# U, n
, y" h, b5 [2 ^- E
</script>