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

zw2004

<style type="text/css">
9 T( f- m+ y: b) n. Y+ P#supertext {
4 ?9 E$ I. ^; B8 qposition:absolute;
1 U" m. B! s  d" q* u) j7 mleft:0;" w# N& n& K5 a5 v* q. l: V
top:0;
5 _% k! V$ T( `7 z  Ivisibility:hide;
5 ]; k' o9 m: L3 hvisibility:hidden;
1 ^: k' g" p) G9 @1 k: D5 F" N4 A8 W}% i( c3 f- [/ [) j- ]0 j
</style>
& q  q7 l, ]) v. {/ |; r" f8 V<script language="JavaScript1.2">
9 P  o8 ?, u$ [% b<!-- 改变下的字体的大小。颜色-->
" U  F. [+ S" a& q( ]1 |" q6 ^$ M  qvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ s* ^0 C5 v# k! yvar hidetimer='';. [( F# X) w! N4 L. s% F
<!-- 改变下的弹跳速度-->
7 |8 l, ]# r! `" g8 Avar BallSpeed = 20;- I% j* O) e1 }4 O
var contentWidth;
6 P- n% o- y) ]var contentHeight;, X, \9 X9 E% _' I# y
var maxBallSpeed = 50;$ J2 e- L9 \! v9 U/ m% F

  A7 D4 u; m$ g: G* R# S& T) Q# }
' A  A% b0 T# V$ b2 mvar xMax;
& x- ~: N1 W7 Zvar yMax;  S7 d1 A1 Y4 w4 P# f" r
var xPos = 0;
- t: C+ ^; F- M8 x, E# H9 Z3 Avar yPos = 0;
; _8 _1 t' _, V8 b' h& Y: x* mvar xDir = 'right';
' g, `! ]+ n# m+ R6 g# t- _9 g3 wvar yDir = 'down';
0 g/ `7 {) I7 I/ |var superballRunning = true;- v$ v8 k# n7 c( Q: w5 q
var tempBallSpeed;4 G, l7 H1 Q# P# }0 P$ I: F" K  ]; D
var currentBallSrc;
6 J6 l4 N& g$ x: X( H& Pvar newXDir;. U$ r0 M. e6 R2 x, i
var newYDir;6 K: P# `! T, X
" b9 u: l7 j! X6 j/ J
function initializeBall() {
" N& t  I: f, w   if (document.all) {4 s1 J% Q$ u- ^3 [
      xMax = document.body.clientWidth+ @3 j0 n! z. M6 C
      yMax = document.body.clientHeight
. f+ v5 M* J; M. n) W( N      document.all("supertext").style.visibility = "visible";
' M, W, p. ?4 s  p9 N6 p      contentWidth=supertext.offsetWidth
/ {# k( F$ Y+ I- y- L* e* k      contentHeight=supertext.offsetHeight- ?* G' g% O0 P; T! j
      }
2 ]5 a# u5 `5 X7 D) R# m* z& C, e   else if (document.layers) {
7 k' j2 p4 e& ]4 n      xMax = window.innerWidth;
/ u8 A! v( t: p0 B* _% A- f7 F9 u: r      yMax = window.innerHeight;5 @" {( R" q1 F! w. Y; \
      contentWidth=document.supertext.document.width. _; N8 r' D6 u1 z# X! O( T& }
      contentHeight=document.supertext.document.height
. r' |! G5 {* f: B      document.layers["supertext"].visibility = "show";
* C9 C: m' M' u  i$ U      }, F: c7 r0 `, D8 q$ ]2 V
   setTimeout('moveBall()',400);
' W( ?* a' s- N4 G$ R- ^9 W   if (hidetimer!='')
, w) H, f1 |  D- g8 |, h1 h; E   setTimeout("hidetext()",hidetimer)
$ B9 c% H, X* I9 i5 x   }/ M/ b  r; x) A+ _) {& Z( ?5 Z
1 r! p6 s1 K, o5 ~' j
function moveBall() {, t0 R! Q; f+ ~0 T5 I% Y6 A
   if (superballRunning == true) {0 x' n+ C8 A. ~
      calculatePosition();
% e( [, a5 H2 x1 `7 Q6 n5 l0 `+ J( A3 r      if (document.all) {
- H+ R1 E+ ?$ Z2 T8 h         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 U1 ~$ a; H5 N( N2 |$ v; K         document.all("supertext").style.top = yPos + document.body.scrollTop;: N% G- v( q6 d& V$ H" |- D
         }
" {2 l8 U. X' e+ ?6 r      else if (document.layers) {
) ?( n  B% ]2 X, B6 V* @9 @         document.layers["supertext"].left = xPos + pageXOffset;+ r& W0 T1 ~$ J& O- y4 z
         document.layers["supertext"].top = yPos + pageYOffset;
$ T6 v9 i. ?' m- H. l4 z, `) |         }0 I  {, C2 B( o# @1 u, t
      animatetext=setTimeout('moveBall()',20);
4 M9 x: i. T9 q6 e- l  T3 G( x      }# G( u+ J; [! N; {) D! u& D
   }
! J1 c9 j& |/ p. I+ S  r+ T
9 ]$ j- ^* |+ Xfunction calculatePosition() {2 k) k3 a+ @3 w5 k3 U4 H& m
   if (xDir == "right") {
' _# \+ A& y- w4 q8 B4 s) T      if (xPos > (xMax - contentWidth - BallSpeed)) {" ?8 t* C3 s7 t7 d0 s) J* ]) T/ T
         xDir = "left";6 T9 l5 r0 f: N! }& w
         }
, e7 [6 a* I1 k  b, h) m      }
( P# J# H* Z; f8 w& K! {, o   else if (xDir == "left") {
; x4 P/ k( w) N! q      if (xPos < (0 + BallSpeed)) {
  T3 \) Y* s* Q' S0 _         xDir = "right";9 _2 D/ X6 L- I
         }
" |: ?) L0 Q7 R      }
8 R6 t+ S7 Z! o3 O   if (yDir == "down") {  j" \. H/ k, _
      if (yPos > (yMax - contentHeight - BallSpeed)) {
' i: ^* r% m* @         yDir = "up";& _2 Y5 t6 Q3 C" I
         }, m# `6 T, w8 `" I8 q1 P
      }- d  l/ V/ m% k$ ?
   else if (yDir == "up") {- g; k6 q' z5 ^& g: P5 i
      if (yPos < (0 + BallSpeed)) {
8 m4 l, i; H. G9 `* L) \         yDir = "down";5 H  M8 W$ x0 ~5 N, ~9 j5 k
         }
8 F* c' P6 t8 W; T/ _& v      }
( D& n# t( ]( h   if (xDir == "right") {+ y! [1 y% @% s6 K, E
      xPos = xPos + BallSpeed;5 h& E0 c7 r7 n/ |; D8 l! |. \0 k' R: [
      }9 n- T! ]+ I2 z( j. T
   else if (xDir == "left") {
" P, H- u) p/ ^      xPos = xPos - BallSpeed;
, w: B+ W1 M5 A( h      }
8 i8 C7 _2 q# r  z0 U   else {
' q5 S  i: {0 I      xPos = xPos;
9 g8 Q+ Y' p! P  L      }4 R$ T; B% u/ z" H0 [3 e
   if (yDir == "down") {
2 L7 i& \. J2 b- \      yPos = yPos + BallSpeed;6 k' y. b; Y9 b% r# `. q6 Y8 Z
      }, E' m( G1 V3 E& I6 l+ C. k
   else if (yDir == "up") {  ]3 y% Y9 {2 a& S8 [2 w- `5 I
      yPos = yPos - BallSpeed;
2 G+ K6 s" R) Y9 X( m      }
( e# @4 k7 l. m! b% z1 G5 {   else {/ I, m- f" u+ R9 s
      yPos = yPos;( M0 d$ u5 e# w2 _
      }; W! y% ?% T0 c; ?
   }; W  U  ]. j/ Z& N' n
# k3 z% v2 p0 ~% z3 z- E
function hidetext(){3 T' `- W% c& s9 e5 G
if (document.all)
% M1 S3 a. s  d4 h! rsupertext.style.visibility="hidden"* E  d0 ^; p$ m3 b$ `' E. M
else if (document.layers), _/ I6 R. H& `- Y; [; A
document.supertext.visibility="hide"
* J: m" d/ B0 s9 i" F+ TclearTimeout(animatetext)
. O' k+ i, v/ @! P6 f}: C3 O  J* X; f2 D% L
  `3 p0 i8 d  V4 \; K) f
if (document.all||document.layers){8 L( _! o: M/ R! b
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- n, O1 Q+ i; v5 k8 R- u
window.onload = initializeBall;2 U6 ]8 p4 f# q
window.onresize = new Function("window.location.reload()");
' D& }5 `1 h  y9 f}
3 d/ n$ D8 _0 r- n9 Y( g( A0 h2 z1 Z3 h/ {' B9 Z  B5 |
</script>