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

zw2004

<style type="text/css">
# F, }1 N) R9 ?9 f#supertext {* A4 d! J! E& A' W1 k
position:absolute;* b3 @, E! e' t, a# ]0 f
left:0;% J6 F; k, b/ ?2 w4 O- [9 V5 U( b
top:0;
" m, U' c! e" qvisibility:hide;
7 \8 o/ b8 P7 U$ x' F/ V& v7 g% p, dvisibility:hidden;" I# N1 O$ R5 e& `, C0 B
}
8 O( @) k; G0 |0 V6 @" c1 X</style>
1 t: Q; Z: l) V$ h<script language="JavaScript1.2">3 `# h3 U  q- H- W6 ~
<!-- 改变下的字体的大小。颜色-->9 U& X# w7 o+ R; X
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
' f* n/ ]7 }" H4 ~var hidetimer='';% S; @; Z7 v0 G' \$ y0 d! Q& \
<!-- 改变下的弹跳速度-->
2 r" r( o( P* p; T5 r/ wvar BallSpeed = 20;$ _1 c3 G" T" J$ d% b
var contentWidth;
# b4 x( r6 `# s# B4 M3 \/ svar contentHeight;: T; q& C/ z/ ^( g0 L
var maxBallSpeed = 50;% Q) j  F: k3 s! |! Z: ], s) n

1 D) O+ b& q9 I5 U8 j: P  T$ v
$ g- j! O% I  z" x" Bvar xMax;4 i9 T8 X' Q/ C' D% c$ D+ D! O  p- h
var yMax;9 g  F9 ^! q* m
var xPos = 0;9 q5 O5 x3 [/ x8 y4 n6 X& M7 ^& S
var yPos = 0;
$ K8 u4 x2 Q) u4 P- U$ E6 ]var xDir = 'right';
" j/ c& M7 H' w5 S. Ovar yDir = 'down';
; s4 f# s9 M/ yvar superballRunning = true;
5 D& p! b7 T5 F. Zvar tempBallSpeed;- j8 N- r8 C% ]/ V0 O
var currentBallSrc;
: N$ R5 Y: x& t. I9 kvar newXDir;
+ q5 v  z/ @7 O9 F  @8 g5 gvar newYDir;
9 j) X0 W4 G( c
8 q4 t: L! \1 F9 i! Tfunction initializeBall() {: R  u3 Y6 J- H
   if (document.all) {
) ?, y  Q( ]4 F3 N3 j  x      xMax = document.body.clientWidth
& Q/ d: |/ d$ ?/ G% t      yMax = document.body.clientHeight
( X% N% B9 w. ~9 @9 i/ _4 Q' d# y      document.all("supertext").style.visibility = "visible";
/ L  O; Q3 D3 T; |# R, y# p4 p% s      contentWidth=supertext.offsetWidth* Y0 o: j8 q1 U7 ]* o6 A
      contentHeight=supertext.offsetHeight
9 P$ U: z+ V+ |6 k% t8 g      }, L$ [! m0 `4 Y; B$ K
   else if (document.layers) {
- D& a1 V' ]# B, V4 A, J! c      xMax = window.innerWidth;! Z8 p' k1 j  o) p6 C6 ~
      yMax = window.innerHeight;
# c2 ~  m0 R" {& a: H3 |6 E      contentWidth=document.supertext.document.width
+ C, z7 T: m/ n' K      contentHeight=document.supertext.document.height& [2 D9 z- d* z; D+ I* u
      document.layers["supertext"].visibility = "show";
$ E. ^, J" y! d* R$ i' W" I      }- G/ \9 H. d" M) H6 j
   setTimeout('moveBall()',400);
: ^# z  o0 e2 \5 z' n   if (hidetimer!='')
6 {$ Z* \9 ~  f& r: J   setTimeout("hidetext()",hidetimer)$ {( x3 q9 f1 A# S; Q
   }
$ m) F  O+ H# _; b! @+ r! p
1 M* K+ r% a% r8 p7 j" m* pfunction moveBall() {
( B  o8 U2 [' w7 O! p1 m: O   if (superballRunning == true) {) h9 E' G3 U" S! A. w% \- B
      calculatePosition();6 g/ \1 @; S  ?$ H+ H4 i, F
      if (document.all) {
9 {' L5 l, D+ v, h         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( w0 u! W( u5 l  Q7 x         document.all("supertext").style.top = yPos + document.body.scrollTop;" Q* j5 o3 F' m
         }2 O& e* r7 V! u; |
      else if (document.layers) {" L; ]' ~' G- p8 w
         document.layers["supertext"].left = xPos + pageXOffset;5 I& m1 [# E. {0 s' s
         document.layers["supertext"].top = yPos + pageYOffset;* d# K- F- p2 w" u3 z: B4 g+ [
         }
+ C4 x1 q8 g( T8 _1 g5 T      animatetext=setTimeout('moveBall()',20);
" Z% a. d+ u5 j$ K      }! c7 x  G% g( a& n( Q$ d
   }
  K- u/ l. y+ D2 v' ]0 I7 c! E( @& e: \' g1 J. n/ w1 j
function calculatePosition() {6 m8 o9 u$ m& e5 P- L, ^
   if (xDir == "right") {
1 r/ e' ^$ u2 G3 L      if (xPos > (xMax - contentWidth - BallSpeed)) {
- {, A, \/ _4 f& d* I1 h$ c         xDir = "left";( I; J  |" j; O1 C3 t9 |% g/ G
         }# ^' M  l& Z* H8 b: {
      }- K' Q6 r4 V+ w; M% p2 i% x
   else if (xDir == "left") {
- j8 U$ {0 s* R7 \5 Q2 c      if (xPos < (0 + BallSpeed)) {
$ E- k, m; Z2 h3 e+ K. L         xDir = "right";! F! q+ l3 D  h4 n
         }* b1 u9 ~6 w# z
      }
/ y' T2 r0 N- a   if (yDir == "down") {1 ]( y, T) v7 _4 [2 G
      if (yPos > (yMax - contentHeight - BallSpeed)) {
5 i( V) k. z; F# h! O: b4 L         yDir = "up";, T# e4 a3 `5 B9 Y8 p
         }
* J4 i" F$ R' b# c8 j3 d* w      }5 I5 e2 X9 X) \: C- @
   else if (yDir == "up") {( }5 c9 n, g3 ^( B5 {
      if (yPos < (0 + BallSpeed)) {3 Z; w, x$ H  }. M$ Q  l
         yDir = "down";, F1 v1 p( n6 }
         }
, v! @: E2 Q# Z# ^0 P; d2 \  z      }  x! N/ z8 c/ P* [
   if (xDir == "right") {5 X& U  ?+ Q3 P# w0 P& W
      xPos = xPos + BallSpeed;
" R4 Q3 y. {9 j! ~) v. P      }- a/ ?' _6 C# H! u9 S9 S# g% V/ e) Y
   else if (xDir == "left") {( m; D$ A6 ?3 u( G, e3 D9 g. i
      xPos = xPos - BallSpeed;) J$ f3 r' t' z, f' d3 z! ~
      }
4 M( m; ]% D1 F+ F   else {
$ ~8 K, K* a8 ?/ Y: z2 C      xPos = xPos;
. }; L. V% I* o$ h5 X7 n# [      }, I' E2 b" T4 O9 A
   if (yDir == "down") {. ~4 Z1 B% V% a0 p1 K. n7 J! w2 e
      yPos = yPos + BallSpeed;' T. D: Z9 U' x2 [: n
      }
4 y" \; i& v; n6 t   else if (yDir == "up") {
4 J, p( G5 I& X      yPos = yPos - BallSpeed;5 j# I  Q" x; `- {& ]
      }
+ j" R3 s+ N5 j) w# F! ]% U' n   else {6 ?; L+ X: J9 ?4 {
      yPos = yPos;' Q7 i% w6 p: R, Z! T/ t
      }
* ~3 I5 G/ S/ j   }
8 L* a' G& ~9 |* M- @8 w
7 I& w1 W0 n9 t3 z. ?4 k! ]function hidetext(){2 y  }1 _* @% K+ o. s1 i
if (document.all)1 S9 r( n" J7 T- S& n" n0 e
supertext.style.visibility="hidden"- I8 o. C$ u: R8 {% H: h4 J
else if (document.layers)$ @! F- p( ^/ I
document.supertext.visibility="hide"
: L& H/ G  F% H1 w+ @clearTimeout(animatetext)
* X7 s% z+ E, X2 I6 D% _}# h, Z. e) U5 n, z3 M
( _( w, m8 I+ o: g( a; @. Z
if (document.all||document.layers){
, s2 k7 I6 Q7 E0 R9 y9 L( \document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')0 h% @' ^& Y0 f4 D+ N
window.onload = initializeBall;
) g6 v/ z1 U9 O0 r4 V+ L! Bwindow.onresize = new Function("window.location.reload()");
  ^7 Q( H) C, g7 `  r# X}4 v+ S9 S* c2 {7 j& c; j) ^

7 f6 n6 C" X6 q, j% C</script>