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

zw2004

<style type="text/css">
+ B- C0 U, X5 L; M1 y1 g& {#supertext {* I- g( X/ g+ q2 h# _# I+ }
position:absolute;
! w; [& k8 o" Tleft:0;& I: ?# A# d9 O7 v
top:0;& [4 a7 s. Q3 E6 Q/ s: C
visibility:hide;+ @+ H% B. n* d2 C" y
visibility:hidden;
! G$ u. a5 T( p/ r2 ?) C}* e: ~* U/ a+ b* k" d6 |6 _
</style>$ k3 W! [& j/ Y4 x4 e& {' T0 Z
<script language="JavaScript1.2">
" b; m( ~% s" ]. z  b<!-- 改变下的字体的大小。颜色-->! S. G1 m; v, q8 d; c
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& @" l) M+ ~, T
var hidetimer='';
+ ~- A, ~! @1 p2 m5 P  ~  |  O<!-- 改变下的弹跳速度-->/ S; C6 T2 X" R. d- Z! T6 j1 Y4 X& {3 y
var BallSpeed = 20;
6 b5 l, s& t( S3 F/ O8 uvar contentWidth;
; a/ r- r+ ^# X; F5 K+ ?& Uvar contentHeight;
$ D4 q- [4 y+ f4 T( Z! v6 e  Avar maxBallSpeed = 50;. R  H- v+ H: l8 X

& k5 c$ y# N# c
, ?' ]3 y( z4 A& _. p6 W& rvar xMax;7 B; \- z. S8 v7 M. \5 D, k& T5 \) x
var yMax;0 _: D7 a5 O" ]9 P$ |
var xPos = 0;
) Z' p8 n* F& e! L) J4 i- `1 x* {var yPos = 0;
3 {5 U/ x% d- [2 D% cvar xDir = 'right';3 k3 l8 k( x- g
var yDir = 'down';$ x; J, c. }3 a, l& \
var superballRunning = true;% y/ Z! J  J6 P' K: D1 P; \  z6 G
var tempBallSpeed;, S* O" C2 L! p2 f% y1 H' P
var currentBallSrc;  V3 U1 j- o9 {* O+ w8 ?
var newXDir;1 l$ |. Z! W5 d; f" ?+ ^
var newYDir;
' X6 r1 j" i. M: A+ p7 U- ]
1 |( ^) X1 `8 d! Pfunction initializeBall() {
3 Z4 W8 b- a" l; s5 J   if (document.all) {* [6 |) V' [8 E, }
      xMax = document.body.clientWidth- ^5 H) t) S  D5 v$ Q
      yMax = document.body.clientHeight
9 y; L$ f- k: z$ w      document.all("supertext").style.visibility = "visible";
% n( a/ ]  s$ r# Y" J% F" t/ s      contentWidth=supertext.offsetWidth
3 Q5 e+ k/ S5 R# `+ z      contentHeight=supertext.offsetHeight
7 z* t4 x, N) j& x1 z) P) M4 g      }4 P6 I/ X' u( t4 a
   else if (document.layers) {
, p! u' P& B; x9 j$ q      xMax = window.innerWidth;/ n; R2 z  k7 s. J6 l% N
      yMax = window.innerHeight;
" y) \+ `+ }4 C$ Q, p      contentWidth=document.supertext.document.width) V- K9 T# x9 X
      contentHeight=document.supertext.document.height
1 T7 C6 }9 h, a% e1 H2 ]$ E4 F      document.layers["supertext"].visibility = "show";
: [# Y, Y0 _' t' z2 Z: }% M0 N' |      }
5 ~- D: D0 T: m  E6 w% N, `7 n   setTimeout('moveBall()',400);
' m( o# {' D6 u' b   if (hidetimer!='')
1 w- x# }% J0 z3 ]' p   setTimeout("hidetext()",hidetimer)' M- B' O  U; l: N7 s5 [5 E2 o2 ]
   }- H$ w& `/ h* |5 h
, I) `$ t/ [. _$ m! F8 Z" b& `  P6 B
function moveBall() {" q( N9 k' r) |! x9 p! d
   if (superballRunning == true) {
" K; G; M9 }4 z" o" S1 a- f      calculatePosition();; X$ i2 o# K5 A0 q
      if (document.all) {
7 |& K8 S" U, ~0 g6 P" }/ R         document.all("supertext").style.left = xPos + document.body.scrollLeft;
6 q$ E0 U. H. A* ~0 e         document.all("supertext").style.top = yPos + document.body.scrollTop;
, Q. w! `) N/ p; O& }         }
8 u9 Y* v7 B. g2 z( f      else if (document.layers) {3 i* v+ t  Y  l1 S% V" Y% h
         document.layers["supertext"].left = xPos + pageXOffset;. `0 x5 m6 `, U' M
         document.layers["supertext"].top = yPos + pageYOffset;
% y# |; G- C0 v6 f         }
4 _* K6 p) P+ @3 [2 z      animatetext=setTimeout('moveBall()',20);2 A6 j: O5 S! j: _0 V  g
      }* C2 W3 K, d9 K9 J& r4 ?% ^# Q
   }
; b& ^4 ^0 m$ L( i/ M7 z7 F! c' ~' e
function calculatePosition() {
) W5 ^# N( g: v: t5 N   if (xDir == "right") {
( U, p! Q- ^" s      if (xPos > (xMax - contentWidth - BallSpeed)) {  @: o: y; f$ o4 x  C4 I. D; A
         xDir = "left";. `: }: ~, X' c: B
         }
  C7 l# A* ]! V' {) n      }
8 D$ @" v$ F6 S$ N- J   else if (xDir == "left") {
2 u& }3 x; |' E  k. P" S      if (xPos < (0 + BallSpeed)) {2 b6 w$ K5 v& b
         xDir = "right";% @) U% r  `/ C( O, j
         }
5 W$ q- P% p3 f/ s- k1 i8 D' @0 s      }
# O% u6 |/ }% G) [) x   if (yDir == "down") {
0 V2 l( ~! `. T! {      if (yPos > (yMax - contentHeight - BallSpeed)) {" H! [) C) H" `2 @9 G
         yDir = "up";6 V- f* K9 w4 B% {  c
         }
8 `- w. K: |! Y# x) `      }. l& ~/ T. t; f( a+ k, ~0 l
   else if (yDir == "up") {
+ b1 o) `5 I$ B+ g5 w3 G4 K3 \( m      if (yPos < (0 + BallSpeed)) {. d0 {2 b) u5 n( I5 w( }/ r
         yDir = "down";
5 i6 A5 G: S: \5 @- d         }
6 U, |+ }8 R2 E      }- c9 ]! Z" x# T3 P8 V! R
   if (xDir == "right") {
+ e. A! m5 @0 s6 ~      xPos = xPos + BallSpeed;
0 r& {$ b5 |0 _. {      }
6 D, j# S8 j8 K4 g4 _4 P   else if (xDir == "left") {. o5 m& S+ _, X
      xPos = xPos - BallSpeed;
5 v& G2 A- F( a8 B0 ~# z      }
' G+ Y& j; `8 j& T8 C9 r9 e$ q   else {
' L5 V" W4 X: e) a. `9 ]+ ]4 w      xPos = xPos;
( u- ~2 q5 D% Y! Q      }
2 x: J6 Y3 {; A+ s   if (yDir == "down") {
5 K7 M8 }1 R9 u  q3 ~8 x, k      yPos = yPos + BallSpeed;
% U: R: Y$ n2 O& g, L. g% u1 [5 K      }
7 U; T3 e, I# @2 {; z; a% D   else if (yDir == "up") {
/ o2 J& ]. W$ S      yPos = yPos - BallSpeed;) s5 I$ T  x$ ~1 w
      }7 g& m0 w" g  w1 h7 b
   else {; M7 I5 J. \5 Z8 `0 {; x# r% F4 @) A( H
      yPos = yPos;
& s6 n7 g% H( g8 |7 U      }
  `/ ?" k3 [3 r+ Z4 c3 s% M( N   }0 j3 _) H2 R2 ?, G, O) Z

9 Z4 C: s% C, L0 \' b; Xfunction hidetext(){/ F0 }" r9 R. y3 u! O
if (document.all)
* G7 @( @9 L# Msupertext.style.visibility="hidden"
: y) Q1 p; o3 i  o: T! w* v: Qelse if (document.layers)
9 F4 Y0 j2 ]/ Q3 P! X7 |( h  rdocument.supertext.visibility="hide"
8 |" I3 z, l& K. UclearTimeout(animatetext)& w! c( n/ e* ~( w% o0 e
}
5 C5 u- k& J, u, o3 i+ J( n6 k
5 Y5 A: D+ g# z/ H: U) Kif (document.all||document.layers){
# }- k/ a# O4 o7 Pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( b0 ~. B% n. mwindow.onload = initializeBall;6 _% M  R# E) L- t, V6 I0 c
window.onresize = new Function("window.location.reload()");8 x- \0 D" O% P' Z
}6 y' K' _# X. D5 c0 O

& [6 C% @  R( E1 {' V% u3 @  d% s</script>