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

zw2004

<style type="text/css">! [: |9 {0 T5 `: T: E1 F: C
#supertext {+ `. A* _6 T1 H! t% x5 p0 [& F! B* `
position:absolute;+ P7 j2 M$ O1 Y  J2 i7 `4 ]$ B
left:0;
2 M0 l6 l. E+ y% L! ltop:0;
. {( r; \: A3 }/ k' k! Bvisibility:hide;. l+ C5 w9 |) s' G
visibility:hidden;
5 u2 V  t0 l4 F8 S+ I* D; s$ U9 W}! S# c" [6 k3 Q# ?1 Y
</style>0 w6 [& g9 o1 n1 u3 l3 H2 {- s
<script language="JavaScript1.2">3 j( B( e' k  q" A$ W
<!-- 改变下的字体的大小。颜色-->" u7 F  \) j! S. f
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9 D# F. s5 a) y3 s2 V
var hidetimer='';
* o+ Z6 [+ d; F5 X/ p8 ]4 L<!-- 改变下的弹跳速度-->
8 P: a# `3 z' L& Zvar BallSpeed = 20;
5 x+ C3 _  e; y/ u4 evar contentWidth;1 Q! k/ K* @5 a& Z6 N
var contentHeight;
1 V1 `: K( p; j- jvar maxBallSpeed = 50;5 T8 j8 G+ Z( \! N8 @0 r- L

1 P/ q0 W) T2 j+ D6 \3 ]% _$ @0 H; {2 R
var xMax;# S; d$ K" _" |) v1 u5 K; X' ]
var yMax;
7 p" J# R( ]; R& Y! k  @var xPos = 0;
2 @+ |; s, a6 w0 Wvar yPos = 0;) i" m7 n/ s' p* y
var xDir = 'right';# @" L; I2 B9 u9 g0 Z" ]8 q
var yDir = 'down';3 ]5 D) _- F! T/ {7 Z
var superballRunning = true;
" o% M1 h& U9 H2 }" Tvar tempBallSpeed;) C1 e% K8 H+ z; m3 i* m3 Q/ f7 s: I7 L9 j
var currentBallSrc;
% m8 v! f) r/ s  avar newXDir;
6 a6 g7 r& L/ q7 n$ C* N& B  g' d! A2 cvar newYDir;
$ G) J. F$ K9 ~: j  K1 Z: K7 C& |: t* J" u" s
function initializeBall() {
1 i8 Q! J% E0 o+ v: N   if (document.all) {1 n8 S0 ^/ E. }2 A8 l" I6 v6 D2 L
      xMax = document.body.clientWidth$ @8 P( M8 H! j8 I- L/ x
      yMax = document.body.clientHeight8 P7 `1 F% a3 i2 M
      document.all("supertext").style.visibility = "visible";0 M1 l5 b& f% A  e7 ]5 Z
      contentWidth=supertext.offsetWidth7 g$ Q3 M: Z: w8 ^# |
      contentHeight=supertext.offsetHeight1 Z% T  U! H4 p3 J  O  R* S
      }, B9 G4 d9 ^" [) y4 L* v
   else if (document.layers) {' g- ^* P1 i% E+ z5 Z
      xMax = window.innerWidth;
6 W: f7 q) h, J  |/ j( }6 c2 ?* |. t      yMax = window.innerHeight;
! m- k* ~3 {4 j; d& l( I      contentWidth=document.supertext.document.width( W# {/ D0 s7 t4 ~! Q# q7 n
      contentHeight=document.supertext.document.height  o# U2 d: _& k
      document.layers["supertext"].visibility = "show";
, P4 `- F* A% g. }* y6 F2 t9 b3 G1 A5 \      }
# a( ]5 w% l" b1 s   setTimeout('moveBall()',400);
4 i- }2 M! T+ g7 F7 m* S7 Z+ E: |   if (hidetimer!='')
- a% a' H' X3 J( ], x4 y; L, w$ d   setTimeout("hidetext()",hidetimer)
1 _/ Y0 d- d" b4 r- D3 K   }+ f# f; O# o7 \# w2 E1 r

' T: _9 O1 w2 @1 |# rfunction moveBall() {# d, V7 A# t  Z+ ~- \% ?
   if (superballRunning == true) {
$ _) W. `+ `  v' D5 y$ `& |7 X      calculatePosition();$ z/ _, X3 u% _: \) }9 G
      if (document.all) {
, S' S$ }: l( l" {         document.all("supertext").style.left = xPos + document.body.scrollLeft;8 Q0 p" j! S# t- x' U/ L
         document.all("supertext").style.top = yPos + document.body.scrollTop;
7 R* `* O7 \( V$ r; @         }
% B# q% q9 w7 I4 Z3 G" U' W      else if (document.layers) {
. f3 c- Q" M- }; G7 Y( `         document.layers["supertext"].left = xPos + pageXOffset;
+ l  S& u+ X. M, t3 `5 a" t         document.layers["supertext"].top = yPos + pageYOffset;' w3 ]- K$ b6 y2 X% i( _( M
         }
) B* J, [% B4 c0 V      animatetext=setTimeout('moveBall()',20);# |% ~' h7 C! n, f( t- x+ t
      }# d% e# j( U" Y: c  m
   }
! s# Q+ Q1 e' j( l
# D/ K1 _0 Z" ~  R2 X+ Qfunction calculatePosition() {
9 o4 C6 E, p  F9 \   if (xDir == "right") {
4 g. O5 n, s2 j: l& `5 a      if (xPos > (xMax - contentWidth - BallSpeed)) {9 b9 y, y+ u- Y0 ?# y' f# Y) }
         xDir = "left";
) y  s5 q5 y8 k4 z$ {. a         }
% c# Q: y) e) \) D      }
! r& F3 s6 c  L   else if (xDir == "left") {* \4 }6 Z9 u" x# x, a
      if (xPos < (0 + BallSpeed)) {
/ m* {9 l: E! g6 ]5 B         xDir = "right";8 R1 T; A8 V! F0 _
         }4 T$ k$ v4 y  E8 c# ?! Y- X3 T3 b/ V
      }+ C" l3 e0 Z+ M/ P6 u! [
   if (yDir == "down") {. U( v  A: c3 M
      if (yPos > (yMax - contentHeight - BallSpeed)) {$ [+ E/ I- l$ w6 z3 y& Q
         yDir = "up";9 m) ]  N& {  B4 I6 {1 B. s8 `
         }. @# k6 c( M- ^7 X' \' k% Z
      }5 l+ x+ Q' Q( y
   else if (yDir == "up") {
5 O0 E8 Z) N! P0 `. R0 e$ G      if (yPos < (0 + BallSpeed)) {
; [$ G. L# `. g. J" g         yDir = "down";: }! _7 |) h' i
         }: K7 ?- R& N2 l3 |
      }
) |6 Y' j) R3 k' G   if (xDir == "right") {+ W$ ^' }- @+ U3 J/ o) f
      xPos = xPos + BallSpeed;
7 r8 d: m3 [4 U( d* [      }
9 Y. B7 L* p9 e3 [9 h   else if (xDir == "left") {
/ M# p! _6 w2 Z: H+ i( g      xPos = xPos - BallSpeed;
$ c; v# h/ Z2 V3 `' u7 q: j1 R      }; w5 w3 B  H% ^* U& t$ M, V
   else {
$ X/ X0 x% H2 ]      xPos = xPos;4 E1 o( s+ _+ D( M, D
      }
& J& v9 `( k" v  d% |   if (yDir == "down") {- w: _- v6 b7 D5 E+ y/ u' m9 h
      yPos = yPos + BallSpeed;
; H0 ]+ _1 f' `4 [: c0 S9 M& I      }
3 d2 n& b, }" C$ F% J   else if (yDir == "up") {
. g. D! k" i) e  S' u      yPos = yPos - BallSpeed;
$ x% z) V3 V0 W( r- ?      }3 k% L+ I8 H2 h( m/ S- c4 j/ j" t
   else {
) d. `# D% ]; j      yPos = yPos;
; i! \+ {7 f4 a      }
: u; C# |/ n5 i* ?/ ]& R   }1 g& M% @# s  V7 X; o; [5 t
. ~  Z& E% Y* W
function hidetext(){, L3 r3 w. ]4 c1 \1 B: Z5 {
if (document.all)' @  R& f: E6 i+ c# n
supertext.style.visibility="hidden"
! k. f" Q' [1 @# t* Z- @% melse if (document.layers)
, N' k$ W- u) z3 Odocument.supertext.visibility="hide"
1 L, V; K% E" d: v/ z+ v4 dclearTimeout(animatetext)' }4 T6 I9 D. i9 m( J# ^  b
}
% U- a1 \0 |" v/ {+ N3 s# j+ M- \5 m  g
if (document.all||document.layers){
" f1 U- l  n% P1 G* R6 |3 Idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 Q" L9 s  W2 X* @1 t9 pwindow.onload = initializeBall;
/ ], {/ [3 _8 k; i& n5 Vwindow.onresize = new Function("window.location.reload()");
2 p% L) ]8 m, [, p2 K}2 ?* P) o( D% J
, d1 V* Y5 j( B# ]
</script>