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

zw2004

<style type="text/css">+ G2 c* p" P. `
#supertext {
; }8 H- D* [1 Y- m& \. I8 I# yposition:absolute;
- U2 {/ D  q2 D& \left:0;% F0 ]6 d& E4 H
top:0;5 ^1 q3 p8 i4 W
visibility:hide;
% f! K, m0 j5 rvisibility:hidden;. S& H& G* A9 c4 {+ r: }6 N  |% Y4 p
}, b* s, O  Z+ R' j
</style>7 d7 a. C) \' L% \
<script language="JavaScript1.2">. k1 n, O! F4 J* e0 J% K. Z- n
<!-- 改变下的字体的大小。颜色-->6 Z5 q& |9 D; p
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- u! h; Q2 k& w4 W) jvar hidetimer='';
' P) s  Q1 \8 R/ W5 f<!-- 改变下的弹跳速度-->' b' \, U6 t& e* a6 K6 ]
var BallSpeed = 20;
# {0 B0 f1 A" b+ ?) Mvar contentWidth;! }5 s) ^' N& h3 @( f$ @
var contentHeight;( C- o! v( s/ S& _
var maxBallSpeed = 50;
  {+ d7 N0 p3 \6 Q1 R0 i3 P/ a) I. k

, X% o& e) H) @; Z9 F7 J' Rvar xMax;
4 D$ n. v6 U2 J, [4 P: nvar yMax;
" h  O; e: Z! k( M  w( Dvar xPos = 0;1 i2 N! X! m( ~
var yPos = 0;
6 a  c- w2 Q3 U9 G1 [var xDir = 'right';. O' ?/ I! l5 _  b2 u
var yDir = 'down';
' W2 ?2 L. Q5 |! A( ^) e) Yvar superballRunning = true;( d/ q3 L+ I) A# C* I  G+ ~. W/ c! N5 Q
var tempBallSpeed;# C! ^! _- e3 ^( \7 d0 g
var currentBallSrc;
5 S+ m7 g: e6 Wvar newXDir;9 f$ b& b, S  E( c0 q) M
var newYDir;
  T0 ?+ `4 d2 R$ R) Y) J8 a* B9 O+ V8 X: f7 J: Q
function initializeBall() {
& Q, ~& q+ c. U, ?' \/ ^0 M; c   if (document.all) {
6 p* u* J' g1 R8 d  i& K      xMax = document.body.clientWidth' n' g6 m6 f  S; n; x' `; B
      yMax = document.body.clientHeight! o1 s( R8 [% h
      document.all("supertext").style.visibility = "visible";7 u4 C+ F, n; B+ s. M( P
      contentWidth=supertext.offsetWidth3 n- z3 u* ?: S' r( j% J
      contentHeight=supertext.offsetHeight
. w9 s' A0 ?7 O: g      }
! @! i6 {! ]- z% q' h   else if (document.layers) {/ X/ M) L8 ]7 y
      xMax = window.innerWidth;
" P* N7 R0 o/ S! ~( M      yMax = window.innerHeight;' B7 ?' D5 N: p& P7 c
      contentWidth=document.supertext.document.width
  E- u  ^2 k- b  h      contentHeight=document.supertext.document.height
; D- }, s) s& W9 N6 V- z      document.layers["supertext"].visibility = "show";
$ H! H% t% I8 u; q5 J7 e      }
, V! g0 ^2 c; S0 X, w   setTimeout('moveBall()',400);
) `, V# [$ B  j' r5 N6 z. p& |5 d   if (hidetimer!='')
  e4 F) p3 H! k1 t9 M6 d9 j   setTimeout("hidetext()",hidetimer)
6 b3 Y8 Y/ v# b   }# Y+ e) M8 C% E0 ]" {0 S  n* q2 q
) {* C/ ^5 {9 e1 x
function moveBall() {# h/ |7 C) l- Z7 o" V
   if (superballRunning == true) {+ Q2 P4 h" l# [0 s1 G
      calculatePosition();0 ?6 c9 R2 Y$ t3 @+ y
      if (document.all) {7 n# B' U7 m5 r2 P0 W" f
         document.all("supertext").style.left = xPos + document.body.scrollLeft;* M1 Z# _0 x- ^, v7 P
         document.all("supertext").style.top = yPos + document.body.scrollTop;3 R0 U, i( u! r) g# R) r
         }& G  s* ~$ h3 N" o3 {1 N& g
      else if (document.layers) {
) k, q1 W2 w4 y         document.layers["supertext"].left = xPos + pageXOffset;& [7 O  d7 y$ v+ B. A
         document.layers["supertext"].top = yPos + pageYOffset;
; b0 x. }+ b7 m         }
/ h$ T( f( i9 J      animatetext=setTimeout('moveBall()',20);
3 {+ y* I4 W$ h5 X: m8 s      }
( I; Q- _; j  f. Z4 U, `$ D, u0 @0 u   }1 C+ d0 i2 H2 S* [8 W: r
1 T9 R/ s/ x1 O* M
function calculatePosition() {2 `$ O& X3 T/ i0 k
   if (xDir == "right") {' j" j! e2 \' g9 ^6 j- @
      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ I- J" k- p. Z# ~         xDir = "left";
) H" e2 B, T* A& w         }
/ g7 S+ q: {" Y: t+ Y1 Q0 F# g      }
  g; p" K* A' {% G" l7 P' @   else if (xDir == "left") {6 D) U/ F+ j: V' b2 n
      if (xPos < (0 + BallSpeed)) {# {" t. M5 Y; e$ s( e( v; P
         xDir = "right";
9 S4 S/ m8 ^" E5 j2 D( o; y- i7 R2 f         }
; Y* a' `9 e- V5 c9 n7 @      }5 I! T2 Z4 l/ ?) W, Y8 Y3 g
   if (yDir == "down") {" y- J) o4 d/ o6 d* Z
      if (yPos > (yMax - contentHeight - BallSpeed)) {
4 f2 X/ Y2 f3 M/ b1 M4 N+ f         yDir = "up";0 ?! K' ]4 Z6 S$ o9 g( G
         }% _) q. d( q- W# v+ `
      }
4 z# _/ n, ?3 F1 h; `* @   else if (yDir == "up") {. a( s8 F$ a3 A
      if (yPos < (0 + BallSpeed)) {
5 h0 v  E; U# D. ~; T9 r         yDir = "down";
- O4 u. }7 l1 B2 q- a         }
) ~" o' n( d9 W6 [1 M# Q      }. D! Z  I$ s- V. s0 \7 O/ v+ l6 s
   if (xDir == "right") {# D+ j% n  {, t6 Q
      xPos = xPos + BallSpeed;0 A9 E' Z8 M7 B# c6 O
      }% S. ?5 r* W( j! G* r
   else if (xDir == "left") {
9 V! u2 w2 f* k8 E- b5 i% g2 b      xPos = xPos - BallSpeed;2 o- v9 W* J' D( \/ F
      }
, c+ Y4 }& G  D, l, d   else {
9 o# S) W$ U7 c2 j      xPos = xPos;4 X0 V9 S9 _/ n2 [
      }
' C* B8 n( g' G, G   if (yDir == "down") {: E7 v& B: G6 t4 q# D+ B! k( h! p
      yPos = yPos + BallSpeed;
4 d7 M7 Z3 s/ D- i$ k$ ~9 n7 Q      }
8 A! L% X! L* ^7 F2 P   else if (yDir == "up") {
- T& _* x* ]; N5 R  {$ l; K( C! x3 u      yPos = yPos - BallSpeed;
. i7 Y4 c6 W  N2 h* t8 x: j0 F, q      }
( v" M# I( t+ {: U; x   else {
1 _$ I, ^6 c7 @/ v  \- f. R/ t      yPos = yPos;
; R; ~# c! r$ [7 R- w: N( P. C* ?      }
. ^% r; t, a8 {! i3 a* W9 V7 S   }5 g( E6 }* y, a0 s! |% }

9 `4 w. \" i5 H' d7 Yfunction hidetext(){+ X+ {/ I- X; _# d( H. ]7 @
if (document.all)
$ |& Q7 e, i6 Y* ], H8 ]6 X, \0 Q' Q4 zsupertext.style.visibility="hidden"; u1 `( ?+ ^' h
else if (document.layers), A6 \( U: o7 M" Y8 P
document.supertext.visibility="hide"; Z% \6 h8 y8 L( v
clearTimeout(animatetext)8 W2 |; w( Z; d1 i
}
+ w9 r1 ?. _. p! B: n. O, G& N+ S5 i5 S: V
if (document.all||document.layers){
, _! p1 q3 P6 cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  E, S+ w" [8 b
window.onload = initializeBall;; f& ?* {; R& j2 P/ F, v6 P, \4 \
window.onresize = new Function("window.location.reload()");7 B' L* ?. f1 G$ k
}
( u3 E! j( G2 P; [& `0 T  t& L* r8 M$ t: ?
</script>