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

zw2004

<style type="text/css">  }% Q1 S! |  ^* H' [
#supertext {" l* ^2 Z8 Z6 x4 v6 H1 A+ J
position:absolute;8 e4 \1 q5 v1 M( s9 i4 g
left:0;
- d2 I- r0 A9 m1 S# ^$ ]top:0;
" C. [% W) l# d& W5 T/ ^  Nvisibility:hide;% P* E# s1 q- K6 y7 ]+ M( g6 @- G
visibility:hidden;' Q8 @% H/ k4 Y! n( s
}1 e! y9 i) X8 V' [
</style>
3 g2 _  ?4 \+ b" z0 z<script language="JavaScript1.2">  l( C+ t" J* j6 @4 K
<!-- 改变下的字体的大小。颜色-->0 w) I9 K7 e7 u# T
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 t- ^" L( m! k5 fvar hidetimer='';
7 v3 v, c  M; _1 L8 t<!-- 改变下的弹跳速度-->
9 [  B4 z0 v' svar BallSpeed = 20;
  Y% X3 r. W. H8 r% g! bvar contentWidth;2 [; p6 z6 c! ]3 n! N
var contentHeight;
' z: z9 O! b% f. m: _% Ovar maxBallSpeed = 50;2 k$ O$ J# t& i+ h

/ ~; V  a7 h2 K7 `7 }6 s6 a8 U
/ A) {/ L2 A2 u5 P. rvar xMax;- B$ H" n! m$ u! P: T2 H
var yMax;
# A  N/ D+ M3 s- rvar xPos = 0;8 G( V! Y, C" v' r' w  {  R! X* I
var yPos = 0;
0 |4 g9 M: m5 \' Q7 ]4 Dvar xDir = 'right';
) I& W( U9 v' U0 E7 }& kvar yDir = 'down';
" }1 R4 G# L6 j! Y& s8 r* I6 Vvar superballRunning = true;9 W2 R8 c# h6 P5 g0 f
var tempBallSpeed;& W5 c! J2 O. |- O* T7 [
var currentBallSrc;! g+ Z' r( F* Q* a3 d; q
var newXDir;
& i* W# F; I% Bvar newYDir;# h1 {% f/ k' k2 I9 G% q, ]6 r3 c+ ^( c

/ V4 w# ^2 R: D) afunction initializeBall() {: M% z/ Y1 c1 V% Q: Z
   if (document.all) {
3 j0 R% @4 v, ]: I( J- e  u      xMax = document.body.clientWidth* `9 F8 f, H5 k+ K
      yMax = document.body.clientHeight& Z4 v# N0 m, P9 I
      document.all("supertext").style.visibility = "visible";
% ]" C. `2 p4 `      contentWidth=supertext.offsetWidth9 r# U! |/ C% ~+ T& h- k' M3 J% V# u: w
      contentHeight=supertext.offsetHeight  V2 M+ V; k! S8 H" C1 E2 @
      }( P+ B: _8 h  u) G2 ?1 \
   else if (document.layers) {6 t1 H3 z9 {8 I! l$ V3 N# u5 c/ |, B; K
      xMax = window.innerWidth;. d( d, l5 t! w
      yMax = window.innerHeight;
! B3 ^/ l( J5 p7 G; E4 c      contentWidth=document.supertext.document.width
! o/ n4 }: v9 }8 H* _# @7 D' U      contentHeight=document.supertext.document.height
  V/ w' s  p. v' i3 i      document.layers["supertext"].visibility = "show";
2 ^" x) H; ~. A$ V2 s- N% y0 H      }: B9 H' \1 I( F" C+ B: _- S& w
   setTimeout('moveBall()',400);
8 u' Q" j' n" [3 d+ w3 h   if (hidetimer!='')
7 s4 d4 Z  z0 p: X   setTimeout("hidetext()",hidetimer)# \8 p2 b4 Z0 p* w4 E; I. y
   }
0 ~4 k- @+ F4 @
0 C1 r7 t+ {6 z' ~8 U6 ~; n; Yfunction moveBall() {4 V+ v1 E/ ~: u- N' ~) z
   if (superballRunning == true) {
8 b, w+ M+ B; y& E      calculatePosition();
; L! `! h. w0 }, ]- t0 [' w: w      if (document.all) {  t6 e* i3 Y' a# J, X9 J
         document.all("supertext").style.left = xPos + document.body.scrollLeft;; f0 f9 `9 n& ?- K# H
         document.all("supertext").style.top = yPos + document.body.scrollTop;
% G: G3 z2 {0 ~% X' U+ K         }
1 |; W: x/ [# A; o7 U- f$ q5 l' J      else if (document.layers) {! d8 [- x6 Q3 I  f& ?8 `% H; ~
         document.layers["supertext"].left = xPos + pageXOffset;7 ^4 b" d3 b7 C% X$ J. }
         document.layers["supertext"].top = yPos + pageYOffset;+ o) I* Y& ?; [& @
         }
. @2 J+ u4 @4 i      animatetext=setTimeout('moveBall()',20);0 C& X8 a! @# y# B2 U! ?; S5 o& h
      }
4 s# b, w3 b# i$ g8 G4 h' h   }
' g& k+ S+ k1 E; O9 }( w( W  c1 \9 I4 D% [
function calculatePosition() {
% W) k% }' m1 _; p- L$ u   if (xDir == "right") {& L- i: [1 N- ]1 ?5 u( L
      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 c" d! j+ c3 l6 C6 J         xDir = "left";- y+ w. e8 [1 d' G+ ~
         }
/ c+ Z9 |9 ]7 q# v- Y' d, X% D: B      }# C# A' t( |( J2 T) O% `% {" e5 |
   else if (xDir == "left") {5 l" r0 A7 E; K
      if (xPos < (0 + BallSpeed)) {) y! X) q4 i2 E$ J7 \9 n1 Y# j0 g0 C
         xDir = "right";
, x6 L+ ~! c/ y1 r' ^$ d& R( V         }
% s( b' J8 i7 [      }
6 ~% p3 L( H6 {4 S! x0 D" ?, b7 k   if (yDir == "down") {) P: o% P. x$ F5 C9 U- X/ @
      if (yPos > (yMax - contentHeight - BallSpeed)) {! S/ o2 s: l$ \+ \$ A) ?; P& ?
         yDir = "up";# O, m* k' ~- z$ c
         }
/ o# C6 [$ n& p% M9 _      }
$ w+ Y" s% _/ E$ u: W# H0 E   else if (yDir == "up") {
, [/ q( W, [8 ^% N/ H+ J. w9 V      if (yPos < (0 + BallSpeed)) {7 Y+ r0 ?, r( ]% @& l2 T  p
         yDir = "down";
+ p% C( v6 j* U% }# z+ @         }
* V' J) x( {0 @  I) s/ p6 f      }. p: y4 P  Z, F' P4 p
   if (xDir == "right") {
% \6 k% P0 A. ?6 j+ X; h+ {/ U! s5 w      xPos = xPos + BallSpeed;$ W- \9 @; y/ U+ s% U
      }
8 S$ n* J0 G9 o- J% K4 d2 V* j. q   else if (xDir == "left") {
: M1 J. B( W. v- l, ?) n+ y1 Q      xPos = xPos - BallSpeed;
# R' W1 r, t  {' `7 B- a. V7 {      }; C& d" V+ r: s# ]7 V
   else {
7 Z; e8 l. ]2 g0 E$ w2 f      xPos = xPos;( E% i+ F7 g  P  w
      }& \1 G7 b- F1 V: k
   if (yDir == "down") {
( Q) i( R: q, x9 \      yPos = yPos + BallSpeed;! D' Q# i1 Z. t! x0 Z
      }
, D' Y. J; y+ E7 U% p$ v   else if (yDir == "up") {/ M0 X: @9 w" x8 X6 b, y6 x8 a
      yPos = yPos - BallSpeed;9 N$ H  a5 J* ]; P
      }
: n4 W, K4 C- X* j- \& o! K) s   else {) e  s/ n2 n& k. n- H
      yPos = yPos;; }- g! ~: _8 C2 z6 q$ Q2 b& U  |8 s
      }
0 X6 j2 l% o  ^' w9 n1 `* l3 ~   }
* i) a$ T/ y+ z+ l
/ ?% l# s# [0 l( P! bfunction hidetext(){
& N$ Y. B, L7 b9 Pif (document.all)
' R; u: L: s' D0 g5 U; Zsupertext.style.visibility="hidden"& c' ^1 H2 U( H
else if (document.layers)
$ i3 Z$ s, N/ l/ M4 `document.supertext.visibility="hide"
5 D3 E% Y: Q, v) Y+ W8 }clearTimeout(animatetext)
1 o! f4 i8 h/ f2 A}
1 {. Z8 b: [; h. ]0 G2 W7 ?  i/ Z, h6 X# E/ {
if (document.all||document.layers){& N6 H  q, M7 O3 f
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* J( ^+ a0 R, @window.onload = initializeBall;
* {/ `, O$ J- p+ J# P: ~window.onresize = new Function("window.location.reload()");
5 @# x" e9 w2 x}6 t. g: _$ U  }# f1 @) N; t5 _2 b6 S

) q0 p% p! u* h, I# d% b</script>