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

zw2004

<style type="text/css">
8 z- n: U% s  }# \#supertext {
" d* J2 k- ^" \8 L+ d! K0 l: I# S. zposition:absolute;8 S: S6 s  w3 ~1 {6 H4 S* y
left:0;( Y) q* u3 P8 p/ M
top:0;# L: Y- G5 I5 n$ m6 P* [7 z$ f
visibility:hide;" ]# O) V8 I! w) G
visibility:hidden;
- |. T7 ^2 B& J7 }7 J7 A. z}
8 D6 Z: y" z5 K: Y' w+ E+ G6 B</style>
% ^- B1 R5 l0 m1 ]1 W6 }4 C# y! Z<script language="JavaScript1.2">( s2 u5 o5 p+ _* C
<!-- 改变下的字体的大小。颜色-->1 ?  y  Z  {# @& ~( F
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( [3 Y' G) l# i: L: S+ z4 Pvar hidetimer='';* _6 K/ {6 @4 E$ W: b9 E) i! [1 O
<!-- 改变下的弹跳速度-->
* Z' ?& d1 w6 k% P2 V. _var BallSpeed = 20;, Z3 f/ x5 {1 k) y
var contentWidth;
; Z' w$ H& r2 C$ Yvar contentHeight;
9 N$ \& M* i5 E1 e, Mvar maxBallSpeed = 50;1 d# ]; d; r: ?+ D: M
0 U: g4 W1 U2 x( R2 j

5 h  L  p# M. h0 I$ b8 qvar xMax;' t5 n8 `0 Y2 y2 h+ J  P# ^
var yMax;
# {0 g0 M2 k8 P5 Q5 r( Avar xPos = 0;
# W& ~3 [" X: L. ]" v  Nvar yPos = 0;: k2 M4 A! Z- ?* B, i
var xDir = 'right';
# G7 L0 D9 X  \( F- }* Y! o7 Jvar yDir = 'down';* W' j8 D2 K. Q- x) R" v  Z7 w
var superballRunning = true;
. U, A6 y9 K+ [' Y' wvar tempBallSpeed;
+ c, N5 {% c" O; Nvar currentBallSrc;2 ?+ ^/ H  P6 _1 x3 S
var newXDir;& D2 |; |  |& {( u% |* m( u
var newYDir;
3 a" ~3 S0 o& M
& L- P+ z7 l- p7 j- A2 Qfunction initializeBall() {
3 v  g  @7 V" N7 x. z   if (document.all) {# G" I' G4 d/ r* S! p
      xMax = document.body.clientWidth) p, d7 s/ M& |
      yMax = document.body.clientHeight# _3 v+ G+ ^( u% w% i3 Z
      document.all("supertext").style.visibility = "visible";: ]& X/ g. m/ }& y' ?
      contentWidth=supertext.offsetWidth
$ |8 X" b- [! N      contentHeight=supertext.offsetHeight
  _% v/ E6 ?/ l5 a3 E: r0 o      }9 ^9 F! w# q7 [" Y3 T
   else if (document.layers) {6 j8 R; p& j0 O/ v
      xMax = window.innerWidth;0 k/ P' m0 K$ ]: E% `: O* }
      yMax = window.innerHeight;3 x& l+ t; x. i  x
      contentWidth=document.supertext.document.width0 j4 Y/ v2 K$ o5 V  w
      contentHeight=document.supertext.document.height
( Z2 L/ e( b) W      document.layers["supertext"].visibility = "show";3 i+ z! z! l: M. R* R
      }7 u. |5 X, U3 P9 s
   setTimeout('moveBall()',400);
# e' f# t* \4 Q. U0 H/ |   if (hidetimer!='')
; K# m. g- g0 {" u: j/ F   setTimeout("hidetext()",hidetimer)" @/ h; o4 ^7 r
   }0 S$ t9 L2 [: ?9 u# g& V

% b9 l! L9 v6 z* f! D& q. jfunction moveBall() {
! c- A- ^' r* i7 w- k& v8 z   if (superballRunning == true) {2 O# O  ]* c+ m- ]. o; ]4 ~
      calculatePosition();
" L$ {0 ^! T& }' u' E  U$ Y# [      if (document.all) {! [2 n0 `8 V' w: z6 ?
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
: h: ?  ?) x0 J4 E         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ o4 D+ G- U1 ^! P         }
) q, C7 o; p1 s% S" x      else if (document.layers) {
/ r6 t! ]+ m# _$ k7 ^7 {9 R# F6 B/ a% q         document.layers["supertext"].left = xPos + pageXOffset;
/ Y  q+ v( i, q         document.layers["supertext"].top = yPos + pageYOffset;
, t: O0 M) R1 n1 L) I1 Z: s         }
. s# K8 v0 X/ I' K1 G% w6 f      animatetext=setTimeout('moveBall()',20);7 s! o  w3 }& C, S$ F$ f  E
      }' K9 w5 F) i3 n
   }
0 A7 R1 h2 l4 L. C) f8 H
0 h3 Z& {, r& s! m' [) |+ D/ Ofunction calculatePosition() {& N7 D& S- k2 g6 V8 Z
   if (xDir == "right") {- H1 l: k1 S, d+ P- j0 g8 [
      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ a/ r: T. m; f" \         xDir = "left";. U9 z3 A9 O6 |/ S% k9 `
         }0 G6 Y, \7 K/ C  ~. Y
      }6 {9 l! g) \7 [' \# z
   else if (xDir == "left") {
* F. ]7 f! I, x/ Z4 h. O( O      if (xPos < (0 + BallSpeed)) {
5 Q+ Y( u6 z# a! r$ n         xDir = "right";
# j8 e+ F- c2 k; Z" X+ }0 F         }" R" o2 m" T' f4 v% x0 ^1 ^& u
      }  |! q% ]! Q: e
   if (yDir == "down") {
9 h5 L1 G+ u; |/ F% H" Z" z      if (yPos > (yMax - contentHeight - BallSpeed)) {
4 b  c4 |  X6 Q         yDir = "up";* T( k9 S2 N3 F$ u6 B3 l
         }; Z+ h. Y  {5 c1 y: b
      }
: \, l; i5 k* u3 g- w" w5 H" \: y   else if (yDir == "up") {
6 `( d, f3 L1 s% k8 m7 f      if (yPos < (0 + BallSpeed)) {/ N! t5 \$ p9 c0 I  c- G$ p
         yDir = "down";% Z4 j0 w4 I4 B2 t/ y* S' e
         }
0 b0 q! ~  {& H      }
; p5 P' {2 _8 g& |% j7 @   if (xDir == "right") {
2 ~5 K5 V) Y. T  a& e0 d7 `$ k# U: h" I      xPos = xPos + BallSpeed;; K% u- w& i6 V  w& ^) q3 s
      }
6 U' J9 w  Q" k* `   else if (xDir == "left") {+ H2 ^* _6 M! g" z
      xPos = xPos - BallSpeed;1 Z/ b5 T. g7 U. f; t0 S6 P" O
      }
8 J  v* l/ q. m' d/ m   else {
7 r3 s8 i8 k1 z4 ]8 w! R6 _      xPos = xPos;3 c9 m! Q* q! N8 x' ?6 @, @5 D
      }* J( }8 W2 n- S$ x3 \) C7 P9 p
   if (yDir == "down") {
" Y: h" I* {+ W6 M      yPos = yPos + BallSpeed;& i2 v0 h( r8 g) X
      }, u: @5 [9 D+ S
   else if (yDir == "up") {" b/ s3 k/ _/ h. v1 C
      yPos = yPos - BallSpeed;- {& P( G; _/ [
      }$ B! L; S6 u  n  O
   else {
$ ?8 m! \8 i0 D( j# k2 A      yPos = yPos;
/ z3 ?! R9 M3 l      }) C: q* h" j! q. W! U: @
   }
4 e: n/ B8 S! ]' d
. z( u; P- N! @& e- [! |( ]function hidetext(){
) w& @+ ~% }5 d9 l: w/ Mif (document.all)
7 v" P( |, t+ N2 fsupertext.style.visibility="hidden"; l0 e3 a# J( Y" O& i& h
else if (document.layers)
2 Q, Q- a3 ?  S8 o# k* \1 Z$ y; I  Rdocument.supertext.visibility="hide"
+ _# s! I% V% f' J1 E2 {3 lclearTimeout(animatetext)
" Q' {% d+ w) b2 }$ N; J}2 S) j2 K+ M& m& ]
% s1 Y- z. M0 q2 V
if (document.all||document.layers){
4 R7 f% b: y% u: E& l! Ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 j0 t! l6 b" j8 Z1 V+ mwindow.onload = initializeBall;
1 j/ g$ [5 C! qwindow.onresize = new Function("window.location.reload()");
4 |, l7 {/ I6 y( D}
; i1 \- P7 }' h% t* r7 r1 s$ T( D, B7 N" A
</script>