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

zw2004

<style type="text/css">
6 @2 K4 b7 I$ g/ s: h. |( }#supertext {+ `5 t: M1 R: C# z
position:absolute;4 |& c: l7 j8 ]
left:0;
( u1 u- [5 N/ x% ftop:0;# V- l* k, Q' s$ Y( b4 t
visibility:hide;3 @  {5 f0 V9 l6 D3 n1 _
visibility:hidden;8 e( R0 q4 N+ M
}% N6 |2 p& V7 j# x  O, O' O
</style>2 d7 n8 L" W1 f; [( D7 v9 q
<script language="JavaScript1.2">
' `; A' g* Y# U( h<!-- 改变下的字体的大小。颜色-->
* f2 r# i7 D+ U3 ^" cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 q/ H; A5 I- Bvar hidetimer='';
3 i& d2 d; T/ H& L0 N: O<!-- 改变下的弹跳速度-->- a3 x9 K0 O+ a4 I$ ?
var BallSpeed = 20;5 C1 u, x, ]. o3 G  ^0 k, E) P9 ~
var contentWidth;: G( W+ h2 c: o2 Z8 ~/ ?' q
var contentHeight;
& i3 l* o8 i2 u% Zvar maxBallSpeed = 50;. g1 V2 ]  W6 ?, r( a7 G, o* M

6 d5 D4 P2 Y- V+ e% m' P
) U1 N& x: T) v4 evar xMax;
$ U" o" @( S( D; H* I: qvar yMax;
4 h; w6 {. ^' c+ I6 Ivar xPos = 0;
# i( D/ }: V, x1 v$ _& L; Nvar yPos = 0;
  E2 U3 \. F: Ovar xDir = 'right';( c) C0 Y* t9 {5 {) T9 p
var yDir = 'down';
0 a( p) l' k# cvar superballRunning = true;4 D1 ^9 P  B6 d  ~* I2 z
var tempBallSpeed;
: t8 E$ k0 n1 Z5 k! F; gvar currentBallSrc;
: n& \9 O6 D% U$ d+ |4 }var newXDir;
7 L7 l4 E1 w. r/ g' s* Ovar newYDir;
, ]# ~3 {4 m3 |8 C# t
6 v. ?) e# M. }: [7 k2 cfunction initializeBall() {
4 K/ [7 f# l. U8 B/ s2 u   if (document.all) {
4 u1 k" i1 D. v" C- I7 Q3 p4 f+ v' x      xMax = document.body.clientWidth
* E; E' g6 I0 w$ n- I7 w      yMax = document.body.clientHeight
8 O3 D5 l. e( \      document.all("supertext").style.visibility = "visible";; ~$ H; p# \! H
      contentWidth=supertext.offsetWidth
' _+ E! |! Z! m) J! T  ]      contentHeight=supertext.offsetHeight! T$ H# B( g# B
      }
( i4 k% `$ Z6 E4 I- f- r   else if (document.layers) {
5 [: X; @! I  ^      xMax = window.innerWidth;5 a- r4 F0 o4 `* ~
      yMax = window.innerHeight;
& @- X, p8 U! R6 V; D      contentWidth=document.supertext.document.width
; ]6 W6 y! ~) T      contentHeight=document.supertext.document.height5 B  Q# |& I, {6 h1 h
      document.layers["supertext"].visibility = "show";6 O% x- I& j7 c
      }
! s, C- W7 ?  |# Q+ }5 \* B: H8 V8 p5 s   setTimeout('moveBall()',400);
& }( k  w7 f( A6 N5 m  W! y) E/ D   if (hidetimer!='')7 Z9 J2 f4 p% [( N. o+ l1 `
   setTimeout("hidetext()",hidetimer)( U( M" B$ q" h. p9 e+ i) y& I$ B
   }
- x) z, H: R$ Q" P& l* e& ?$ P. z
function moveBall() {( K, }! x9 @9 i, r' n
   if (superballRunning == true) {
$ q& y4 m# ]' ^0 l( T' i1 K1 E/ q      calculatePosition();
; h. H+ e) U, z) \      if (document.all) {
" `) t8 n4 [3 b8 f         document.all("supertext").style.left = xPos + document.body.scrollLeft;, [* s8 Q7 O4 G- S4 J
         document.all("supertext").style.top = yPos + document.body.scrollTop;' D( }- ~) j* K4 `2 g3 x# C
         }6 E1 U; H3 L9 y0 _* E
      else if (document.layers) {! X$ V* A, q0 f  {! U
         document.layers["supertext"].left = xPos + pageXOffset;
% a$ k, @8 X1 G0 ~& Y0 e4 d" D; c         document.layers["supertext"].top = yPos + pageYOffset;
5 M& ]1 ^3 C6 z5 J6 D; W2 C         }6 T: E5 Q! s0 K- c/ c  ~
      animatetext=setTimeout('moveBall()',20);
5 d) x$ U' [9 k" e      }
5 P/ c( g* b8 t( w; J   }; l6 Z) [: R; ^
6 o# V/ f4 p* l" |) m; @
function calculatePosition() {# C. A# r7 n& Q' n4 U
   if (xDir == "right") {8 P9 Z. z: W9 b5 O( s/ V
      if (xPos > (xMax - contentWidth - BallSpeed)) {" {# D/ D* `1 ?; Z9 s
         xDir = "left";- ?3 B: Q* j: \( `% k
         }
! K, B5 r# y/ l+ D9 A2 T) X      }8 x1 C) n6 t/ I# l1 U
   else if (xDir == "left") {
  R/ ^" \! t1 |0 g1 Y      if (xPos < (0 + BallSpeed)) {# t) |' C5 w* ^' P
         xDir = "right";1 R3 N, \/ e' F
         }( m9 ?/ Y# f& d+ S3 P/ U
      }' q& ]5 }5 H5 c# @* P
   if (yDir == "down") {8 q7 _) ~( H; ~8 I- ]/ j( N
      if (yPos > (yMax - contentHeight - BallSpeed)) {" J* I) [3 z! B# ~3 a- _
         yDir = "up";/ D, c+ S; ?* H: \* V' b) }" f
         }5 x% Y) O/ h) ~" T# O
      }
" z& l6 l" ?% F9 ?% \   else if (yDir == "up") {% T8 S* e6 \& r9 d
      if (yPos < (0 + BallSpeed)) {
) N) |& Y1 S% E) h- x         yDir = "down";
: I" ?) o1 F, s0 M! x         }  ^9 x' G8 q3 s) C
      }
4 V1 c8 D' ]7 p  |   if (xDir == "right") {3 M. l3 _2 A6 \+ f9 P: p
      xPos = xPos + BallSpeed;" l& i( c: S% C0 z( X7 w# R. L
      }
& U+ W/ z4 ^+ T! D5 H) B   else if (xDir == "left") {
% Y1 u% ^1 E4 [: A! _      xPos = xPos - BallSpeed;
/ T& |" X5 f! O      }
. b* h6 L) O. A/ X6 @   else {
9 [3 U+ I" C; U1 G      xPos = xPos;
' `! ~2 n2 A$ a: u  k, ^' w0 s      }
8 ?/ g8 _- \; c   if (yDir == "down") {
  ^  Y4 J! j! v  i* M3 V      yPos = yPos + BallSpeed;  z# C: \5 b9 d6 R
      }
7 t& R& d5 v" _0 o: M( \   else if (yDir == "up") {9 \# d7 N9 y' C
      yPos = yPos - BallSpeed;
1 K$ }. t3 O) N/ ?: t3 n      }, v& V. r- K/ S$ s" {
   else {
* b. B9 J& p" ]: u" n+ n! {5 g' |      yPos = yPos;9 X# P1 H/ h6 W
      }
8 s: f: _" j9 E0 a   }/ f1 u0 h; D0 o* S& \# n
/ w1 [2 F5 i) \& M! `0 V# x
function hidetext(){
& l$ I0 L4 s( D) Y& f, R3 z6 ^if (document.all)+ L% X, V) u: v; M
supertext.style.visibility="hidden"
% Y( y, X% e8 ^6 P  T* S& Welse if (document.layers); ?% u; D0 e* N7 X0 P
document.supertext.visibility="hide"
/ @' q; ]7 @3 J$ m/ \, AclearTimeout(animatetext)/ N, o) B  o2 o8 c! Y
}+ ?8 K5 G7 x) a4 a; {
" C. i4 s3 n+ I# {
if (document.all||document.layers){
* E3 t8 S; `6 J( odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 N( x+ c* X) [0 J7 m
window.onload = initializeBall;
& |5 }7 s  f+ B$ ?window.onresize = new Function("window.location.reload()");" r; a2 |/ h) H5 N
}3 K7 j" v, _/ C% m- C, Z
- X( S* R5 M. I$ Q+ I' `, Z+ D+ e
</script>