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

zw2004

<style type="text/css">! S  s' s; S: o: J3 }
#supertext {
; E  r8 E/ w5 S- Cposition:absolute;
5 F3 c  V2 \7 D: X5 Z, n: Lleft:0;
$ K7 ?1 @+ f, \0 Ytop:0;
0 k: J4 l; F7 q, X5 n8 f. wvisibility:hide;2 w% S* L! u0 m/ s# Y, \! i; U( V
visibility:hidden;
2 o/ A3 Q$ f8 o}
' y( A: q; f5 M+ F! `</style>4 v* B: {: E; g2 L$ `% \! ^8 F0 b. q$ O; b
<script language="JavaScript1.2">
: O0 m  D+ d7 ~! V+ I$ q  ~<!-- 改变下的字体的大小。颜色-->+ F) ]7 B- O, x: f/ r
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 n4 R" D- Q7 s( \' u6 |% x, q6 f
var hidetimer='';
" s3 y8 }9 Z4 u: M  {- J<!-- 改变下的弹跳速度-->* N4 t! B/ v& o+ D
var BallSpeed = 20;
& J6 _7 E" j- Ivar contentWidth;
" K' I% J+ E2 l9 x+ ~7 kvar contentHeight;
6 o6 a, Q) d5 f8 `var maxBallSpeed = 50;
6 S6 i0 P/ S) `0 Z2 C7 J; b3 {3 f! A! C  t6 |# `; I3 O6 o$ y- i

: @: N" n" r4 i: h8 x9 O" fvar xMax;% f& ^1 `0 w5 u4 f% h! X
var yMax;
7 `  t1 ]0 k1 b9 @$ Lvar xPos = 0;4 `% {' ~% y- k: g
var yPos = 0;6 M: L$ K6 d1 E( L1 z( v# Z7 M3 H
var xDir = 'right';9 _) N, l; _1 \* A& s* ^9 X
var yDir = 'down';
7 E: p& d( f( _' Y+ R$ Mvar superballRunning = true;
8 x! q1 ~# O8 m: v# U1 W. w  dvar tempBallSpeed;
9 l" C' x3 t" l# H. o+ Cvar currentBallSrc;
2 p" [* }# c, ~- x1 o( uvar newXDir;
+ V- _5 Y3 ]$ U$ |var newYDir;
2 O6 m, b4 }: {6 v4 _' A$ n5 Z# b: T2 G) t  P" B/ l
function initializeBall() {8 i# y: \0 ^, g3 n! B  ?
   if (document.all) {
/ z* x( q3 g7 d2 f9 I; ]9 y  A      xMax = document.body.clientWidth7 U, G7 S: c7 q$ g" @8 k/ `
      yMax = document.body.clientHeight5 w% _3 x; b7 v/ P) D4 c
      document.all("supertext").style.visibility = "visible";+ ~% U4 u! S7 J" W" `5 P1 \0 S
      contentWidth=supertext.offsetWidth. ]. v* _! |5 U% c2 y
      contentHeight=supertext.offsetHeight
& S! s% x& b+ S3 G      }! P6 y7 s' `" h* S& b
   else if (document.layers) {
/ H* D% o; t  Z# B( d$ L      xMax = window.innerWidth;' O& T* s; l- M7 s7 v% L& {" r9 d
      yMax = window.innerHeight;4 E6 L0 B; C* }2 ]: r3 i# E
      contentWidth=document.supertext.document.width" x! o: m/ S: {3 p  V
      contentHeight=document.supertext.document.height
9 n/ F1 `( J# ^8 f9 b4 D' W! R      document.layers["supertext"].visibility = "show";; E% n- V1 D; V' |
      }
( A1 [$ ?( _  S   setTimeout('moveBall()',400);
% ]- q  h% T8 E9 E   if (hidetimer!='')
3 B  r) b( w* m  c   setTimeout("hidetext()",hidetimer)
5 s. i5 [" C$ L- H1 d   }9 I0 |' z4 d- l: }( k7 W
: ^* k  g3 S8 ~  o  A7 x
function moveBall() {. r1 k+ `3 W4 W0 S% ?) ?& O3 U
   if (superballRunning == true) {1 F8 D' W$ u0 G0 s: U! w
      calculatePosition();
$ q( u  Z7 V: X) p  x" c4 |      if (document.all) {
0 a1 d0 M; ^2 e% d& U4 s         document.all("supertext").style.left = xPos + document.body.scrollLeft;
) F5 m1 H) \. j/ s1 @- [' i         document.all("supertext").style.top = yPos + document.body.scrollTop;# @5 T6 {3 s" N' G- |$ X
         }0 V' l+ V' E0 t
      else if (document.layers) {& K# S* P. F* W" y. f6 Z! F
         document.layers["supertext"].left = xPos + pageXOffset;  L( v! _% h: |
         document.layers["supertext"].top = yPos + pageYOffset;7 b9 o3 Y9 c4 R' b. d. B: Y0 q, Q" I
         }
& c! R1 N) l7 y* `      animatetext=setTimeout('moveBall()',20);2 M" L2 ]) R: a& {4 V
      }* j7 {& {: L3 h  B  t
   }
  Y" v/ i- Y$ ~3 O9 P
: `7 Y' d8 V/ R$ g0 Xfunction calculatePosition() {
& a2 t" I3 ~4 U# c0 s' i+ I7 G2 B   if (xDir == "right") {( l4 ^& l! [2 n9 W; T4 @' O
      if (xPos > (xMax - contentWidth - BallSpeed)) {0 d/ `8 r* K9 C. h# a! K  k4 I
         xDir = "left";
, A! w" I' C' u* E% D% l! f         }" T: D; m6 _3 Y) q6 X+ z
      }9 q- t+ I. ?+ j5 E+ i8 q+ k5 s
   else if (xDir == "left") {
! @- S" H. P# E) L      if (xPos < (0 + BallSpeed)) {
: m* ?9 ]2 q7 K         xDir = "right";
+ ~9 V' c( M4 T1 ?7 f. Q         }. F2 M; d) x4 v" j! f! x
      }" s$ t( {' `' m! P+ N
   if (yDir == "down") {
0 T' }$ Y6 l( Z2 n      if (yPos > (yMax - contentHeight - BallSpeed)) {
: n- C7 X3 f, ~) X# H% K         yDir = "up";
& Q% X" Z4 d8 J7 Q6 O         }
( W' t2 q! x" R' M& l* L      }
7 F, K% ?5 |5 ~* m& q  Y   else if (yDir == "up") {
. t4 x4 Z* q7 e      if (yPos < (0 + BallSpeed)) {0 w  \/ N- T; P1 E8 n: f
         yDir = "down";
2 L( s( ~& d+ ^" d         }, A7 L8 F, I$ _# U
      }
" @9 m4 n& [8 i: W   if (xDir == "right") {
" S3 c0 z/ w" y& F, v6 u      xPos = xPos + BallSpeed;) C4 @7 k8 I7 R' ]1 t' V
      }$ O" e. X: y  |4 E4 f
   else if (xDir == "left") {/ m6 Y: _! ^, M$ _" M1 I
      xPos = xPos - BallSpeed;
+ e/ m* a6 q) j" m. Z* Y; o      }
* @( k. J6 a. ?- \$ `   else {
! |" p; p7 z( S0 ~6 M9 U% u' }      xPos = xPos;
5 B' A1 L: o/ m" r/ k7 n; W      }
( C  N7 Z3 t$ Y- L! Z   if (yDir == "down") {/ q4 O- [) Z7 x8 M' X/ u+ L4 h
      yPos = yPos + BallSpeed;! e" M( [: c+ p8 M& X0 Q
      }
' S+ }) Z* H& E5 o" m. z# y   else if (yDir == "up") {% E, O+ y6 o8 M- A
      yPos = yPos - BallSpeed;+ d) ^+ a" w6 K6 h; ]
      }* J" K. G; p$ I2 \4 o
   else {5 f* ~7 l3 m1 ~1 D( w
      yPos = yPos;; n5 d7 r5 [5 s9 R9 Y
      }5 h3 N! b8 U! a( s# b' J4 h* N
   }" @: [$ F3 h0 V
& W' A: X; d/ X, E( Y
function hidetext(){
0 v, N- E9 o  v+ `+ Rif (document.all)8 h6 [6 Z3 _: F- D; b
supertext.style.visibility="hidden"
4 Q' s6 i) o9 a0 x& x6 lelse if (document.layers)
" K! L% P/ H2 l- ^5 K6 \document.supertext.visibility="hide"
& O+ D! @6 O4 {clearTimeout(animatetext)
% N. i5 G% ]2 C' K3 i}! k7 R2 I. \4 G( X

/ |: r, J6 `7 pif (document.all||document.layers){& r2 S+ B. X1 m7 {+ F
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* ?. w: }0 g+ R& X: u' T0 D: iwindow.onload = initializeBall;$ @; K9 |- T' k& P5 v3 w3 i
window.onresize = new Function("window.location.reload()");+ X( v" C+ r' M
}
9 L4 l$ K8 B! E( U7 X1 ?
6 i( P# K) D4 y1 Q) b7 p5 b( t/ p& O</script>