返回列表 发帖

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

<style type="text/css">7 L* v2 g3 T) [( F" w: V
#supertext {% D# X9 T+ h' Q9 s( F9 I% p: y9 |
position:absolute;5 F6 c* o2 E' P& E7 ?6 q
left:0;9 E3 |8 L. h7 u8 n0 A. |
top:0;- N/ ]* X' }8 R/ m) f1 t
visibility:hide;0 i  Y( J" d" A  f3 T  D* c
visibility:hidden;
) i- v3 U; [' |6 ?0 I5 y! q}
8 l& r, P( C( D7 L7 L! a</style>! E4 p: n3 j' A4 t' h
<script language="JavaScript1.2">) D: t, F: R+ P! e: ~8 N" a7 n: M/ {) h3 P
<!-- 改变下的字体的大小。颜色-->8 \2 U: {& N9 c
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ w" t: M7 w/ L$ Zvar hidetimer='';* K/ v+ d) Z* x* R
<!-- 改变下的弹跳速度-->* R: s$ o5 B! w: q+ C9 k
var BallSpeed = 20;2 A' {& ]9 }" v0 ^! c& \
var contentWidth;9 c; Y* V7 s% }, p( x6 u% }
var contentHeight;* ~; X/ _% F. ]* Y: b$ \/ T2 Q
var maxBallSpeed = 50;( |' l  Q& [7 ]

5 L) Z/ g" G5 a4 c. Y0 s, k' g; g3 ]5 H+ M; x; d
var xMax;/ Q/ d- C: y! Z; a) E+ R
var yMax;
0 L9 w0 U- K& Y1 |  p0 Y: nvar xPos = 0;9 n3 n" v: Y+ c: ~+ [  D9 X2 ^+ f3 U
var yPos = 0;
, q- c4 z5 a: s- N+ X. Cvar xDir = 'right';
1 M* c" {; v4 ?  k' k/ z. E8 B3 Ovar yDir = 'down';" h& n) `( |7 V  G; F7 F
var superballRunning = true;
( C8 `) `/ ?% }var tempBallSpeed;1 ]5 `5 R9 v6 z$ [6 a
var currentBallSrc;
1 c# v/ h; v8 i$ evar newXDir;
! F1 ?8 X6 W) A) ?# x( jvar newYDir;6 V9 B8 j- W. P5 M" H4 ]  F

# G: R8 W7 h: t0 u2 G3 Xfunction initializeBall() {0 ^: P% T7 I% r; N& M4 k
   if (document.all) {9 C: n& r# e* \" W' U/ Z: I0 @. h- v1 ^
      xMax = document.body.clientWidth3 R+ y; v- t) R  b" [* I
      yMax = document.body.clientHeight
( r' v% M0 _6 f/ A) f  g! i' d1 l      document.all("supertext").style.visibility = "visible";. ^) M" `  X, n  Q9 O. ^2 _! R
      contentWidth=supertext.offsetWidth
# d3 F8 \2 J3 i, l+ R9 l1 S      contentHeight=supertext.offsetHeight
- g/ G! d8 y8 B' R% L/ o      }
$ ^! R2 m6 s) @! y2 A. o4 A7 n) s   else if (document.layers) {0 E/ u3 e9 y6 Z5 B
      xMax = window.innerWidth;  X; P- S* O3 X4 J
      yMax = window.innerHeight;
" H/ u# e& n* l" P, I4 Q- ^      contentWidth=document.supertext.document.width( k2 U* O% A+ N5 H
      contentHeight=document.supertext.document.height6 z9 o  n& X, G. o. \
      document.layers["supertext"].visibility = "show";
* @: S4 r$ l! p# I      }
9 R( H- \0 i1 ?, E* b% I   setTimeout('moveBall()',400);
' l4 N* P6 L3 j; K* x" r   if (hidetimer!=''), ^- w. i4 I5 U% V, i
   setTimeout("hidetext()",hidetimer)8 X# o! e: a; J+ S1 A- T. @
   }
  M- w: p. `8 v% Y. q! d& f( U& u* A" {* s% Q7 c" ?
function moveBall() {
8 G0 M# G# A$ Q% m& @4 b   if (superballRunning == true) {: L7 |2 T3 L" ^7 [0 ]* \+ o
      calculatePosition();
! U' o0 v4 g- H% |5 h  Z      if (document.all) {( L1 ^. N6 V7 W5 S; z' H2 J" H
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; W  _4 ^4 @( B         document.all("supertext").style.top = yPos + document.body.scrollTop;
7 e; ^; V* C  U- `, h. d  a; }/ P         }
9 u1 t# x: L4 w      else if (document.layers) {
, K1 A" p* Y/ S9 _         document.layers["supertext"].left = xPos + pageXOffset;
  I# ~8 x3 M0 x- f) x         document.layers["supertext"].top = yPos + pageYOffset;
. r- ^% p$ R- D, p         }
' f9 z1 i7 P( w8 q      animatetext=setTimeout('moveBall()',20);
0 v  _; _; u3 w& a$ b      }
, t% W! C$ E1 {0 ?# }, \2 S   }
, y# |8 U. r- f$ P3 C) ^% D. s
function calculatePosition() {
$ w0 p8 p# t; a8 t   if (xDir == "right") {# N6 I( _2 R& s) M1 s: p
      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 [( H. e' V4 B7 N9 n2 s+ ^         xDir = "left";6 i9 E- b2 k3 K. |9 i
         }( c" u) q( a" j0 d2 I, B: `
      }$ I9 @% {7 @& `: b( m  q
   else if (xDir == "left") {0 ]$ n* Y) s$ g/ X
      if (xPos < (0 + BallSpeed)) {
' L# e3 j! x* B' ]8 U* K         xDir = "right";
0 a, I1 G/ s4 J9 F( y         }. g9 e2 F; q* S) z5 u% t
      }
: i/ G- ~% k& M- h, Z" m8 e. H$ W   if (yDir == "down") {
2 J# ^  V: o' Y; ~      if (yPos > (yMax - contentHeight - BallSpeed)) {% U( U5 |* O7 n. x  M. B
         yDir = "up";
, S. ~! T) e' y) L         }( m+ O/ g- I6 q6 B7 Z( D
      }. D$ }1 y; D8 Y8 r5 x; d! b( e
   else if (yDir == "up") {
, W/ v7 h1 v3 {9 p* R      if (yPos < (0 + BallSpeed)) {
: q1 P( I; ^+ V2 s3 _         yDir = "down";
- r6 {4 v1 }5 w* K" p         }/ ^: v( c6 V2 ]9 Z
      }2 |- o- S; e' @2 P9 C/ u
   if (xDir == "right") {
3 X+ `. q9 M+ U! Y- O# L! c      xPos = xPos + BallSpeed;
, f( X! r7 x: n6 q      }
! S  [9 L  ^' D1 s5 i   else if (xDir == "left") {
8 Y9 Z3 a- h( r' H) a6 ]: R      xPos = xPos - BallSpeed;
& W1 |" E$ L& u" T. @0 R      }
6 R. r% z0 X! c' v" ?& j  F- Y7 j' C   else {7 r, B  q! W: M3 S2 V; [# E; e8 x
      xPos = xPos;: V$ S* Z7 p9 h. t6 w! L$ \0 }
      }
& L8 T" K# _8 f' @! S+ \/ ?   if (yDir == "down") {& |+ U  P% k9 R3 |' m
      yPos = yPos + BallSpeed;
2 f) F1 \9 P' ]7 Q0 b/ y      }
6 a" e" g' ]% ?( o9 }   else if (yDir == "up") {7 w  r) g' E# Q% A5 o9 R
      yPos = yPos - BallSpeed;2 f: G9 y* o) K9 M) N
      }
# }2 v) B' P+ M( x$ K   else {5 a- z3 E' E% E6 d  Y0 {! q" E
      yPos = yPos;
. {9 F! U3 C# w0 V) d+ J2 r      }( j' v# `- |7 [/ X* x
   }) e- @" m* O+ y

8 ~4 [+ W! l- F- N1 J0 qfunction hidetext(){: E0 f8 s: S' ~9 s
if (document.all)
' O3 \/ S7 i4 N0 zsupertext.style.visibility="hidden"
, N* ~  F1 C7 U" L4 {0 A0 P$ welse if (document.layers)6 \: h, z4 V3 z, k
document.supertext.visibility="hide"
# m! T3 a% L! a6 j! GclearTimeout(animatetext)
# Y+ J) V) ~1 ]+ z}' C! b% y+ _  C4 k
9 o2 s  B4 Q) B
if (document.all||document.layers){
- i6 D6 c0 q  K6 E$ D- ]6 r. k, Odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0 n8 M5 ~4 l" n7 Vwindow.onload = initializeBall;0 e/ K9 M) V2 l2 U
window.onresize = new Function("window.location.reload()");
; l. g0 N; t$ H! C) v}9 _" D0 x& v# ]7 J; l8 y6 [" S3 j) Q
2 i, `3 ^+ C2 W3 p+ v  ?9 m
</script>

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