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

zw2004

<style type="text/css">+ y9 m$ D/ s' Y
#supertext {, L- |. e" w2 O4 `7 g
position:absolute;
8 m6 U# S5 d; kleft:0;/ t& F0 Q7 t: T7 T: e$ t8 A1 z
top:0;! H2 N! @4 v0 R4 v
visibility:hide;5 v1 J0 m' J" f
visibility:hidden;
+ C3 p8 Y: V, n; r* t3 H' [}  k0 _% A  o$ }; E* ^! s( L/ u" U
</style>2 U& c$ I/ Z* A, b
<script language="JavaScript1.2">
3 I& |* x  J- p/ G! N# e8 _<!-- 改变下的字体的大小。颜色--># ]. O; X* y/ n! J- R9 k4 c/ b3 [
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ n7 v. N( g9 J9 f. k
var hidetimer='';' C9 N% M/ z! Y2 I. W
<!-- 改变下的弹跳速度-->4 q2 Z( h7 _. A5 ?% t: g$ J" v6 v
var BallSpeed = 20;
! n/ T& p; U! \) M) fvar contentWidth;
6 |  [) H# Z; t) z: Nvar contentHeight;
; q( C- n8 ^8 }0 O5 w8 ivar maxBallSpeed = 50;& ]; `0 W9 G8 K3 i* T* P
7 G6 l% Y; \% a
7 E! d7 t7 l. C- L* ?
var xMax;
1 q# ^& G3 D. w0 ^" Z7 X2 N* Cvar yMax;4 E9 V% c) {' J! b( G5 C
var xPos = 0;' u& ~; A+ q2 n$ D' {$ {/ I  K' w
var yPos = 0;
5 s% H  @4 p( J( N- F" r5 Y, Ivar xDir = 'right';. X  `% G6 s+ S& }1 {- v3 @. y
var yDir = 'down';) W. R; Y( y4 k2 E
var superballRunning = true;, K1 l; l; o7 @) m
var tempBallSpeed;
! M/ `3 I3 f3 m- [4 T# gvar currentBallSrc;
+ f! b& A1 p5 [var newXDir;
  i' N* N5 p/ H+ o- ovar newYDir;
4 {5 {' W+ E: T# a. `2 i2 Z0 X% C% U. y4 O0 Y6 c
function initializeBall() {! n, p/ R5 M. y: g% L
   if (document.all) {
5 h( z$ |8 a+ g; X; x* ^# d      xMax = document.body.clientWidth: c; x0 P) @; N/ D+ Z$ A- `$ }
      yMax = document.body.clientHeight$ l) ?9 u) U" ^7 r( C6 P
      document.all("supertext").style.visibility = "visible";
; Z5 Z$ u3 L" T7 K$ g1 R2 [      contentWidth=supertext.offsetWidth4 N$ b; B& A( _3 P6 ^
      contentHeight=supertext.offsetHeight
1 M: p5 b" u  D# j" U$ E2 L      }8 f2 y$ `1 r* ?/ h. `0 e' {9 Q
   else if (document.layers) {8 s! V5 N* G( d8 R. j$ L
      xMax = window.innerWidth;) L0 J6 U3 g$ h
      yMax = window.innerHeight;. K4 C  W" l; ]
      contentWidth=document.supertext.document.width
% Z# H! `, y5 B( x& f      contentHeight=document.supertext.document.height0 [8 Q9 a0 ?! K6 i$ t: S* Z, i
      document.layers["supertext"].visibility = "show";( K8 ]2 F* C1 `" M: p+ a
      }7 f5 N3 N+ |. r& d7 L
   setTimeout('moveBall()',400);# J5 G& u. l7 x# z% H2 |) {+ @+ R8 c
   if (hidetimer!='')! W$ L  |+ y8 @& s
   setTimeout("hidetext()",hidetimer)5 \! s% [) @  c1 y! Q: K
   }
0 r/ I9 O$ f/ r" W5 X( C& D7 m7 l5 x9 ?! ]: n% @+ z
function moveBall() {
3 y& T1 o( n7 _8 |/ F" M7 x7 K   if (superballRunning == true) {
1 f2 N0 X8 S1 K/ X( b! O% F; R( C. |      calculatePosition();. f- ?& G7 p9 X! R9 C
      if (document.all) {
9 J: G3 n* H$ P" _7 o0 Y* I         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ e) `0 ?& F; ^* L+ Q
         document.all("supertext").style.top = yPos + document.body.scrollTop;6 b5 ~/ i# ]6 I3 y/ H( {) {
         }
- g1 @: f* D9 A. }9 B' @4 ]      else if (document.layers) {
& h4 U2 M" I5 @  E) f' G  o3 j         document.layers["supertext"].left = xPos + pageXOffset;$ Q5 J$ d) K" m+ a# `, S. X
         document.layers["supertext"].top = yPos + pageYOffset;
; R: A  v2 v# E  G         }7 Q7 A  C6 b0 {3 \8 o
      animatetext=setTimeout('moveBall()',20);
8 F1 i; F' }; S$ b      }$ @$ B$ k  B4 |- Z+ p8 K
   }
. v& @3 C( L3 l) @
6 k: s; i  q4 T6 Q2 O" C1 |function calculatePosition() {
$ P& @& i+ k% R& P6 s8 ], b9 d   if (xDir == "right") {
; R8 F! N( \  F      if (xPos > (xMax - contentWidth - BallSpeed)) {8 A; T( y4 [, @5 T/ S
         xDir = "left";
+ b( K0 C; o- |8 c4 q) T6 n         }
2 A  H) @) e& Q1 Q& f# `* R      }9 ~( l, g3 Z2 G0 k
   else if (xDir == "left") {
' g2 U& s/ |9 c  l7 F      if (xPos < (0 + BallSpeed)) {
: J6 K. F6 Q7 I5 J0 H3 l         xDir = "right";
; K' Q# U" |8 r1 Q         }
" s* ]" I6 z' j/ B      }
% P/ R3 S  m7 E. A& g   if (yDir == "down") {# S$ @/ @8 b/ j# p! J% W
      if (yPos > (yMax - contentHeight - BallSpeed)) {
; ]9 C4 O* @! I/ r* F5 U0 R         yDir = "up";
* }; h% {$ C5 R5 b  H6 F         }4 @1 O- A- d$ z% D
      }
. t0 `! F- F6 n4 r0 X   else if (yDir == "up") {
5 t* c# e5 g" J& h, h. C& b  a      if (yPos < (0 + BallSpeed)) {
$ E( Z( H5 U1 G2 o8 b  n         yDir = "down";0 V2 _( B0 x: ]3 m
         }9 V7 L' r! c' P; ?1 h4 L, y
      }' h# u' ~+ g* O- v3 r0 \! h
   if (xDir == "right") {
: J- [% U- ?" M: p/ T+ l      xPos = xPos + BallSpeed;
+ Y; s7 Y+ ]) [1 t; G' ~0 J      }
/ {) x9 C; b) B; d   else if (xDir == "left") {
' f' ^) r; S* M7 W7 [      xPos = xPos - BallSpeed;6 L% y# n0 Y; Q) M
      }
0 W3 R( ]# N; ^7 t3 @$ c: D, Y   else {$ l8 w/ G1 U# I5 X
      xPos = xPos;4 O- N' K8 k6 r* |
      }% D% {: j2 S) i) y% g4 P2 O
   if (yDir == "down") {% B0 _2 y: _( U4 z
      yPos = yPos + BallSpeed;
! I, }! Z' R8 q- B$ b: J! {      }/ {1 _# f8 o; v! u( n  q1 d1 M3 m, v
   else if (yDir == "up") {
6 e# R4 _8 {) m: _5 W3 ]  G8 Z: k$ t( z7 P      yPos = yPos - BallSpeed;
" s/ f/ y. }4 ~      }8 R- j' E& i9 m  P5 l
   else {
& F5 ]0 r4 \, q! y8 G. J* O% n      yPos = yPos;
" p; d+ O5 B+ [. E( m      }
) N7 s* K- w3 w6 R   }, y' e# p% Y/ X# k- f

; f# Z- Y/ i& l1 Afunction hidetext(){5 L  G0 F% K6 x+ G
if (document.all)& O5 L% g, q, P2 \% c
supertext.style.visibility="hidden"7 l6 D( z) n6 z  Y0 u
else if (document.layers)
' [6 k7 ?/ F$ _7 n2 K9 d& J# q2 w# {; bdocument.supertext.visibility="hide"
7 z2 Q3 |+ q; |clearTimeout(animatetext)
7 J% i/ a: {  p2 ~6 c* j4 P: {}; a% r7 Y$ t0 ^7 J' \* o1 N, v

1 @& d7 H2 u7 u# K2 n6 Q+ u8 nif (document.all||document.layers){/ p- K" h! H8 k
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
. F( e$ ?( A8 O4 o- @% M! \4 Nwindow.onload = initializeBall;! Y; i5 x: O) a5 v- }( C4 a
window.onresize = new Function("window.location.reload()");
) s1 J: V3 z  @}
: B4 X  c; O& K. T6 N' x$ S4 a
; s- v) u/ \4 v/ |; M9 v8 u</script>