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

zw2004

<style type="text/css">7 A/ Q5 |* K% }  y$ k# ?
#supertext {1 B3 D( ?1 C  j! J
position:absolute;" t+ G1 ?6 N* F$ [
left:0;" M0 j' R% v5 P/ r
top:0;
$ c  @% B% F% k2 z& g' Tvisibility:hide;
% r: `- |7 D/ {. J4 U" Rvisibility:hidden;
& q6 ^, v" A2 \8 N' h8 ]}
# j; k2 c9 _( P9 j0 X; L' h" H</style>
7 h) Y% u5 O' s5 A" O<script language="JavaScript1.2">
* ~. E6 \6 K0 R3 \( X$ `' `: }<!-- 改变下的字体的大小。颜色-->" H3 E2 P3 z' Q+ {0 D
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
; y- p8 s- }  A6 Cvar hidetimer='';
9 u" O6 S9 u0 a- Y- c3 D6 c<!-- 改变下的弹跳速度-->
( ?- w/ @$ O+ r' |) cvar BallSpeed = 20;
6 `! ~) h, Q( `$ ]var contentWidth;
- @2 }0 r5 v& f1 \" |, rvar contentHeight;
7 l9 k9 ]! O  Y5 W$ F. b1 \var maxBallSpeed = 50;0 d! J8 a5 o- H$ B

- ^3 E8 ?1 s9 d% P* q, Y0 y$ k$ x
0 ~7 g0 Y3 A9 r9 r8 Ovar xMax;3 @7 B" s' d) S3 s# k0 q$ I. c
var yMax;
0 ?, M' S1 L* p" v5 [* Dvar xPos = 0;+ P8 B- z3 k4 ]9 Y' n% S
var yPos = 0;
. c# r8 J* f+ O5 Z* R$ r! _var xDir = 'right';2 a/ S6 u% v2 {- g) \5 j: W& ^& L
var yDir = 'down';5 m/ H. I" A4 v0 j! m
var superballRunning = true;( _# s- u' o& Y. T7 r- i4 U5 K
var tempBallSpeed;
& c5 L  \7 j4 B# ^3 ivar currentBallSrc;
  ^+ R9 f6 c4 F* A7 I; avar newXDir;
3 w4 s% g5 M' m; K0 s! vvar newYDir;# T3 ]1 |# S# S

7 U1 _# E0 O5 P! g8 K2 ?& Jfunction initializeBall() {
" i$ X; O" Y) Z6 }- N# V   if (document.all) {0 j9 E( @, q0 |& q* {5 V, P2 B
      xMax = document.body.clientWidth( v5 D. J3 A) [
      yMax = document.body.clientHeight
5 y, D* H% R8 f9 Z- F      document.all("supertext").style.visibility = "visible";
; I) T! K$ q& ?9 E& y3 f      contentWidth=supertext.offsetWidth% ~9 V% F5 B7 ]& W: v
      contentHeight=supertext.offsetHeight
; @& _& p0 s( c! ~% }3 D      }
: K7 W" T: ^, \   else if (document.layers) {
# {: I$ k& a+ S- \5 r      xMax = window.innerWidth;
& a/ p6 ^% H( d( j: p$ I4 P' H      yMax = window.innerHeight;  Q+ @- O+ V- B3 W. r  k% g1 j
      contentWidth=document.supertext.document.width
# q" c. i9 m( {$ b: u, P      contentHeight=document.supertext.document.height
) k: c7 F+ D- l! G      document.layers["supertext"].visibility = "show";* P$ e1 {) b. T- h
      }0 S: a& A* M8 j) s: }* @
   setTimeout('moveBall()',400);
9 V+ N' n4 b  l# H1 H   if (hidetimer!='')+ g+ l2 E5 ~# M( }. @
   setTimeout("hidetext()",hidetimer)1 @5 q" N! V6 ^+ I0 K' z. d
   }$ B3 d# N  E# L9 m% K' K

1 e7 U1 [( R+ ]) D2 \; lfunction moveBall() {" |  b! s, A7 c2 T+ p/ `
   if (superballRunning == true) {( ^5 D' ~! @9 y+ E
      calculatePosition();/ I4 Z" L- o5 f2 f4 F
      if (document.all) {3 j. \- X. d/ h! n( _( [) E
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
% I. `3 K& O8 K5 e% \& S5 Z8 u         document.all("supertext").style.top = yPos + document.body.scrollTop;& d( W3 d, l# w# J
         }
' Y+ P: v( V' j* [, P0 i      else if (document.layers) {
  h. V; p, `9 z5 N  {3 R' A7 [         document.layers["supertext"].left = xPos + pageXOffset;
, R: d5 i2 D! H7 h         document.layers["supertext"].top = yPos + pageYOffset;. k2 A- i& U. A( k% b0 z
         }+ [/ }% F. m( H! S' |9 n! c6 W% M
      animatetext=setTimeout('moveBall()',20);
/ Z; W) W4 Y/ n, s1 X" a+ Q      }
( u! w! G. X$ h% x& h: E   }& }' ^) R! Y; S" i- [7 K
6 }" O  N' ]  R1 i2 ?) d  D
function calculatePosition() {
7 h5 p' _3 O! z2 P2 D% M* t   if (xDir == "right") {- V$ X& D1 z) D' z
      if (xPos > (xMax - contentWidth - BallSpeed)) {
  T7 _6 I6 Q; b6 E- Q7 J& ^4 q         xDir = "left";! i9 m# l0 h+ }0 ^
         }6 v) C+ l- g6 P0 h$ r  j: R
      }
! r, r, l' _0 \1 n( c& V5 m   else if (xDir == "left") {! w% e8 r- T! B) R: D
      if (xPos < (0 + BallSpeed)) {
! B# r# e" I( `7 ~. N0 k1 e+ }         xDir = "right";
* W- `$ n! X: W3 d9 v         }/ ^8 d, h! Q/ G$ R$ n
      }
) a/ K" M) t5 d, P   if (yDir == "down") {3 ?3 ]  M. k1 l3 B0 b% g; `" q( b0 N1 F
      if (yPos > (yMax - contentHeight - BallSpeed)) {5 n: M& n, x9 \% S$ ]/ W
         yDir = "up";
% n8 k+ T1 [8 y, f% J8 q" w9 F: D         }
. T0 U( s" i& ]" ]. V      }
+ g. J' ~8 P/ b7 e   else if (yDir == "up") {! i% r7 j% l/ s
      if (yPos < (0 + BallSpeed)) {8 V+ v3 H  P9 h* D
         yDir = "down";2 s: Z3 }; ^8 e* I6 b
         }1 r5 A$ b! d7 W
      }
+ i8 X8 M% V, g   if (xDir == "right") {
# G7 z1 P  }9 G      xPos = xPos + BallSpeed;& P6 F. W9 U' j
      }) e2 l3 f, H% Z. U" ~
   else if (xDir == "left") {; N# L6 _) {  e4 ~) h7 D9 K
      xPos = xPos - BallSpeed;5 }  B5 {' G" U4 a
      }
/ H0 q' D# p$ q   else {
8 C/ q) q' S. g( y      xPos = xPos;# f* D+ X$ k' e/ J) |' r$ u( K
      }
. p2 w; s/ O; R' L   if (yDir == "down") {$ x% V3 X/ L& }4 V/ ^0 N
      yPos = yPos + BallSpeed;. e# ]5 S/ T6 T1 p# t0 k
      }
- K: T5 J9 x% i0 p0 W, s9 p   else if (yDir == "up") {
" K: P  _% Y5 M5 i# S. d5 H& m      yPos = yPos - BallSpeed;
! O7 S3 ?1 O% h! _: T- W; E      }" U5 N3 k9 F& p) J: G* e5 E; \
   else {) e3 v) q$ ^% d+ Q+ k; v
      yPos = yPos;& Y% m) ]* _. t% S2 a
      }
  U+ i+ L+ R" [: v1 V   }
0 r: S  T: E# Z- n
, s7 X  M! l" F- M! ufunction hidetext(){
, Q! h: R+ Q6 U3 ^8 S$ K1 [if (document.all), @7 Z' T6 l0 P) U7 b! h
supertext.style.visibility="hidden"- `, J, b2 F7 N$ J: B9 r8 _
else if (document.layers)6 z2 q, J' O; P
document.supertext.visibility="hide"& V, g6 a( o0 k
clearTimeout(animatetext)
; E# k& B4 S* ]}
  b8 b1 {7 Z. ]) k. d  B% s/ l8 }' _8 K: g! Y: X7 U" K8 F- c
if (document.all||document.layers){
6 v- e0 |$ I7 @  {" Ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), R+ W  J" H6 K
window.onload = initializeBall;! D9 `5 X6 @1 ~
window.onresize = new Function("window.location.reload()");& I! c* u" J* B7 G" }
}. {. f1 p: Q5 W; @1 `2 A/ L
9 m& n. y0 y7 C0 D" q
</script>