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

zw2004

<style type="text/css">9 y  u4 I8 b7 `6 `
#supertext {% p( g) P/ u' I+ ~
position:absolute;
! ~) Q9 e4 c3 sleft:0;. i* R1 x0 m: H
top:0;
2 G6 ?- v9 S- t) Kvisibility:hide;
- L: `% x4 I; B' C+ m, hvisibility:hidden;* Q! H; a# y. n7 x+ u2 H# l/ ^
}
1 S9 R$ F" Z$ X4 y</style>& O  t; i3 f. ]/ i) K. \
<script language="JavaScript1.2">( I' o5 \3 h7 Z; |
<!-- 改变下的字体的大小。颜色-->+ k% i2 @+ M' X# M# ~
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ r2 H, S3 U% A; ~# Zvar hidetimer='';8 i2 c: R5 k5 u: ?& A  X; X
<!-- 改变下的弹跳速度-->7 Q6 \9 a3 a6 b& o: ?0 J, G
var BallSpeed = 20;1 F) \9 z. |  f6 l: w5 h& |4 @
var contentWidth;
9 R2 n: A( k" c5 Kvar contentHeight;* a- j% w  J0 ?# R2 u1 B* P
var maxBallSpeed = 50;4 g- o, h( s. s3 I
2 y7 l# i& }& h) C9 B. u; E3 k4 [/ d0 K

0 Z7 J* X* \1 n+ g0 Q/ u- Q- dvar xMax;, Q7 p5 g1 D& |# [  i
var yMax;
4 x" K8 i. P1 ]8 b9 c9 g2 kvar xPos = 0;2 F1 V1 j6 @6 Y, i
var yPos = 0;5 X7 ^( Z8 B" [6 a
var xDir = 'right';, F( ]  }8 ?( V- _4 D
var yDir = 'down';8 F3 a, k" \0 W% [
var superballRunning = true;' o. G! w/ V: g0 R# s* R- C3 e
var tempBallSpeed;
  f# l( x* z$ e- k: I0 fvar currentBallSrc;
9 U* h6 X+ ^, d1 v' f& k. fvar newXDir;: ~6 d. K: G, K9 l/ E) z
var newYDir;
4 G  @5 a$ P6 m
: e% O, Z8 A1 M1 l, Afunction initializeBall() {1 `! ?% \! c) m! N4 Z9 W
   if (document.all) {
+ G' \3 w1 V! y0 s      xMax = document.body.clientWidth$ l, q# v: ]0 `2 v- [/ ^3 a
      yMax = document.body.clientHeight
) t5 J+ ~* X/ X* G. G; W      document.all("supertext").style.visibility = "visible";
0 z$ x/ i  D9 w! j      contentWidth=supertext.offsetWidth
  O. Q) D3 n0 D) s6 L# j      contentHeight=supertext.offsetHeight
9 k" e5 G7 H. i% [7 ~4 k      }
; v9 r3 b7 S5 N, f+ W# E9 v9 h   else if (document.layers) {
2 }: ~- A( ]) P2 l7 H; R      xMax = window.innerWidth;8 J& P9 o" F' W" W& s; v% O
      yMax = window.innerHeight;
7 E( @( j" H/ N# e      contentWidth=document.supertext.document.width% p3 n0 K5 y% J
      contentHeight=document.supertext.document.height: V  }* n5 }" E
      document.layers["supertext"].visibility = "show";
# N& |6 L; q7 A      }& u, z. ?; o. T% X0 j
   setTimeout('moveBall()',400);
/ u5 J  v( ?; ^( i+ m   if (hidetimer!='')6 L2 i0 `" w9 L6 C
   setTimeout("hidetext()",hidetimer), Z# W0 {; Q! D% G; ^
   }1 h- _& L: |3 H2 g: D
" N* w6 [5 C' h3 N
function moveBall() {$ t+ C5 R% T2 [8 Q$ |' h
   if (superballRunning == true) {
6 s0 P- c% s! L( u/ d9 \      calculatePosition();- O( v- W9 e/ B* i
      if (document.all) {5 p& k! R6 t2 F2 A$ y
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
  x9 N! e+ W7 u, c6 |         document.all("supertext").style.top = yPos + document.body.scrollTop;
2 A! h9 n7 R3 }         }5 w7 l- n) q; _- q
      else if (document.layers) {& r: J- J- K8 \8 }- X* F
         document.layers["supertext"].left = xPos + pageXOffset;" y* l; [# e* s& Z0 g: S) T
         document.layers["supertext"].top = yPos + pageYOffset;1 ?" B3 p, Y# `
         }5 c! V9 M1 P7 S3 D+ J
      animatetext=setTimeout('moveBall()',20);
# f8 |" M2 N. }8 O! C0 ^1 o      }
* l, p& F- J, }4 \3 b: s6 K3 T   }
8 _  U7 w6 U" O* e
) \1 Q) ]* m% E7 ]' x4 Z! Xfunction calculatePosition() {
1 {' T9 s9 x2 U9 l0 m  O3 z  O   if (xDir == "right") {/ K3 x, P8 A) V+ o( C0 C
      if (xPos > (xMax - contentWidth - BallSpeed)) {$ m1 _. d, o2 W
         xDir = "left";
3 {5 z0 C* g! v0 I6 j/ R& v0 |0 `         }
2 Y5 a& r$ u4 l' a$ @5 k$ r, {      }
  g' ]! M& z$ K3 t   else if (xDir == "left") {
; n+ |. q2 B/ L2 Y      if (xPos < (0 + BallSpeed)) {- ]; H" v% p& w: m. o1 }* R5 ?
         xDir = "right";( \/ ]5 |. {+ a( F) T2 P9 K
         }
$ c! Z% M8 U! H) H% Q      }
: ]  ^8 C8 O& |" r: \1 g   if (yDir == "down") {
1 A; L! P6 D% Y+ j/ G      if (yPos > (yMax - contentHeight - BallSpeed)) {
, k$ U+ `! W" K+ z9 R         yDir = "up";, b/ V) W: n7 m) \# Q  Y7 R
         }5 ?# j  H: s8 \, S0 n5 m
      }0 w/ _; x. [4 Z3 o5 g- S
   else if (yDir == "up") {
$ {; U) a# @( w% M0 y4 b$ u      if (yPos < (0 + BallSpeed)) {; P. P1 v0 s* B: S, j) @6 t" q
         yDir = "down";
( X! o; f6 L# f5 b5 v- ?1 o8 ?         }
1 p& R6 ^. B2 n# t0 N      }4 |' y& O9 G' P! j
   if (xDir == "right") {
3 f/ Z5 U& F; ]  j3 ?6 ?+ @      xPos = xPos + BallSpeed;6 _5 ~/ I1 }+ L6 {- w' s
      }
9 |* [& \" z8 P/ i   else if (xDir == "left") {$ Y, y/ L4 M" s2 S0 W4 @# y7 }
      xPos = xPos - BallSpeed;. ^, d8 F% `2 q  \0 e) ?% W$ t
      }7 |, v  |% i% f+ D8 n* ]+ i2 @
   else {
' j! p; }! L2 ^" @      xPos = xPos;
: s, g4 ^! \0 p; g8 q% U      }) M- R& _, E; C/ r
   if (yDir == "down") {
9 x# _, q1 l8 ^7 {, \      yPos = yPos + BallSpeed;
& H. }  \: V, G, @. X  v' a+ k      }/ ^1 q5 U1 Z- R$ I; X
   else if (yDir == "up") {
. w0 D0 P7 E" @      yPos = yPos - BallSpeed;
; X- ]6 y% K- s0 @3 w7 U" b8 b      }
1 t" b' s9 \* @  T5 Y! N   else {
7 C: I( F# F7 |- ]      yPos = yPos;
$ @. ~1 G, t0 H" z9 S      }% r5 Y, `7 F( h/ l6 C1 w; P
   }7 v5 Y2 Y% H# {3 H) \

0 u$ ^: i- Y5 w  ?$ m( zfunction hidetext(){
- F, G7 s7 a: M4 q/ V+ Dif (document.all)
. z9 Q( w1 ?' L8 f2 j- zsupertext.style.visibility="hidden"
6 @8 T3 f+ l% ~7 G/ \. ^- }. x- Xelse if (document.layers)
; S5 c# m4 R9 M) i% w, Udocument.supertext.visibility="hide"* s9 b/ Z8 a  {5 k* j
clearTimeout(animatetext)# T0 w  a# Q2 T' J( k$ |
}
+ k% X& [+ [. {* _4 E  Z" }
, o4 K% @3 E$ V& r0 r" Zif (document.all||document.layers){
+ Q: y) g0 y% H/ ^: _, Udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
2 O. _4 F/ b( }! @window.onload = initializeBall;
4 N9 H1 j$ s6 _4 Awindow.onresize = new Function("window.location.reload()");
0 |+ T8 v3 e! Z7 M$ S2 t/ ]+ N5 _}
8 b( C! A/ H1 X9 F0 i
3 G7 t! R5 ?, k' _$ j& l</script>