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

zw2004

<style type="text/css">
, o4 k- j9 w% x7 l#supertext {
- H& k  X. Q- D/ C: p- L7 N7 l" Gposition:absolute;
  [% `( {( f0 @left:0;
% S' U& r- @, r  I5 otop:0;
" z; K# l2 [  |. n8 j8 ]visibility:hide;
. ]2 l! d) u+ R- e& }0 c& m  X6 B2 lvisibility:hidden;
$ L% T% F' m' d3 s& l# A}
* L% i5 o; ^$ D</style>" r2 g5 |( M2 E3 }% Z. `" {
<script language="JavaScript1.2">3 v. S4 X8 @: B% T
<!-- 改变下的字体的大小。颜色-->9 @+ Q! s) I+ F! U. [
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ F: u/ j9 m9 O' y
var hidetimer='';
8 o  ?/ k& P1 i/ Z4 [<!-- 改变下的弹跳速度-->
: h- l7 [$ S: o1 o! S9 fvar BallSpeed = 20;% w/ x3 g! R: V  U2 s
var contentWidth;9 U* G$ ]: U4 w# a* k9 Z/ s
var contentHeight;
6 x6 `, S9 U. }; z+ n% bvar maxBallSpeed = 50;
* \  C6 ]6 m2 a/ d; ^" m  a1 ~( k& i6 P

" C* {* `7 W0 i0 ^7 D4 b7 bvar xMax;
- Z. ^7 I2 G& s) _' V5 `var yMax;
# z8 I& r3 q/ r* L# _var xPos = 0;
9 J* b1 `, U( b7 `$ \/ G9 evar yPos = 0;
0 e2 x- J: }5 C: [1 `var xDir = 'right';
( o9 P$ m) ~. W8 T0 F1 B: ]* ~var yDir = 'down';
3 O2 H: K3 z$ P- c% Y: z" V6 jvar superballRunning = true;
* q/ O2 m. i3 i0 U; S8 p- a# Fvar tempBallSpeed;0 P' }* u# l4 p. I1 Q, N( b, d
var currentBallSrc;
& }5 ^9 E2 \( L7 W  rvar newXDir;  V0 g" Q4 r& f& \1 N
var newYDir;+ g$ M( l* v2 \2 j8 Z6 w/ ]8 k

$ T) l' v/ j- h2 r7 u  Y1 X; Cfunction initializeBall() {0 o" p/ ~8 Y, W- N
   if (document.all) {
: q1 x/ I( \4 Y# o& n; a" ~- J9 r0 }      xMax = document.body.clientWidth
2 c8 n6 A: ]; l, \; E7 Z2 D      yMax = document.body.clientHeight/ R1 E5 Y2 h8 C3 C, m* V
      document.all("supertext").style.visibility = "visible";
! M& E, H$ @: B) `      contentWidth=supertext.offsetWidth
, f% e2 G5 M% V) Y+ y      contentHeight=supertext.offsetHeight7 R, `' I0 V( {: j# v! G) J  z
      }, k/ ^# r/ Z$ O' Z/ A
   else if (document.layers) {9 E- c; v* }1 D7 O8 @
      xMax = window.innerWidth;% x/ x8 p. Y5 A$ U+ r, D
      yMax = window.innerHeight;8 N2 t3 h# x" @& _8 ]' W
      contentWidth=document.supertext.document.width
% I! f6 [( T) U) d4 ~. P* d" D5 g      contentHeight=document.supertext.document.height$ B$ u9 o) D" [
      document.layers["supertext"].visibility = "show";
: b/ i% d9 \, i1 G+ O0 X      }
/ b: {7 @3 J: N! c/ J' D  l7 j6 @   setTimeout('moveBall()',400);* `5 c0 u' [& k) I" s' _3 |
   if (hidetimer!='')+ A) g( m/ H- ~, S1 W( Q+ ~2 v2 L
   setTimeout("hidetext()",hidetimer)/ M$ V7 D& U, o$ w7 J2 t; W
   }
* }) ^: x: A( B) F2 f3 e$ o2 y1 \3 w% z' J3 ^* m5 d: S
function moveBall() {
4 m+ Y7 h: [# y  R; K   if (superballRunning == true) {: m, U: q% O$ |: p, H. ?- u4 A
      calculatePosition();
0 }- O1 ^3 }1 }# J8 f6 _  t      if (document.all) {& P8 T- l: S) K, G# t4 G& `
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 D* y/ [" b7 b! H8 G         document.all("supertext").style.top = yPos + document.body.scrollTop;
3 M) I# n! V* n. V         }
  d- P" O) o* G! q+ q4 X      else if (document.layers) {
" @% M3 J( d" C5 v0 s( ?0 v) G         document.layers["supertext"].left = xPos + pageXOffset;; [% @8 ^; l  _3 t  A* a
         document.layers["supertext"].top = yPos + pageYOffset;% ]9 k3 w5 ]+ U: c$ \) a
         }
+ E2 |0 E3 \& a* `: h8 [& Q, G/ M      animatetext=setTimeout('moveBall()',20);* m  G6 P$ z0 O9 B: ^2 l: {$ u
      }- _% G( P# e$ D3 W  }
   }6 q5 u' c4 Q- B' ?; t5 M/ }
! k/ d1 w1 I2 k% @5 N; y' x! U/ V
function calculatePosition() {- {; W* S$ ^$ G
   if (xDir == "right") {  y& f9 N  H3 ]+ X& }! i0 T% U* Z
      if (xPos > (xMax - contentWidth - BallSpeed)) {
+ A& l8 ?  H( N2 b5 _8 @  _7 u         xDir = "left";
, J7 H# N& W. E         }# Q7 L/ [( }9 x, |% C9 U4 S" J
      }
( Y8 O# L$ v- c# U2 m   else if (xDir == "left") {
6 u$ w2 j1 k$ k! d$ q      if (xPos < (0 + BallSpeed)) {' M+ R0 r  }8 f9 T( u' Q% z  ]+ S
         xDir = "right";
  _2 O* }" x1 J- m         }
  O) Z( g0 v: }3 x: H- ~& t+ G# V' C      }
3 G' W8 e1 ~( ]: p& g3 I   if (yDir == "down") {' `0 S* q% S$ f4 l8 H& l$ f3 d2 n+ }4 o
      if (yPos > (yMax - contentHeight - BallSpeed)) {
' c& v, I, l6 I$ \# H, X' X         yDir = "up";
7 `9 X& G% k- t% Q7 J         }
" O$ }0 q2 X( s  S9 j. `6 p      }  n  S4 P7 ^/ j: f
   else if (yDir == "up") {
6 m# c5 X9 N5 g) |6 l- y      if (yPos < (0 + BallSpeed)) {2 e# m5 ~* g3 r
         yDir = "down";
9 f, h) Z$ ?, N2 Z$ |1 R         }( G# J$ x/ ]! K, p2 }: M
      }
! d/ i8 h! A. W2 e9 W   if (xDir == "right") {
$ W" u9 }* K9 w8 {: r7 q      xPos = xPos + BallSpeed;+ W$ S8 t& J" I# z
      }
; O  d  \1 g9 w- f, U   else if (xDir == "left") {
7 i1 b/ _' k. `      xPos = xPos - BallSpeed;% I- H# v! z2 K2 x1 V. ]
      }
! v7 [1 G$ U$ f   else {
4 ^2 W/ H3 c$ _3 d$ o& ?      xPos = xPos;( X, H  G! T  z+ Y; ~
      }' C0 F6 |/ Y# h+ D8 z. p
   if (yDir == "down") {- |9 H, w8 O" n& {1 z( v
      yPos = yPos + BallSpeed;% g. `  p# E* ]7 D
      }( U7 B! o6 G. ]; P- ?
   else if (yDir == "up") {6 g/ G' H6 i& M$ A2 {# B
      yPos = yPos - BallSpeed;$ t" j  s+ `8 p! H3 c9 H3 r$ D' B
      }) t0 E* E* Q" r
   else {
5 c, z4 }& g  s$ F) M& u- h, `5 P      yPos = yPos;
/ R* G7 _" S$ c5 t% ~/ \      }5 Y; _4 i3 J9 O% f" g# g8 E
   }
6 n2 A0 G2 x6 M, W* ?" a8 B: @+ P) z: C; v  D4 p
function hidetext(){* a5 n" B( x4 }# l" ~! P, Q$ n
if (document.all)
  K7 H' ^$ L3 Y: N8 ~! Bsupertext.style.visibility="hidden"
7 V0 D7 G3 S( `6 `, @7 b' ]/ z# Qelse if (document.layers)9 \0 B3 _6 t6 v' U! [5 w
document.supertext.visibility="hide"" |% ?* T) d7 o4 j
clearTimeout(animatetext)2 n+ g: q6 j9 o  ]9 Z
}2 L; X% d3 J& j# Z6 ]
5 k0 w: u; i1 F2 W7 t2 r9 m- R
if (document.all||document.layers){
' K' a1 g% ]8 L# n5 W/ C% F% P6 ^document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& @- o7 b- u0 D- ~* g  Y9 F
window.onload = initializeBall;# R& g3 |. p$ I) [8 |6 A
window.onresize = new Function("window.location.reload()");* Y( J8 @' H* y$ W
}/ ^3 t* P! @- ?  m% f

6 H- U* h8 i2 X, `+ a0 p</script>