返回列表 发帖

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

<style type="text/css">
5 ~7 ^: _! p3 r+ p5 _#supertext {
. O: _& p  N, |. k( j4 \position:absolute;- @, F4 B4 v5 w6 `" }
left:0;1 r9 s# d0 }7 Q; }1 X# ^" I2 Q
top:0;- Z7 v! e8 W: R. R+ i
visibility:hide;5 \! ]5 E! D9 o/ B8 ^# m
visibility:hidden;
8 z0 ?5 W8 r- \1 D- R. [" A  T+ R}
% o! h( `" T; C8 j7 E</style>
; Z6 V7 i- A1 b<script language="JavaScript1.2">4 d" l  f7 E/ V
<!-- 改变下的字体的大小。颜色-->. o6 I9 Y  f& ~+ R* F+ G/ z7 n
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* K6 P* o! ]: k3 I0 \% l
var hidetimer='';
$ D7 P' g1 @& ?* v<!-- 改变下的弹跳速度-->9 j& Y3 N- d, d/ ?. t- b" q! `
var BallSpeed = 20;
  \& f2 t1 c( k& u: @0 Pvar contentWidth;; `# M1 O8 C6 M, f  H# J
var contentHeight;
5 ^% f$ `# V6 T. y7 d6 `var maxBallSpeed = 50;
. R/ R+ k) G+ t. ]7 d+ e
( B( J/ r' Z5 A$ `. w2 A- {, ~6 f, a1 ^$ E: A2 |
var xMax;
2 L( B6 N5 a0 M+ ~- }0 \var yMax;6 {7 m" p; }8 z1 o  K$ p: J9 E+ h
var xPos = 0;. j7 M, y* w' U$ s$ @0 k( @
var yPos = 0;
+ C  y' E% U& R. I( H/ xvar xDir = 'right';5 h1 y3 N; r/ P6 O6 I# k
var yDir = 'down';3 `( f& Y: T% M% A. @
var superballRunning = true;( b  L3 V. d+ H9 s
var tempBallSpeed;
& c; x0 f. Y2 d' m7 q$ C5 Wvar currentBallSrc;, B) w* Y5 |% ^1 A5 U
var newXDir;* g2 m& f( {! t, V
var newYDir;
/ e/ x0 F' |3 n  b( u% k5 @7 K( {- K
- _) e* {+ G1 a: c. Hfunction initializeBall() {5 ^- l& ?! n2 F% ^
   if (document.all) {
& O# k5 h/ Z. o* R6 w      xMax = document.body.clientWidth# U- |" v& f8 M
      yMax = document.body.clientHeight
. U+ e: A$ s7 z+ f5 N6 a" k      document.all("supertext").style.visibility = "visible";; f8 c/ T7 k$ L6 ]6 M+ r0 h, s
      contentWidth=supertext.offsetWidth1 j2 d. X9 n+ m2 ^( m
      contentHeight=supertext.offsetHeight" H% ~. C% j& z
      }
3 w& i, b- ~& Q+ W0 w- m$ O   else if (document.layers) {
! s) t/ X6 _2 T) y6 Y3 ]5 u$ |; e      xMax = window.innerWidth;2 k' L; {# C1 ]6 m0 ]7 G8 Y
      yMax = window.innerHeight;
. x+ |3 e4 l, a% o5 ~1 ~9 @8 k+ Z9 A      contentWidth=document.supertext.document.width
) G: a, v" |. i3 i* H. n1 x5 M      contentHeight=document.supertext.document.height
3 c" ], B' }- y" @) ]" v5 O      document.layers["supertext"].visibility = "show";
- w9 r# C( Y% P" c$ n0 h      }9 q3 C! g3 K1 j
   setTimeout('moveBall()',400);
  C* O; r! k2 R; q7 V   if (hidetimer!='')" Q3 m+ G4 D* {% }4 t' [; A  t& h) s
   setTimeout("hidetext()",hidetimer)9 ?7 v$ K; P4 `5 M+ t
   }
: W9 T+ X! {& ]$ q/ [" o
8 t( z2 h1 z/ j0 n7 Pfunction moveBall() {
) {+ r7 P' r, j. M   if (superballRunning == true) {6 f( ^! f- G: V1 W) j; e) ^
      calculatePosition();
4 Y" x0 U" e& ~9 b: v1 f% _+ z      if (document.all) {1 C0 \  i, |8 o2 z( F4 c
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 N& n: d% G% o% y0 U4 P         document.all("supertext").style.top = yPos + document.body.scrollTop;7 T  p, p0 q: ?4 R) u2 S
         }
& x! F1 ]. b# m      else if (document.layers) {0 W: O% p: C2 v" }6 {  ]7 a; I( e
         document.layers["supertext"].left = xPos + pageXOffset;
1 h6 O( S6 O3 h' I$ f: d; m         document.layers["supertext"].top = yPos + pageYOffset;1 V3 g! n1 f' x* q. V; y+ l, o
         }- G8 _3 m" y  L
      animatetext=setTimeout('moveBall()',20);+ S! a% \  w2 x& j' W" ^* l
      }/ k$ u/ I- q. @& x4 a
   }
2 c" B+ f, R, J) _( d
" t# p: S# u: _2 T& f# e1 A, ^function calculatePosition() {
, Y# o: c9 X2 C$ W8 e   if (xDir == "right") {
: U  \0 U1 v# I9 h; G      if (xPos > (xMax - contentWidth - BallSpeed)) {) P! Y" V+ U% t. z* f: D
         xDir = "left";
5 i# n; t& o; Z) o/ I+ Q         }( i& K  T5 F" k5 S8 T$ Z2 V- Z
      }, J# d, d7 A1 S& E) a. L
   else if (xDir == "left") {' J* Y: I6 G0 N5 y6 q7 V8 `+ c! e
      if (xPos < (0 + BallSpeed)) {7 S  |0 p4 V2 |! R
         xDir = "right";
* u7 ]8 u" G9 K         }+ J, c/ \3 o7 Q7 W2 F
      }! ?' N% p: j1 f8 `" }
   if (yDir == "down") {
: J/ ?2 O2 |6 @: ?! P* S) t1 ~+ a3 W. ?      if (yPos > (yMax - contentHeight - BallSpeed)) {
8 h7 _$ @) r5 b9 ?5 L         yDir = "up";
# Y1 F% y5 |1 @! _         }
: _# |/ i' P  y& i1 T1 Q( o9 e      }. S4 E8 K1 c& q# h
   else if (yDir == "up") {2 v" R/ {8 E/ D) P) P: U- r& h  y5 @4 C. B
      if (yPos < (0 + BallSpeed)) {
$ {1 D& }: v. x( {         yDir = "down";1 J1 |& b4 N3 @  |7 F- e5 a
         }5 j/ f6 a  g$ o  b6 R2 d
      }
2 w% ^3 ^! l4 K- p" `+ i   if (xDir == "right") {9 K5 R$ {$ V* S" r8 l( F
      xPos = xPos + BallSpeed;: |" g6 l# ]' Z! Z6 d: ]/ e
      }
# l8 K4 C6 M5 b   else if (xDir == "left") {
5 ^3 {: h0 `$ J) j- h5 O7 t. ~      xPos = xPos - BallSpeed;. g" G, s2 o" u+ }, g
      }
( ^' c+ @# B5 |8 O  a6 [/ }   else {
. g% I+ d" ]8 e7 o# ^  A: P" t7 \0 ?1 V      xPos = xPos;' D% k1 ?' \/ o* \9 J) E8 K* s% i. e
      }3 b! `# x8 G! F
   if (yDir == "down") {' d' ]2 e+ {4 I  @* k
      yPos = yPos + BallSpeed;
  Y" _( a7 O/ O$ Y  D      }
  h  ~9 y% {" D+ c4 ]2 j   else if (yDir == "up") {3 R3 ^0 X4 r0 V# f3 e: p3 k0 D  z5 a
      yPos = yPos - BallSpeed;! ~* G- ?* G- N$ E3 X0 O( G7 v! @
      }& C% Z1 N, z) s
   else {- @( h" b3 `  z: e$ {
      yPos = yPos;1 Y2 |$ i8 t7 c) X1 V6 c
      }
4 a' o  g4 P/ Q: D9 S   }, a0 Z* V8 o1 P6 E4 d  G

& z5 s- X( k! e8 P* Kfunction hidetext(){! U/ n/ D) [; ~7 F4 _* y1 X+ f
if (document.all)2 E8 i0 L) v% T: @* t& A) y6 Y) Y7 W
supertext.style.visibility="hidden"2 o. s. z% R6 W. ~4 l
else if (document.layers)( K( H) Y* N/ W: J1 N' {: \
document.supertext.visibility="hide"- P( x" a* Q7 u  `
clearTimeout(animatetext); c( I& H; j. K0 p0 `3 x+ f0 g
}* p: o, L' b6 w8 m, E/ B
& ~6 E7 t2 c& X! ]' H. M+ E- D) W: v
if (document.all||document.layers){" B7 ]" H% Y  W% P9 k0 [: m% i
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! w1 E( q0 a! y# u1 K3 Q5 mwindow.onload = initializeBall;
  h4 t# l& ~, t& H" ywindow.onresize = new Function("window.location.reload()");7 O5 b$ D7 Z5 ]  k8 Q5 r
}
: ^$ r9 f! w: C$ p* j2 J8 N& O6 m  O: d" x" \
</script>

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