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

zw2004

<style type="text/css">
: ?- W" c) Y5 a0 Y7 R: u( H5 j; ~$ c#supertext {
% h! v/ H! z4 f5 Oposition:absolute;- P& a, b$ S- U, p! m
left:0;
3 ~8 o/ Y5 [7 K( L  C7 Ltop:0;
& R0 q8 A3 ]3 u  q- y* n% ?0 v6 gvisibility:hide;2 O7 I2 S" M! L8 w& x
visibility:hidden;
# S& [7 _1 \* W# U' j}- G% l( e8 b8 E1 y
</style>9 f& C8 u* }9 A- u3 Q
<script language="JavaScript1.2">
! z' l/ b* ]6 }<!-- 改变下的字体的大小。颜色-->
' X, A# ~$ M; g+ c& u. o: H4 Tvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( V0 w% `4 [1 A: }* T4 |0 ?5 J! u
var hidetimer='';# F/ ?0 E! S8 u5 D& [
<!-- 改变下的弹跳速度-->
4 k! e; H3 W3 P) V+ t$ e/ C) G2 Xvar BallSpeed = 20;
9 c" d! Q8 D' p1 M& j! evar contentWidth;9 G- u% W" K- z3 M& Q0 X
var contentHeight;
! h7 `( h3 v) cvar maxBallSpeed = 50;
" e5 h! O; p$ r( r6 I
. y- A1 s+ Z6 c4 S$ Z$ q9 Y& e. ]! e
var xMax;6 m0 V; m# o+ Q4 ^. w
var yMax;9 |# f' q" R. u1 D
var xPos = 0;
9 |. y' W2 `; c' ?, T0 X. T: j  T, t9 lvar yPos = 0;$ v+ A" J4 X7 T# T7 d' w. j
var xDir = 'right';
* p4 n. R; E& l5 |5 i4 ^$ s, ~6 W' }var yDir = 'down';, j2 m! t5 j1 z5 H, f
var superballRunning = true;
( W8 K" n; k( S. g, B4 fvar tempBallSpeed;
; [# a2 t; C8 O4 k, B+ \' a8 lvar currentBallSrc;
' s) a4 n* X7 K$ \$ ~var newXDir;4 S5 d5 ?+ y& X# \
var newYDir;3 [9 w" F1 d( R5 @+ A$ c0 B! ~  _
& y" O) y. M. n, A
function initializeBall() {0 ?7 Q) V/ N5 X- P: p
   if (document.all) {
9 z  z) Z$ J7 x: w      xMax = document.body.clientWidth
# c1 j! q: B' G5 p      yMax = document.body.clientHeight
$ J# o' w, {) n: v. t7 w      document.all("supertext").style.visibility = "visible";( p2 z$ m8 k' a; ]& I% X1 W# T9 A
      contentWidth=supertext.offsetWidth0 ~% c: F* @! S' G$ h$ M
      contentHeight=supertext.offsetHeight) v% q& R& N  R/ {
      }
2 h8 Y% H3 R- ?  r# X! B, w6 I0 S   else if (document.layers) {; I+ f% ^5 T: U8 b( p) E
      xMax = window.innerWidth;
! _  Q) _$ N# g      yMax = window.innerHeight;" e& l) c- L, C- l! n; e8 `
      contentWidth=document.supertext.document.width
( w$ _! ^) e$ n$ M      contentHeight=document.supertext.document.height
* K5 S  n- D- H) Y! V      document.layers["supertext"].visibility = "show";  |+ S' c: W: ?4 E$ i
      }
& r& n$ ^1 {6 H3 A* W+ C" h   setTimeout('moveBall()',400);
& w% E! J3 T! R  j" _   if (hidetimer!='')
* i0 P1 l" z. j# `   setTimeout("hidetext()",hidetimer)0 q+ e+ r* i2 @( q' L
   }
5 r" W9 g# ]* a3 r& G9 {9 q6 Z7 e; p! [
function moveBall() {
" Y9 _( B+ ~3 s$ r" e   if (superballRunning == true) {4 b$ X" A- A6 [. j
      calculatePosition();/ C* ^8 O8 y/ E' x/ n) i
      if (document.all) {& i, v# H/ U; r; B/ U
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* M& [* [" i% l# R         document.all("supertext").style.top = yPos + document.body.scrollTop;
: x, x+ x) M" q: y; z. m' S         }; ^3 _2 E- k7 Z; b
      else if (document.layers) {$ L6 ~6 t$ `% O- Q
         document.layers["supertext"].left = xPos + pageXOffset;" v" ?& ]+ M! r0 X0 r2 O
         document.layers["supertext"].top = yPos + pageYOffset;
2 }8 S# m$ k% p7 k         }
+ N" n9 a  A; M( B  S, K+ E      animatetext=setTimeout('moveBall()',20);
' y- w( H- F: \, c( \- o/ r      }
+ n5 R, B$ @% ^. S3 f3 n; P; U   }7 u/ }/ [/ E% y3 ~  a7 U2 W: Q+ W
/ m7 s- F. W. d/ s& o9 ]: O
function calculatePosition() {$ L4 U1 Z; @3 O2 b4 J1 i. X5 N
   if (xDir == "right") {- ~% ?) L* J' ^2 Z& j) B; X
      if (xPos > (xMax - contentWidth - BallSpeed)) {; Q' z- ]$ J1 Y# B& ?
         xDir = "left";
% `+ R; ~4 S: g         }7 r% O9 x: q7 i# E4 b3 G0 k  b
      }' l1 j" w/ M" [: V3 b
   else if (xDir == "left") {) {+ ]* O8 W+ ?4 ?% c% j4 |7 b
      if (xPos < (0 + BallSpeed)) {' D/ `1 l6 O- D# {6 t8 n
         xDir = "right";3 q5 ]3 R$ \7 x8 j. m9 W& k. x& Y
         }
& c/ _0 U7 M3 N2 C& }5 y      }
/ s8 F1 h* M  b! ^9 ~   if (yDir == "down") {
* ^5 t7 K% j4 S1 M$ I1 B1 u( c* M      if (yPos > (yMax - contentHeight - BallSpeed)) {6 R7 F3 C5 G& p" e, c/ }7 T
         yDir = "up";
9 R$ I7 m) Z  L( E9 v         }
  }9 O. k4 z% l, Y0 \8 E! w2 `, ?, V% T      }  B7 R3 l& n, J, L- W5 @$ L
   else if (yDir == "up") {
/ H& t7 Q$ M) L( h5 E4 f. @      if (yPos < (0 + BallSpeed)) {
  \5 h5 p/ Z! }1 ]; ]         yDir = "down";
5 m4 T- f$ p% v2 m: n5 k3 j         }- V4 M# w( h- D9 u9 n) P
      }
4 I, k8 f: o0 ?+ d* `% b   if (xDir == "right") {/ S1 M& `0 H3 h% z& }  ]2 V
      xPos = xPos + BallSpeed;
7 A4 I  z$ M" z- J2 B4 s: z      }
# d, B& w7 T( y+ |   else if (xDir == "left") {
  I+ O1 z; I. k, ^      xPos = xPos - BallSpeed;
7 e, O, t. h- N  _/ Q3 R# \4 `      }6 x, r2 K4 p7 Z9 M0 S
   else {. I; a5 {. V* E4 h! c3 ]' [
      xPos = xPos;; p1 j8 v* B1 k, C5 q$ o+ h% a
      }+ c$ }: n& O" h  |5 I2 V
   if (yDir == "down") {: ^4 D- ~! z9 I" }. U- j
      yPos = yPos + BallSpeed;# q0 Z  k1 f5 Q1 y/ m
      }- ^( R6 M8 K- q2 E: I! o" m
   else if (yDir == "up") {9 O: e8 V  w8 ]9 ~
      yPos = yPos - BallSpeed;
- z2 D- v8 R+ w9 F5 Y: v0 K      }
5 p0 N  C" k. \8 o3 e( S. K   else {1 ?8 _3 O0 q6 |) ~* b
      yPos = yPos;
6 C: K. F* E: L      }9 F# _3 r+ h2 j' B% ~/ L) _
   }
$ a6 P7 }; k, I  a4 }" s9 M2 P) D% e7 \1 G0 w% L& e
function hidetext(){
* x1 F5 x7 G0 o$ L1 W1 ^, g/ uif (document.all)$ F% z$ e9 [+ p3 T2 e
supertext.style.visibility="hidden"
$ J$ t5 G) k2 @5 |$ celse if (document.layers)
1 O( }4 T5 \6 X- g4 W$ m; i' H0 d& Cdocument.supertext.visibility="hide"
0 X$ G. _5 C! {) zclearTimeout(animatetext)
. N4 H/ \3 `1 [: {) S3 H}& u% z- `/ O7 R
0 z7 r' D( r) U
if (document.all||document.layers){# t3 B! z( q9 k8 o
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 y4 Q$ L# k$ D& z- Q- rwindow.onload = initializeBall;
3 F, I& C  ]% y- p6 ^6 lwindow.onresize = new Function("window.location.reload()");
8 w* k6 f" D3 }. z3 C5 Q}9 f% B' g0 p4 I" H

# ~: ~+ U: A/ u+ P' e</script>