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

zw2004

<style type="text/css">9 i! d. Z$ y, C: g7 b
#supertext {
- q) C" F( l  W5 g/ Q5 V1 P9 mposition:absolute;( q) S) D( \# p2 O: m% O
left:0;& j( d0 [8 d) g7 c  ~
top:0;: I! _! Z+ u- A
visibility:hide;
$ X! [8 \- S9 v2 xvisibility:hidden;
4 g/ C* K8 V1 r$ W( R0 n' A}5 I1 D1 G3 V2 \! J) |+ W
</style>
7 R4 e4 e9 d/ G7 _, S+ d$ Z<script language="JavaScript1.2">
: g) S0 n- s% F( w1 [+ j5 v<!-- 改变下的字体的大小。颜色-->
1 m8 R6 N" {8 p- b! x& Zvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& @- `6 \( Z  F: }3 Jvar hidetimer='';5 z  X2 U* f$ f2 ~' L% P
<!-- 改变下的弹跳速度-->$ Q% c% Q" D4 M/ p2 D1 d; c" c
var BallSpeed = 20;
7 A/ ?$ E1 q/ ]; Nvar contentWidth;% I0 S0 @0 R' l0 a1 ~
var contentHeight;  t& H) W- ^/ w: x' z
var maxBallSpeed = 50;: M' O# I" f0 w! D$ @3 y2 H# y" j

* W& A. }2 _  u3 ^+ Q, `5 ]+ s5 F! t& w
var xMax;2 |& w7 R8 Y. D* g5 }& T( I
var yMax;( t9 c) s5 E8 W  I1 B7 h9 X% m
var xPos = 0;
5 w. \4 a# X# w: n7 r% Rvar yPos = 0;
2 l2 T. e4 ^8 S# Jvar xDir = 'right';* J! d& J# V/ x$ T( v6 t
var yDir = 'down';
1 M  H  M* D) `var superballRunning = true;1 L4 U" Y- Z: i3 H" n; m, |3 B
var tempBallSpeed;$ W5 b3 p& H2 J1 H9 T3 @! S
var currentBallSrc;/ n6 d( R# p* W- K4 {* g( u6 J
var newXDir;
7 i( \/ X8 Y5 w) f" Y2 A0 F& E. Tvar newYDir;; h, L3 s1 o& i9 {) ^3 f1 T, @0 P) a
" E: i  d! E) s
function initializeBall() {1 \: Y4 O/ J' r( H4 ~2 w
   if (document.all) {5 }5 \; Y. L6 J3 l2 R1 [; n3 T
      xMax = document.body.clientWidth
+ ]$ `6 P' \. s& z% n      yMax = document.body.clientHeight, a; o) K# V: d. h5 k
      document.all("supertext").style.visibility = "visible";' E/ C0 x) z: A% I: v3 `' w+ B3 Q( `
      contentWidth=supertext.offsetWidth$ |7 N* ], Y: a5 P, i  l& m' @4 N
      contentHeight=supertext.offsetHeight
6 B6 s2 _8 N- X: }$ K2 O2 A      }1 I* o( g- H. b8 T  W
   else if (document.layers) {1 N: D& W2 a1 z  q
      xMax = window.innerWidth;' M/ W9 y9 h- H3 Z% l. m0 `
      yMax = window.innerHeight;
) b& q5 b3 j7 {3 U! ]4 V      contentWidth=document.supertext.document.width
" U+ T8 O; J, k5 |( s: {+ V      contentHeight=document.supertext.document.height
" n$ H8 }/ d8 l' }9 [      document.layers["supertext"].visibility = "show";
: E! V, Y) k1 q8 V2 }4 p/ a      }
+ v' W/ ], s  c  h   setTimeout('moveBall()',400);
8 u; f: ]) X" J: t   if (hidetimer!='')
+ X/ U1 x( E8 {  S8 G   setTimeout("hidetext()",hidetimer)
* K* y- L" ?$ ?/ E' T9 V6 D) f5 `: R" Y   }0 ~) C$ l" P8 i6 _4 q& M0 q6 ]# S
, g7 i$ f4 @. v" ~0 b- t- m
function moveBall() {9 @& [/ u! Z1 [. p) G
   if (superballRunning == true) {0 ~7 U0 Q: c: ?$ M: o
      calculatePosition();
& ]8 u5 o; r5 |/ U' j  J      if (document.all) {
* t/ [8 ]; k: x& F& l7 _' ]! H- Q         document.all("supertext").style.left = xPos + document.body.scrollLeft;" M* \, N# |* A9 C6 v
         document.all("supertext").style.top = yPos + document.body.scrollTop;
6 p- m% p4 p/ o, K; _         }9 ]2 i' d& q/ M- _5 x" ~
      else if (document.layers) {8 t9 l! K4 T" X& |5 T
         document.layers["supertext"].left = xPos + pageXOffset;
! r* ]- w3 k, i0 @/ x! R0 e; l/ `         document.layers["supertext"].top = yPos + pageYOffset;9 h/ j( f6 _& ^
         }
0 o2 {* ]9 c: h, m3 e; Q  b      animatetext=setTimeout('moveBall()',20);7 B# d, h4 _9 R* F+ d2 F' f2 b
      }
, o! i# y4 r2 v: E6 y# o$ o   }
4 U: K) ?1 @8 H/ G; E" x4 ~. ^2 l( |) t2 `  x$ Z* t
function calculatePosition() {
) H9 O; q2 x4 ^' a7 a6 ]( b: v0 L   if (xDir == "right") {- S; [3 n% c; ?; ]/ p/ n6 c. o
      if (xPos > (xMax - contentWidth - BallSpeed)) {
4 Z- W" P8 r+ K8 m2 ~: w         xDir = "left";5 x( d% y3 x7 f# [
         }
8 K' b8 B+ ~( I) |( N$ |) J      }) q& B9 }/ z9 x5 v
   else if (xDir == "left") {
9 m8 {6 k9 p- A* u2 Q      if (xPos < (0 + BallSpeed)) {
0 _# c7 Q: Z& s0 D         xDir = "right";4 @9 y9 Q; U5 H/ s; d, j
         }, N! I' l$ M* ?1 S; a
      }
0 l7 D" _7 Q& ^/ I0 L# I3 `2 ?  d   if (yDir == "down") {6 j* y, l# R- ~) v. I
      if (yPos > (yMax - contentHeight - BallSpeed)) {# \; i+ _/ j( n  [. w
         yDir = "up";
) k5 Z# T/ e' k/ S; g         }& W9 U; S: G0 {" G" b/ t" @
      }
% J6 \9 J; N! C9 S   else if (yDir == "up") {
: m4 ^  b7 H6 U      if (yPos < (0 + BallSpeed)) {
( Y9 P/ _+ O/ r7 o; A- W" Z% W         yDir = "down";  {$ D# d, m% W) u* J% }) K
         }
9 r. u. S: P, J      }
# ^4 o+ [. k/ G1 Z% M. K0 J   if (xDir == "right") {2 |# Q, F% q: K5 u4 Z7 ]3 j
      xPos = xPos + BallSpeed;& L+ P) D' Y- o. T
      }
) H4 n. U: h) H' r   else if (xDir == "left") {
* D5 J# E6 A8 t0 M; e$ Q! H9 a      xPos = xPos - BallSpeed;1 Y7 j- r- ]7 W5 ]
      }$ f' `% R" F) X3 K6 r
   else {/ I9 T5 z# i% E2 V. a
      xPos = xPos;
; {: Y- f2 P6 o8 b" C# j, A      }
) U( E, l9 x# J" }, e& G   if (yDir == "down") {
) p. o; b* q; g- ?3 U      yPos = yPos + BallSpeed;+ B7 z% d( k3 x- F
      }. b; Q6 n6 ~2 x% k' r
   else if (yDir == "up") {( f" a7 ?2 ~& P1 O2 C9 h# L5 p
      yPos = yPos - BallSpeed;/ w& i1 Q4 I6 P, ~3 B
      }# g1 P& T  n9 R" m6 I1 J$ c) [
   else {
: ?9 W" m( H8 ^/ I, w! O" J      yPos = yPos;
' S) n4 E& F2 s- }& v      }
6 ^  n' B2 F8 Q) {# o/ f$ A1 T   }
3 Y; A* @& v3 g" y0 L' v  [9 C7 m5 @2 ]
function hidetext(){5 W7 P! I& d, C* l1 M) C. `" M: N
if (document.all)
7 f, q7 c# D5 ^. asupertext.style.visibility="hidden": }$ v  x9 Z* D7 x) s4 a/ N" [
else if (document.layers)  u- Z% I7 ~" M' Q- E) M
document.supertext.visibility="hide"
( U5 ]. o0 s+ H4 y7 TclearTimeout(animatetext)
) j& H) j7 q4 ]0 x}6 p. c9 U9 S$ n) ~" L' t

: R6 n) t+ Y# B6 l: tif (document.all||document.layers){$ c1 n, Y) S9 |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 z: M% h0 H6 {1 j( U# G
window.onload = initializeBall;; @( ^- [1 B& V1 @2 ?
window.onresize = new Function("window.location.reload()");# W0 W1 `! b+ |1 S/ W. g8 e  }
}
/ @0 _  ?# p# C+ C" t7 P/ D. g" x0 N0 F, g- r$ T  B+ n
</script>