返回列表 发帖

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

<style type="text/css">
: z4 V, l+ c. A#supertext {1 |! z% R* G0 n: V" f
position:absolute;. \: [1 y- |' ~0 a4 c
left:0;
. M, |- r$ S9 _) Qtop:0;
* O% G. @9 a9 t" `# {& \visibility:hide;
1 m% e6 h/ }/ nvisibility:hidden;
: ^+ I9 z5 e# Z# [# a) w}2 e) E# W) D- E% M  N
</style>/ V* Z8 N" N% @9 i" |% u; J' S8 U
<script language="JavaScript1.2">
' X% Z# s) `2 N; x; |- `0 ^# m( v' `  T<!-- 改变下的字体的大小。颜色--># `+ T) P7 w8 f  {
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! \( D# G* D9 b. J7 M1 G3 J
var hidetimer='';
& h! z, o" F# W<!-- 改变下的弹跳速度-->
1 A8 m& `6 i  q, avar BallSpeed = 20;
9 D5 j, X; v! R, u# V" Vvar contentWidth;
2 p0 [* h# x+ rvar contentHeight;) C# L; k7 l  s& ~; |9 [; N7 P* c
var maxBallSpeed = 50;
8 A! A- M- O- g  [# P) D4 E  D' g7 t" P, l6 n
, x$ I/ H$ o0 W( s' i) x8 r
var xMax;
" X  y3 F  D. T  F/ jvar yMax;8 Z0 L3 P9 m& w$ J5 T
var xPos = 0;1 X( G3 X, `. D! L6 T; A
var yPos = 0;
+ }( D2 m% i# M, `3 _. yvar xDir = 'right';
" M1 P* o2 }1 `- U8 G! ?var yDir = 'down';! y% w& V2 ~- @% F& P9 [2 G
var superballRunning = true;  P0 H  g( N4 h. c( G0 C% R
var tempBallSpeed;3 M7 u9 w; s4 q
var currentBallSrc;( N+ f: f+ _8 \
var newXDir;
9 [2 j6 q" X& f9 l% Gvar newYDir;9 S+ w. X$ L1 P6 A4 {6 A

( q' L: w2 p- [) B- f& gfunction initializeBall() {& x+ C$ K' Z' v, e
   if (document.all) {% S; h; R1 v1 g! A0 O
      xMax = document.body.clientWidth8 T4 d! c0 H) E) Y. r
      yMax = document.body.clientHeight( P+ a4 b3 F4 H# {
      document.all("supertext").style.visibility = "visible";
. x7 M2 U  g% J      contentWidth=supertext.offsetWidth0 z) u1 L5 s; ^: F5 v0 C0 t7 O: T. M
      contentHeight=supertext.offsetHeight
) h/ `3 U' _4 ?$ K9 `      }
9 h' ~  u2 @. U. H   else if (document.layers) {
6 c$ b4 W% W6 K$ ?: W. N5 N7 w* i7 [# Z      xMax = window.innerWidth;
1 h" `* m6 i* S# M      yMax = window.innerHeight;& f- ^$ Z4 a" p  F1 l
      contentWidth=document.supertext.document.width7 [" S0 `* g3 J  n7 t$ a/ K1 u
      contentHeight=document.supertext.document.height
8 ?9 e9 V3 u# c% n. ~; |      document.layers["supertext"].visibility = "show";' v$ w) E. Y7 o4 K4 d) c: ?1 X
      }2 `6 x& M/ h# u, K& |# _* x# @  M
   setTimeout('moveBall()',400);% m, N% Y8 u! u6 O. G9 R) {, m0 `
   if (hidetimer!='')4 [" e  g. n% R: |& g! G5 J
   setTimeout("hidetext()",hidetimer)
# K2 _- l# Z- G" L   }
" c6 q* Z# \. ?# d, j3 x( O$ B' F9 n; j  {6 G
function moveBall() {
2 r* ^$ z5 r7 c( V5 D5 m   if (superballRunning == true) {1 [- o4 D5 w9 o$ n5 ~# t6 `
      calculatePosition();
5 i" ?0 N8 n' |; I1 {, D8 Y      if (document.all) {3 @2 e8 U; c! G/ g0 E. K& x  ^
         document.all("supertext").style.left = xPos + document.body.scrollLeft;! Y8 c% U! [( u$ e) s9 Q
         document.all("supertext").style.top = yPos + document.body.scrollTop;' \7 D; E, H$ t% C
         }
# j8 ~# @( M6 j- K0 D, |3 j8 G      else if (document.layers) {) S9 \- _8 J# c: p% W- @2 E. m
         document.layers["supertext"].left = xPos + pageXOffset;
+ q7 a6 n+ S3 M& p( i, |9 i         document.layers["supertext"].top = yPos + pageYOffset;
1 [, j8 k: |  o         }
: D1 h) q- k+ U3 R4 z8 z6 e      animatetext=setTimeout('moveBall()',20);
/ P+ R' c- e7 H8 z9 k/ i      }4 @% V& l$ Q. Z4 D& |( U
   }
5 l9 \4 b6 i% s( i5 ?
3 o- m/ i+ A8 i( Lfunction calculatePosition() {  L) l; \* F; ^+ i1 U
   if (xDir == "right") {5 @% _4 w- M- x; q4 A
      if (xPos > (xMax - contentWidth - BallSpeed)) {
. Q  i# g& x/ @# D+ P3 n' Q         xDir = "left";
7 P7 \1 Z& H8 _4 q5 x         }
4 g' j, }% w. v1 t3 J0 m      }
  a6 y) ]* u0 f: J0 F   else if (xDir == "left") {" q5 S+ u; T2 e& \8 G: @  p9 x
      if (xPos < (0 + BallSpeed)) {) \; J1 q0 H$ }5 ?) a% g2 k
         xDir = "right";
/ f$ v  C" B, V& {         }4 h) |* V/ F% b9 C* z
      }% K& X/ l# V5 b8 i( u3 Z( h+ Q
   if (yDir == "down") {
# h& j2 l: W+ j9 Q: j5 v      if (yPos > (yMax - contentHeight - BallSpeed)) {  K$ s& p0 M& Z1 T& c
         yDir = "up";
4 p. r, ]  f5 b+ L% Z, g+ p/ O         }% i  |  Q! j/ ]& ~3 R4 o
      }
+ y0 U4 t5 y- a) a* `   else if (yDir == "up") {
* E5 ]6 Q2 ^5 \. {      if (yPos < (0 + BallSpeed)) {+ `! b* n3 V( ~$ @2 D
         yDir = "down";/ |6 n0 p- U5 \, D& p
         }
7 a) Q. Z2 _7 j, G5 ~      }5 @, g2 o0 n- p3 b0 m6 n
   if (xDir == "right") {4 I5 M" B! a9 H/ e( n0 f
      xPos = xPos + BallSpeed;3 e& [3 E" p" I6 I2 W5 p
      }7 f/ A* A+ H1 C6 Z& v1 `
   else if (xDir == "left") {
# F9 ]: @( r# G, j8 q      xPos = xPos - BallSpeed;
  k. E" H4 r1 R, W  d      }% \: M( x# N/ e5 x( V9 m! r5 f
   else {
; ?; v$ G2 G8 r  R      xPos = xPos;( C2 V4 [% a7 q# f: U
      }- k7 e( L' K7 t2 o& {' S# t
   if (yDir == "down") {
4 k/ O8 u' B: K4 U3 H      yPos = yPos + BallSpeed;
, \; w* w' R% [* Z( a. y5 K; V      }& R& T2 m" }7 C- e1 N7 y: Q$ Y
   else if (yDir == "up") {+ ?  u6 ]* K0 k6 N
      yPos = yPos - BallSpeed;- p& I* o* c' b, ?
      }
, i' ~! T/ N5 o1 D   else {
; i! ~4 J, d: i      yPos = yPos;
1 u' f, I: \7 s0 Z8 o, n6 V5 d      }
; U' h* Z, Q  k& ~7 o   }% C  v- w" r1 n

0 X* U/ ]' o. U0 Efunction hidetext(){4 s4 b) T7 o5 @3 d6 T3 v; |
if (document.all)+ W+ D3 Y. T/ _5 ~# V
supertext.style.visibility="hidden"
5 A0 D& L) t4 n8 c- d/ b5 `else if (document.layers)( T0 }# M- O# w) ?
document.supertext.visibility="hide"
1 @7 n. g  b% B, X5 fclearTimeout(animatetext)
& C+ Q" j( [0 B+ U( o7 K& ]& T}
4 a+ a" W, Z1 Z. g# h* ]7 u- R6 f# \0 A4 S0 ?3 _2 q
if (document.all||document.layers){
& A0 q4 V" L7 P6 gdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 \' f# U  X; M5 h9 R
window.onload = initializeBall;
' P$ e0 C7 c0 twindow.onresize = new Function("window.location.reload()");/ O6 q  a- I/ @- ]  ?! M
}
: s  y* A4 e8 f8 ^5 Y1 S- G$ z4 I- G, G6 `. D* H3 T/ g% \
</script>

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