返回列表 发帖

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

<style type="text/css">
8 ~# }* `% W& @( x. c4 j' o" I9 v#supertext {
6 I5 e( x0 o. ^, u7 r* s( ^7 K; dposition:absolute;
. ?9 w2 R. ]5 |8 E% l3 Cleft:0;
1 E, Y7 O7 x9 ~3 H, Ptop:0;
( ^5 v$ a; V! Z3 K) z+ z& ^visibility:hide;
8 c8 [0 @, v& P# ]7 i5 \# nvisibility:hidden;
3 ]9 c# T1 ?+ l+ q/ X" G}7 x; D1 Z1 _/ z4 g
</style>: F9 w" y" d, m: v: F, y
<script language="JavaScript1.2">1 L  N: j4 [. W
<!-- 改变下的字体的大小。颜色-->& C, D2 y0 B' l' C+ ^
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! ?1 U! X1 L5 ?5 e' q3 d# y; {( H
var hidetimer='';% f, [0 v5 C- x% u# I2 m
<!-- 改变下的弹跳速度-->
) d9 |  P6 _7 E& D4 ?var BallSpeed = 20;+ t( N7 d! @6 U& D
var contentWidth;
6 E( p1 v% [6 N" qvar contentHeight;
1 C; E! L1 Q+ i7 X, D' e6 ]var maxBallSpeed = 50;
7 e0 Z/ Y% L3 n  t# P& j, H
0 K) o- E2 x% |) n
6 W0 m5 l" |* M4 [var xMax;
# U( m  Y0 e5 ~/ qvar yMax;9 [4 y; |  z( W: y
var xPos = 0;5 s. X8 X- z  Q2 K  q
var yPos = 0;
  d  j, ?4 A/ g/ q! u5 e$ cvar xDir = 'right';
5 A9 p( v4 \/ `3 d4 i# ivar yDir = 'down';  g/ \- O! u( Y7 F) m+ u! Y$ v
var superballRunning = true;
  R% F) S4 o, kvar tempBallSpeed;
$ Y4 D9 h& Q& C1 f& t8 zvar currentBallSrc;
' G+ y5 w/ w- I. c: `  x& C7 ?: u4 L' {var newXDir;
5 I' k5 P" M0 Yvar newYDir;
3 ~) c) [3 h! S8 y7 f
& D1 J% A4 t5 rfunction initializeBall() {
9 L# o$ C: G6 ]4 l% t! S   if (document.all) {
$ m1 U  y8 e! \1 y      xMax = document.body.clientWidth
( Q' _, j! R: X      yMax = document.body.clientHeight" x3 o" F  S- t0 W- E
      document.all("supertext").style.visibility = "visible";
& a0 I" z" v1 U1 x# c6 z      contentWidth=supertext.offsetWidth
+ e. ]  s: |  }, m  Y/ M: a      contentHeight=supertext.offsetHeight
7 i6 i$ {. n& @! J8 z      }
" u2 h* o5 |" n* k   else if (document.layers) {0 f! N. [; r9 h. {" S4 o/ U
      xMax = window.innerWidth;7 m* B) L% s  J* D
      yMax = window.innerHeight;
4 _5 D1 t- D# x& g! @: u# Q      contentWidth=document.supertext.document.width
& s7 q; n$ P' U5 V5 A      contentHeight=document.supertext.document.height6 n% F& q1 [2 T1 W
      document.layers["supertext"].visibility = "show";: c1 ^% {4 @& W; l
      }
1 I6 [$ C* a% X- M* @, G9 h6 z& f   setTimeout('moveBall()',400);: {( Z" q8 b% L: H0 ~: L
   if (hidetimer!='')# z7 i% o; \# f' _9 E& F
   setTimeout("hidetext()",hidetimer)5 _. r# U' A! j$ o
   }
& ~: O: T3 |# B' h" m# P" y, w6 h1 L9 |& F' f, e0 S3 F
function moveBall() {5 F0 P: L1 [; f- h
   if (superballRunning == true) {
5 I( O, k9 t0 D9 a% m      calculatePosition();
; o  n7 i% P0 g# a# d7 y3 g      if (document.all) {/ `% P+ [0 e. r5 |
         document.all("supertext").style.left = xPos + document.body.scrollLeft;0 C; q: B. p* [0 l
         document.all("supertext").style.top = yPos + document.body.scrollTop;
, s% s5 Q, ~# k: h. [         }# i. u" c2 {, S$ c$ X$ f  G# ^$ _
      else if (document.layers) {! G% c; w0 i) L7 }' M$ O, X8 R
         document.layers["supertext"].left = xPos + pageXOffset;% y$ [* V$ [# F7 m  {: v" P
         document.layers["supertext"].top = yPos + pageYOffset;7 D6 B! z7 d0 ?" k) [
         }
; Y# a: u3 Q3 l9 ~      animatetext=setTimeout('moveBall()',20);
7 x  Q% ~0 H5 l1 _' ?      }) E5 j9 I* C' j+ p9 K9 U
   }
% O8 Z6 V, ~: ~& U+ @3 G: l/ k/ h2 u8 U4 B; {2 ^' ^- X9 g! t
function calculatePosition() {3 |  p. D; l) g( _  k
   if (xDir == "right") {
: `4 D; f8 P9 L5 ~( S      if (xPos > (xMax - contentWidth - BallSpeed)) {
! H9 ]3 m$ m4 i) c+ o         xDir = "left";
2 X, ?. b! e7 T9 l- }( ~7 e5 D% h% O         }" {/ R4 M# F& J* r
      }
7 p6 r5 d: h/ N) w3 g; P   else if (xDir == "left") {
  J# D8 ?' K4 S5 L      if (xPos < (0 + BallSpeed)) {
9 \  Z/ I6 g9 O+ v8 G         xDir = "right";$ j% X; P! E. n/ Q; w5 k: O
         }0 X! @# Y2 o: z9 U
      }3 I4 ^+ R. E* B" E* M+ L
   if (yDir == "down") {6 ^9 J+ L! Q- k4 m9 ]
      if (yPos > (yMax - contentHeight - BallSpeed)) {- v6 q  Q4 h  w2 M( s7 A
         yDir = "up";
( f' {' w. ^8 y) o  D) g( J; \         }
- p5 x3 p+ U: e% p1 Y$ x      }( N- [* v, {/ M4 a
   else if (yDir == "up") {4 @0 J7 ~) J; a; F% Z
      if (yPos < (0 + BallSpeed)) {9 _) M5 q7 h8 Y- h& X' o  t, |
         yDir = "down";
& [8 p2 M4 p7 }% Z+ p4 L3 h         }
" H6 n) [; E- u% s5 |! c6 B+ y) c      }' W% A  K: A% I8 Y
   if (xDir == "right") {% U* D1 N: x0 M1 Y8 \5 [5 [7 _
      xPos = xPos + BallSpeed;
! C8 h, P* {; S; Q      }
% j2 Y' T! p5 R) H0 v   else if (xDir == "left") {
' a$ a# e# k2 ?' p( i/ Q. O      xPos = xPos - BallSpeed;* S- o: `) E( s2 I1 ]4 v* e2 D
      }5 w4 o0 g- @& w! h2 b4 N
   else {* s$ K% b& |; K# m9 i' ]( _) m. F
      xPos = xPos;/ [& ~) n+ S' p- C
      }
) z& |7 D7 {3 b6 q* l   if (yDir == "down") {
" I6 ^/ ]5 v' R+ k- x& \, H# i      yPos = yPos + BallSpeed;
# a+ ~, Q  k3 `3 C      }6 F+ L7 s; i# e! M
   else if (yDir == "up") {, j+ U8 y/ H2 Y. \4 [/ B
      yPos = yPos - BallSpeed;
: k  r% J6 F" r* d% s      }2 t/ V2 u% z2 R7 u8 j% O2 X- y
   else {
9 t$ n( W" [6 L1 J& j      yPos = yPos;
1 N& `, `1 Z3 `- o) U7 }      }
' ?! t- S6 R0 v   }
: J, T6 _; D* h9 e+ c; U3 y" D1 o3 h' ~+ w  ^
function hidetext(){5 x/ ~2 G! v# ~* ]1 v
if (document.all)  c% z# V6 u2 j, M* M8 Z
supertext.style.visibility="hidden"2 L. x# p% E  D, P3 \1 S& w& u
else if (document.layers)
+ C# a. k7 P( ?  xdocument.supertext.visibility="hide"$ }8 j, F0 G5 m4 \) A2 u
clearTimeout(animatetext)( l" p$ B7 j) S6 d  ]7 f
}
( u, M; `6 z& b- s
4 F' g6 G* Q' k* Uif (document.all||document.layers){
0 y3 |6 \  {- o) Ldocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 k' ?% G! \* G8 w: u1 I: Mwindow.onload = initializeBall;. h( r3 r5 |2 A2 i
window.onresize = new Function("window.location.reload()");. D  q$ t4 L  Z+ M( u% b6 X3 b
}/ r1 K' s! A, @" ]$ f7 }. R
2 j) Q' g+ _" b( e
</script>

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