返回列表 发帖

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

<style type="text/css">
0 I- e% j; Q( _# o5 P! _5 \* i5 L#supertext {
8 ~+ W  T) u8 rposition:absolute;
2 x8 E2 m, A9 Y6 ~; _left:0;
/ [2 ?! i$ `8 j4 U  D% Q" ^top:0;4 {/ }, X& H) X8 ]: S* n' |
visibility:hide;
, b0 v! a* X( lvisibility:hidden;; o* ~1 f% Q+ k) k3 z+ [" \" h5 @
}) `6 o: \& ?2 }/ W- f; s
</style>5 z6 r# y$ O. C  s5 c+ A) T
<script language="JavaScript1.2">
! P1 A( f. x# \<!-- 改变下的字体的大小。颜色-->/ g% d& d% {+ v4 I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! u0 R7 @* E! i2 b$ u: X3 x
var hidetimer='';
: l& l) O" Z& e6 l. [, E. N<!-- 改变下的弹跳速度-->/ v. x, Y* h/ K# G& V4 [
var BallSpeed = 20;+ w6 S4 y* ~: W( Y/ _- J
var contentWidth;# Q6 r* J" u2 U9 M& E+ Z' w, A) u
var contentHeight;
) r3 j1 C3 ^7 C* j# S0 \) |  wvar maxBallSpeed = 50;2 Z" Y2 t! U' G$ d
( U- A: O+ s/ o% {9 N
% X% g6 L8 x9 M. [8 K
var xMax;) G) |# j2 f6 v, q' Y
var yMax;
% k( W/ |0 S* e3 a- F. W7 J! S8 ivar xPos = 0;
  R0 q5 q3 J' Rvar yPos = 0;+ J0 o" [/ c+ p& O# I
var xDir = 'right';
8 s6 Y" j7 g  I( I4 C( Yvar yDir = 'down';
4 A  j6 J7 G- B& Dvar superballRunning = true;
- ^5 ]$ o( Y: uvar tempBallSpeed;! w0 J+ G; y4 t& d
var currentBallSrc;5 x2 w! c2 ?" j2 t# j6 a
var newXDir;
) i; V) m. X2 ]! _. yvar newYDir;7 d6 c! k& ^1 }3 \- @5 \
; P! o8 x- U: v' G% h5 a1 @  E
function initializeBall() {, M: k' F( }0 }; J( w9 z
   if (document.all) {  I0 C! |3 s* Y% `6 ]8 `: s
      xMax = document.body.clientWidth
. y  M6 h8 a( q5 K' E4 D& Z2 z- ?      yMax = document.body.clientHeight
( l, K3 Y2 O- g2 K* A2 f& Q, l      document.all("supertext").style.visibility = "visible";" M, E) _- E- }/ }
      contentWidth=supertext.offsetWidth
4 [$ E  [) V/ v0 P      contentHeight=supertext.offsetHeight; G2 ]1 l0 G; b' K& `
      }
3 T! Z: G# _, f; F& j   else if (document.layers) {
. P% }" t6 M" d" Q# w# ?      xMax = window.innerWidth;
; `2 |6 i) }2 W, k# A      yMax = window.innerHeight;
; r3 |- k, R4 i      contentWidth=document.supertext.document.width
6 E# B  p3 M. O) z% ^      contentHeight=document.supertext.document.height
0 T  A6 c1 k6 p# A# ^3 d- y! w      document.layers["supertext"].visibility = "show";9 ~8 W6 A% Q% L9 O
      }/ a- K% b" H$ t- Z8 n( K5 ^
   setTimeout('moveBall()',400);# c2 B: {+ t; B
   if (hidetimer!='')$ B0 Y( g5 J' U7 D* _( S" t: C% F
   setTimeout("hidetext()",hidetimer)
4 O9 ?- d9 f; t  y. S+ s" ]+ E   }, }, `8 m( N2 Q% l
3 J7 Y8 ?( ~& z' _+ Q
function moveBall() {
' s; D4 {7 y! y* @& P) M& g   if (superballRunning == true) {" @! Y$ h/ M2 o* e' Q% x
      calculatePosition();& m/ e7 G2 f$ q! [
      if (document.all) {
/ z7 ~! [" u6 i4 Z, F. q% d         document.all("supertext").style.left = xPos + document.body.scrollLeft;
. i( z$ X; X1 t         document.all("supertext").style.top = yPos + document.body.scrollTop;" B7 \8 H5 g! {/ G' ]: y$ F3 t
         }
+ K* x. a9 A2 n  H      else if (document.layers) {' R6 H7 s- j3 V  h/ m
         document.layers["supertext"].left = xPos + pageXOffset;& N( H4 i* ~: \3 u1 I! o  q+ ~
         document.layers["supertext"].top = yPos + pageYOffset;  \2 g* U) c  H# b' F
         }/ ?7 r8 ~+ D: g' s6 c( Y
      animatetext=setTimeout('moveBall()',20);5 E! g5 _+ W' E" \
      }! p  f% ~. B8 _1 Y0 [0 I
   }# A$ e! s: w1 j6 `; ^. r

4 y* x6 g* U# \. lfunction calculatePosition() {
4 ^4 \8 e( X$ g4 T" r8 m   if (xDir == "right") {
/ t. z* A  G9 B4 ~8 _  M      if (xPos > (xMax - contentWidth - BallSpeed)) {
# c' Q" E7 M) A         xDir = "left";
0 c" t: `$ ^$ a         }, j+ D; C2 e3 H3 W
      }
4 a6 }7 T$ ~# y5 R! e7 x8 e   else if (xDir == "left") {
8 o) {6 f1 h( U      if (xPos < (0 + BallSpeed)) {3 h! i& d1 E5 S  D
         xDir = "right";
" H$ G6 D! b$ V+ y7 \5 Q         }3 X: V* x) _1 R# b
      }
! ?  F6 v. {7 l; g; \" G5 ?   if (yDir == "down") {
# S0 o: e, Q" W. H  n' X9 P: N      if (yPos > (yMax - contentHeight - BallSpeed)) {  V- D  V" y* B, O' `
         yDir = "up";; U: \4 {# T0 V# T2 K: C% d, I
         }& |. r" ?+ P2 p
      }
6 o- D, m  U7 q# E, }  w# G5 ?   else if (yDir == "up") {0 {$ |$ I0 W' v& ~0 E
      if (yPos < (0 + BallSpeed)) {
; N; p' L; {3 z& m, E" Q' }6 f4 ^         yDir = "down";
' h) W' [4 ^, z* r% p7 E& x7 n- E. c         }
; }2 b1 }9 @  F; d      }
$ i0 |# T9 o0 E" m   if (xDir == "right") {: [5 f9 p' T9 g6 p' q& j
      xPos = xPos + BallSpeed;
" [! \6 z6 M% e: l2 X5 D      }+ J& t( W. c8 M3 _. W8 D, ^; M$ h
   else if (xDir == "left") {2 Y& Z1 c. a+ q8 N- F. P6 D
      xPos = xPos - BallSpeed;
) c! h! v8 |7 k+ h3 H      }
1 D1 Z) s8 `: i   else {  R# I" B  j5 m: Q
      xPos = xPos;
9 }* O" Q# m) z- e$ J      }
, I" `1 D, G% |9 x1 d; I$ g2 k   if (yDir == "down") {
) h- w  e1 y# x8 J      yPos = yPos + BallSpeed;
; ~8 Z7 Y/ `0 |" D; b      }
. F! y; v4 a2 P3 `   else if (yDir == "up") {
, j9 S$ w: |1 [5 ~0 r$ @      yPos = yPos - BallSpeed;
: ~' Z% c( F# s      }
1 @; t4 U7 i2 T, d- V1 r   else {! _- p* E% R: v6 O( J' Q7 I* B$ M+ e
      yPos = yPos;
5 C" w# C1 [- h7 E: w2 d& n9 _  n      }
( H. r. N" n8 e   }
: R- r( i/ {  T9 a
4 v! J7 I% E, w  O) t- Bfunction hidetext(){+ _. r6 E6 Q- k  J
if (document.all)
% X6 X% C7 k# ?- N0 d0 a) Ssupertext.style.visibility="hidden"
+ q: I% y' d1 ^" {2 Oelse if (document.layers)
/ H& W- v! d+ U, }% e' i/ idocument.supertext.visibility="hide"
/ z, _+ H- ]* Z; bclearTimeout(animatetext)2 ?# c! |& ~  S+ v9 H
}
. ]5 m9 \7 _' x  L) @& Q. \& p$ v1 G
if (document.all||document.layers){8 R( d4 j* \+ b* L$ d
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
9 f; X$ F0 z0 Twindow.onload = initializeBall;
7 g2 g$ H: p+ E: V! w+ fwindow.onresize = new Function("window.location.reload()");% ~1 H1 P; W( y: B2 h) w; T
}7 Z; n) J4 x- V/ i( N3 }

2 W- p3 H' ^) P" x. E6 B4 n- r  @' h8 Y</script>

返回列表
【捌玖网络】已经运行: