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

zw2004

<style type="text/css">
& X: e4 {- t2 c& I2 @, h#supertext {
: z6 {3 v9 Z! Nposition:absolute;( ?8 t# o! t3 Q
left:0;
5 [6 x, p4 n3 w$ ]: r& T; j/ ?/ ctop:0;
# \* J9 F# H, g: u5 n! u/ zvisibility:hide;
* K# s9 V( A* c& R0 bvisibility:hidden;
. r: z9 [% A- i$ _0 H9 Z* E}3 |, n2 K  U' @* p6 y7 o. ^
</style>2 f+ H, d: ~- U" e' E0 Z
<script language="JavaScript1.2">: i0 `! B* S; Q. N: T* }4 H9 _
<!-- 改变下的字体的大小。颜色-->
/ E+ B1 |( i& G3 E: yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* j6 K" O0 X. s9 @& c2 E
var hidetimer='';7 r6 R; E8 |- A& |2 y; G! v
<!-- 改变下的弹跳速度-->; a8 W& D( G( C; C
var BallSpeed = 20;
1 k+ D, z% ]7 {$ [! q. M$ mvar contentWidth;0 @- E* l9 k0 H( B; _' g$ z
var contentHeight;5 H, _7 v+ f' t1 E* q: P  |  R7 x
var maxBallSpeed = 50;
, P3 Q& [7 W3 x0 @% j9 ~: V/ r; T

4 V* N6 S' G. ]var xMax;7 Z* j& P: l1 e' I
var yMax;
# K+ b2 W; l& Z, Nvar xPos = 0;
7 c" }, I' Z! x. s- tvar yPos = 0;/ B9 |, }6 m2 G% L' K4 R7 ~
var xDir = 'right';
" A6 \( H7 v& a( zvar yDir = 'down';7 H% _0 g2 q2 [: z, M
var superballRunning = true;
6 E# F7 D, g: w9 X' D" Ovar tempBallSpeed;
2 L6 K. d% O* N4 jvar currentBallSrc;$ w7 I# h2 D; L; ]8 V! o
var newXDir;2 z$ r" l. E) E- M
var newYDir;
; X: i6 @1 f0 @+ r2 E- K4 g$ |% |# a- Q/ ]# w  a9 N) d
function initializeBall() {
! \$ _3 A& B; C  _' T6 C   if (document.all) {- \! C) w! ]& v$ M
      xMax = document.body.clientWidth# f! f8 M) G- c
      yMax = document.body.clientHeight
3 U7 E! [  w9 \- v" [* _      document.all("supertext").style.visibility = "visible";0 w5 R0 P( B9 \3 `4 p  R7 B8 l( P. k
      contentWidth=supertext.offsetWidth; s9 p9 F' m( W
      contentHeight=supertext.offsetHeight& l: D+ l+ ^1 q
      }4 ?0 t6 T3 K0 D! a
   else if (document.layers) {
- x9 i) A/ u4 J5 ~- n) ?0 S( j      xMax = window.innerWidth;! r9 H3 d" w, o5 Z! z0 M( `
      yMax = window.innerHeight;4 T, q4 N  i/ c: j* ~4 e2 [
      contentWidth=document.supertext.document.width
1 _: Q% ]" Y" N, s      contentHeight=document.supertext.document.height( L8 h5 R: g. Q0 A$ k! g
      document.layers["supertext"].visibility = "show";. ^5 v! ~: c! Q/ n6 }" A5 ~
      }
; W( {9 m5 e( e/ I3 q2 q   setTimeout('moveBall()',400);
' \8 E  ]! g8 _   if (hidetimer!='')
# }( h, I# o$ p, v, C   setTimeout("hidetext()",hidetimer)
1 V" n3 H5 N- T9 ^0 c, \# P, @   }
2 v9 i6 Q. P# P5 y& c3 C$ w5 h1 f+ D' @( |/ E# T$ g, a
function moveBall() {
; D. Q5 |3 Y& U   if (superballRunning == true) {
' T. g+ O$ a7 C) M+ h- x      calculatePosition();
0 e# [& t, k0 }0 g% v6 v      if (document.all) {* q5 {' x* t; ~2 a
         document.all("supertext").style.left = xPos + document.body.scrollLeft;% S, e& R" x4 S2 c) E$ K. J
         document.all("supertext").style.top = yPos + document.body.scrollTop;" E2 X$ k/ e9 s: G
         }+ c- k" s$ y% `1 p0 w  H% V
      else if (document.layers) {+ w; T1 N3 R- R4 S, M
         document.layers["supertext"].left = xPos + pageXOffset;8 |+ G3 F3 q# x
         document.layers["supertext"].top = yPos + pageYOffset;! J0 O* V) _# s$ w& }
         }
# ^( r9 V. d  Y: A      animatetext=setTimeout('moveBall()',20);! }" S7 t( x3 @0 R% ~8 l( Q$ T! e
      }
& w2 V2 y4 }5 k2 |" m& P   }9 w, j: X4 X: q8 v0 F
  g: @' z' {. W2 n% R5 L* k$ Z
function calculatePosition() {
% `; s8 _0 h, {% O   if (xDir == "right") {
' R, g0 x5 C+ H2 A7 ?      if (xPos > (xMax - contentWidth - BallSpeed)) {' y1 W4 z- J) z! [4 `5 u- H
         xDir = "left";
5 Y* j, l. m; [         }6 G5 C! ]- m) y# g. D
      }
" ~  ?5 w% P4 k3 x2 a4 P   else if (xDir == "left") {$ G6 L* s, s1 C% Z* v# c1 G
      if (xPos < (0 + BallSpeed)) {8 ]+ ~8 {2 L3 p7 I  ]" ?6 L
         xDir = "right";+ |% M5 J$ m; O. R) p( ^. r3 Q
         }
4 d4 V' ^6 W4 p      }' J* s* d! ]+ G' ?
   if (yDir == "down") {5 v* w7 l: k/ G! M
      if (yPos > (yMax - contentHeight - BallSpeed)) {
! F; f- Y% x  z; ?1 x         yDir = "up";9 v/ E- ]$ j0 f$ {. V% h
         }, |7 }8 D; K# c, g" v
      }
5 h, X& u4 {3 Y& a- H   else if (yDir == "up") {
  F8 `, ~) b; b0 }% D      if (yPos < (0 + BallSpeed)) {/ c( ?' d! \; |" E9 o
         yDir = "down";! Y' F( d. u) l4 I4 `0 ~( f
         }  e1 [/ O" r3 H( B
      }
5 J9 b0 K9 P+ z0 |. r& }   if (xDir == "right") {
0 Z3 i* F( C7 Z" d, j6 U, R+ R( ~  H0 \      xPos = xPos + BallSpeed;/ b, ]* g* H- C! C$ V: U" s
      }
% k0 t5 w; V  x" t/ c8 s$ u- \   else if (xDir == "left") {
- z1 _) p% k. E9 [9 k      xPos = xPos - BallSpeed;$ m* e6 m9 i- @9 X+ i& [
      }& D' _5 S: O9 `. x# O9 s
   else {
9 }: Y; B: g: n; o      xPos = xPos;- o3 N& o8 f, G/ ?* z& `1 V
      }0 H( Z5 o, s) i/ F4 v
   if (yDir == "down") {
7 M/ Y, E# Q+ C* S5 ]' C6 F8 H- |- x      yPos = yPos + BallSpeed;
' T5 O' Z, m9 E: R6 v$ K8 P3 p      }% O; R3 h5 y% h% @3 o
   else if (yDir == "up") {
) B; c: q: f7 o5 E2 f      yPos = yPos - BallSpeed;
0 K& q* t6 q: X, _8 f/ h& d. N      }
9 W8 v' Z  t1 e9 H) v% I   else {
- J* a6 }, [, N$ C8 w      yPos = yPos;4 _% l) n) @# M3 j  j. p+ x; W
      }$ M4 R( w# H9 u5 Q) v( K  H
   }9 U+ ~8 \. g+ [8 U0 w; \; m) o
; m5 h2 X/ r' e  ]# m7 }2 L, m. x" }
function hidetext(){
# p) a7 k8 d& a7 a3 Q# Lif (document.all)( ?* g2 J- u' E3 |) K
supertext.style.visibility="hidden"
7 ]" B0 W" N: b; E( g! R. |! felse if (document.layers)& T2 N* f: M0 J; E: N. p  m+ h
document.supertext.visibility="hide"# f( J* k$ L" P& o: X' H
clearTimeout(animatetext); M% A  l- d) I+ B2 F' k
}
  q3 Y# J6 c! |: c3 k; r5 j/ q' D/ w! X% l/ Z9 d0 E
if (document.all||document.layers){
' N, H$ ?# W8 c/ Y; mdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ r/ A: q% P7 |. X( xwindow.onload = initializeBall;
1 h: b+ ^% Z, ~% I5 Dwindow.onresize = new Function("window.location.reload()");1 M/ i6 r1 w8 o, T- a' L
}0 i4 v" {6 t, D9 }; z6 `9 k3 q

) e5 n8 q# u' K- [</script>