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

zw2004

<style type="text/css">* J: U! e- n2 s5 m+ r2 [4 w* ~
#supertext {, ?( A% I: k' ^2 m& f/ |! _+ y
position:absolute;; \3 h0 D9 V0 n
left:0;
* U+ |6 n' M" m, w; vtop:0;
* K0 a! a& k& P# Z+ Tvisibility:hide;
( X9 Q' V8 h! hvisibility:hidden;
$ Z, S3 @: T8 c* x}$ O( E4 [0 P$ w4 _. T, J7 \# G
</style>
) H2 H. [9 w) n5 f<script language="JavaScript1.2">
! f4 l2 D* X6 R' Q$ b' t2 |( T; Q<!-- 改变下的字体的大小。颜色-->. N* p3 w) _5 C; B
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* |4 p: c! Q2 V+ s* Q' N  B* q/ z' evar hidetimer='';' X& i; }, p4 p$ k2 n1 h8 S0 z
<!-- 改变下的弹跳速度-->
, v' I0 P- x: H# Vvar BallSpeed = 20;
9 R  C  S  {% f4 \& }$ d5 ]var contentWidth;$ K. B9 Z9 k6 L4 M) y
var contentHeight;$ j1 V9 h6 h) ]
var maxBallSpeed = 50;
2 {0 x9 i/ n: Z% S$ N+ j* S& ]  W( ~: T, r$ e: ^) X
1 H2 B) S. P# P9 Q4 d3 \7 [
var xMax;
- u0 A& L3 B/ D. qvar yMax;7 L3 b2 k/ c. E3 f' i
var xPos = 0;5 s; [, C  B- c  n
var yPos = 0;
' m; V, N+ u. z3 Rvar xDir = 'right';
* Z$ X1 [! G- Y" w6 c5 L7 nvar yDir = 'down';
+ `( c; t) S3 D) \& U0 f* S' Lvar superballRunning = true;/ }  r& k' b1 ^% {
var tempBallSpeed;
. Y* ^. x) g3 d" G+ I8 Kvar currentBallSrc;$ {) Y  S) [! h' e% O
var newXDir;3 w% I# J5 N6 Q+ m" ^; M
var newYDir;0 M& m  w9 d! O7 n  f) ~8 H

; @- s( {- J/ A5 u+ ?6 ]function initializeBall() {, B( _; q& ]8 N9 E- ~8 l% G
   if (document.all) {5 t) f9 ]& M* O7 n% n6 _
      xMax = document.body.clientWidth
' M8 ]4 S8 h1 N* k2 e, X* O      yMax = document.body.clientHeight
5 \) m& z/ o3 j! L% R$ F      document.all("supertext").style.visibility = "visible";
/ X8 y4 z3 @1 [6 E0 r' l) M      contentWidth=supertext.offsetWidth* x: I* Y' m. k; R8 A
      contentHeight=supertext.offsetHeight6 H  j9 C! h! l: f
      }! ^  O1 n: F9 |
   else if (document.layers) {3 e7 p3 V( [" |* E9 `
      xMax = window.innerWidth;
0 G0 C' V) H6 f      yMax = window.innerHeight;
0 u' a' k( F. h, ?; [" ~$ S9 |      contentWidth=document.supertext.document.width
! U- y; k$ k& E- k      contentHeight=document.supertext.document.height& V& w: ?/ X8 h/ g5 u* z  q* ?$ p
      document.layers["supertext"].visibility = "show";" k! @7 o8 o! n9 j# E9 w# N
      }! d. ~4 H6 C0 ~  |
   setTimeout('moveBall()',400);
3 _3 Q; O6 w  }7 K  E+ N3 O   if (hidetimer!='')' T2 o8 ^8 y3 G: x) {, e
   setTimeout("hidetext()",hidetimer)
, U' a' b6 C* e/ u2 V   }
2 E+ i# ~0 N# l+ Q. ~, K; g
5 e: `3 u6 o7 ^2 [function moveBall() {7 `+ C- a! [" x) J: I4 C: A' l
   if (superballRunning == true) {
; o2 \* t% r6 g: X+ I* \7 |4 L* p      calculatePosition();
3 |5 N2 J- U0 L$ u8 U* I      if (document.all) {, L4 F% ?: m! d! p( `! G& m" a
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
1 t5 x- E' e$ ]' I2 E5 h         document.all("supertext").style.top = yPos + document.body.scrollTop;
+ `2 o+ M5 j& h5 e7 u9 W$ H         }: ^2 f5 w- u2 ?
      else if (document.layers) {
: A: o+ e0 D3 r+ c         document.layers["supertext"].left = xPos + pageXOffset;# L& Y& M4 k! B
         document.layers["supertext"].top = yPos + pageYOffset;
1 V7 B. @1 i5 x, }- x         }
  |) g* a* h1 t# K% e      animatetext=setTimeout('moveBall()',20);
( l" s/ Q9 i) `+ P; F8 C7 q      }
8 }$ m4 I3 c: |4 _- i   }1 C7 Q' V1 r3 ?$ ~
, v# U0 Y7 }2 F! r* w# G
function calculatePosition() {
9 n' k) b8 Q2 N, \6 \$ m2 `% C( K   if (xDir == "right") {) Q- F/ u( F, C8 e% ^) [
      if (xPos > (xMax - contentWidth - BallSpeed)) {
- t* c7 G# m$ G, f         xDir = "left";
& o& `8 c' d: b8 @4 @* A         }  s! q8 H9 W9 m7 e6 f
      }- V4 O, Z6 I# T9 ?
   else if (xDir == "left") {# `" `8 F! T' S: r. l) T
      if (xPos < (0 + BallSpeed)) {+ N/ E: b0 n! i3 K$ K) U. ?9 |
         xDir = "right";
# T0 @7 j3 t  [: y7 V         }' W& w5 e" o' c, t
      }6 U. @& H; Z* `( S/ n6 {5 e  j
   if (yDir == "down") {
+ f$ g2 {4 G6 a4 Y. `) Q; ^      if (yPos > (yMax - contentHeight - BallSpeed)) {1 B1 m' @1 d( c+ {- x7 A0 S
         yDir = "up";
: R. P- @' f9 q         }
9 ]' y3 |  T( z      }
- i7 _# V, o) K5 _   else if (yDir == "up") {( c  H1 E  s" u1 ^3 }
      if (yPos < (0 + BallSpeed)) {
! d4 }! [4 [' {9 r5 B( V: L. f* y1 b         yDir = "down";
) J8 w: ]! o. |7 F- F( r7 N9 e! Q3 m2 M         }
6 x6 Z# @* t% n" I      }, R$ i( W2 ?  X: K# g
   if (xDir == "right") {( ]) w) v$ J$ k7 [" |: `& D, v2 K* s
      xPos = xPos + BallSpeed;% S5 _$ N: _# x/ N. }6 b9 @) n3 g
      }3 ]6 c' ?& Z1 e" s/ V$ o
   else if (xDir == "left") {
! s* R3 o2 F+ P4 S! T# }      xPos = xPos - BallSpeed;
" U3 ]3 X/ I' D      }
: v+ m- p# C3 R! K6 |2 Y: \9 H   else {$ u: r# Y0 m+ a) i: `5 u) F
      xPos = xPos;( @( q6 w$ J' o# e4 Q3 x# I# X- u
      }
8 L) @" W- A2 x, r8 K5 b   if (yDir == "down") {
% I$ {' f! k7 a" S      yPos = yPos + BallSpeed;
3 W- V9 F- G6 _& p- A9 t2 n, n4 w; o      }
' v- h, q: R6 j" P$ p$ G) q   else if (yDir == "up") {
2 K4 l: M' Q+ ^( o: M      yPos = yPos - BallSpeed;9 j. [; m4 a! F' R6 a5 U. q* J6 V
      }/ C5 ?! e; [' Z$ H0 q* K2 h
   else {0 o  M4 Q, Z* g
      yPos = yPos;
: V, c3 y8 A( v; V      }
2 o5 D; f$ n2 M6 U6 }8 Z8 E# T/ b   }
6 E  I/ K" v1 c6 P8 @2 Q1 {& m9 D4 W6 n; G6 J
function hidetext(){
& ^* z9 E/ K5 O7 b* Bif (document.all)
5 Q+ x$ V& g6 H- v* g: _2 Nsupertext.style.visibility="hidden"$ n1 e/ F8 C: d8 I7 ?$ Q5 ~/ y
else if (document.layers)* ~+ y: d+ p4 J
document.supertext.visibility="hide"! L0 |; J! R. }- A. u* r
clearTimeout(animatetext)' q8 s7 i& o) u
}
5 H- F3 S- {; F  n: x9 V) V/ t' o0 L: A/ F& F
if (document.all||document.layers){
( s- {# P9 H/ E5 Sdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' E0 g7 I, Z+ E5 Bwindow.onload = initializeBall;6 p+ K8 [, B' @9 I
window.onresize = new Function("window.location.reload()");8 N) {& K& ^" f9 y6 J0 W, e
}
6 X8 p/ S: I; h, w0 Y4 t. F! B7 }; O
</script>