返回列表 发帖

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

<style type="text/css">8 y: w+ k  i# x* R" C1 @( b
#supertext {
9 s* n: x7 _6 E* P1 Wposition:absolute;3 b# U8 Y/ j; k
left:0;
# T' D% J' |- S3 G5 ftop:0;8 T# T+ {) a- \* y+ G/ L; l* q* e) R
visibility:hide;3 J9 c7 ~/ o( u; L, a
visibility:hidden;
' r8 G+ [$ v- t  C  g4 e( X}5 E, p$ z. m: X3 J
</style>
4 b6 g# B: q- {& m- G<script language="JavaScript1.2">. d8 X; V4 i  Z+ O$ ^+ p
<!-- 改变下的字体的大小。颜色-->
4 z: j" L7 s0 \* I5 q2 Z- uvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
; z/ W8 f" T) P& ^var hidetimer='';
6 _3 t% d) f# u* h' y<!-- 改变下的弹跳速度-->6 R& k; a$ t$ ^
var BallSpeed = 20;
" \' u1 u% e8 p  a8 ], K7 hvar contentWidth;$ ^- T& M  X9 {: M& t
var contentHeight;
- ]1 g1 A' M& m# L+ T$ wvar maxBallSpeed = 50;
# r8 x8 ]/ H) h: ?. l
- I5 T+ J8 ]; ^: Y0 N( G6 B+ L1 i& K! A, q
var xMax;3 d1 q! c. P6 g% U) Y  p
var yMax;+ h. W4 s4 ~6 P/ }3 }& ?7 W2 D
var xPos = 0;
6 r* H7 J6 B. ~) E; {$ @! z, ivar yPos = 0;1 V9 i  s0 V( P4 |4 C' d+ ]5 |
var xDir = 'right';  O1 K1 k) ?; @" s
var yDir = 'down';
1 K% `# V" m$ N9 G- g9 tvar superballRunning = true;8 F( e, E- z% ?  n" W
var tempBallSpeed;
8 K1 v5 Z; u- Rvar currentBallSrc;. k9 Q3 f- q/ i( V! ~
var newXDir;
" `$ o, a/ s- t6 u) f- vvar newYDir;& E2 f* _  X; a, [: s; E$ F. v9 Q
  ?# @3 \. N" E0 a7 C3 n: g+ Y% J
function initializeBall() {* z- _0 S/ _8 D0 K
   if (document.all) {6 S& g# ]3 Z3 ~- ?6 Y) M
      xMax = document.body.clientWidth
. W3 p( e* F9 U: z0 d" P      yMax = document.body.clientHeight
) R, {3 [6 I* f, ~  e& A& d% N+ v2 M      document.all("supertext").style.visibility = "visible";: X4 I0 f1 O3 f5 P4 ^
      contentWidth=supertext.offsetWidth6 d8 V+ h2 z, d9 A$ Z' X
      contentHeight=supertext.offsetHeight( P/ A" d( ~5 l9 B
      }  \1 R( G# O! Z% F, B9 s* `
   else if (document.layers) {
6 M7 n$ C9 n1 W5 I5 q7 K! G6 D8 p      xMax = window.innerWidth;4 o7 C! F- x4 ^& l' l
      yMax = window.innerHeight;: H+ f% d2 L; B8 g" W
      contentWidth=document.supertext.document.width+ A5 q  F0 b+ V6 \6 d; m0 K4 ?
      contentHeight=document.supertext.document.height
) `2 L- _3 S. T$ [9 c5 d      document.layers["supertext"].visibility = "show";* _: r+ R( b% H5 @0 E7 F0 K
      }6 U! u* Z  t- I8 G1 o; Y
   setTimeout('moveBall()',400);* \, @+ W7 @7 S6 w1 d
   if (hidetimer!='')1 ~7 ?: H4 R/ I4 c# G( o
   setTimeout("hidetext()",hidetimer). R8 O7 x- b  h5 l( Q& n
   }
9 M1 N0 |  D6 ]* `* N
6 W0 W  R( A8 Xfunction moveBall() {( z- P' i8 |. ]
   if (superballRunning == true) {
% R( k, y  `( A' B% W3 ]! {# P; R      calculatePosition();
/ W2 z; D: P3 f( O      if (document.all) {; s  g) \1 k0 w- |$ L' E% c
         document.all("supertext").style.left = xPos + document.body.scrollLeft;- s# m; L( Q- q% a* g
         document.all("supertext").style.top = yPos + document.body.scrollTop;
3 P: U/ f- r. u7 m( g% v         }- m3 m$ e' s2 L& ]
      else if (document.layers) {
) z, b% B% M- g9 l         document.layers["supertext"].left = xPos + pageXOffset;- d" o# O7 w/ L  l% \' S  g
         document.layers["supertext"].top = yPos + pageYOffset;0 k. P, B% U! V
         }
* ]: |" p: ]" D, Y6 T, i" e: r( P- M/ d* p      animatetext=setTimeout('moveBall()',20);
4 u0 V6 u( @; y7 g      }6 H9 W8 ^4 T, Y
   }! s' g0 g/ z5 s' @- B# w/ j

- e5 O: J  o2 J5 V( m6 Qfunction calculatePosition() {
3 j$ t6 x. H# T4 g% ?. b   if (xDir == "right") {
8 Q& O) `# T& W1 P& z1 f( Z      if (xPos > (xMax - contentWidth - BallSpeed)) {( E# Q6 [) `5 D, A- m2 u4 j% m
         xDir = "left";
( t$ m/ Y: A" ?, G/ E" U         }& `% ?' f8 H& [9 E; x4 Y
      }
6 n; f+ V2 u- R1 n   else if (xDir == "left") {% w  v5 b# @$ Z% ^
      if (xPos < (0 + BallSpeed)) {) z4 }5 e" c- I3 E, p  J2 F6 T
         xDir = "right";: C" [5 v" M) K% V
         }
( A9 {  ?# \( l8 e. [      }
7 F) c4 M+ H% y' A& J% v8 W   if (yDir == "down") {
& A* n: T, [8 {$ ], v  Z% U5 K/ q      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 [5 L' j% `( `' d' ~* H         yDir = "up";
: v2 _* ^( v6 [: r7 H         }( M4 d9 J) i4 B8 |) j$ d3 {
      }
% g+ @) O3 f  r5 _: z; p( X   else if (yDir == "up") {. [# R' Q6 z* M- G" g  |9 k/ M5 p
      if (yPos < (0 + BallSpeed)) {+ X" L2 ]$ _8 R0 S5 L
         yDir = "down";
+ _/ N, D' a! f* k% _         }
- [1 }7 o# F2 ?3 U6 O      }; ~- l% N0 r2 }* c  Y) F
   if (xDir == "right") {
  e0 Q$ e9 U. ]& S: N& ~      xPos = xPos + BallSpeed;
, P2 e- v& E% P' F& r      }+ d" Y4 l/ L$ A  u; N
   else if (xDir == "left") {3 e5 z/ j$ |# F) |
      xPos = xPos - BallSpeed;, `5 P  e3 Q, b: s# ?7 N3 v. R
      }, B" K$ I$ N0 N* H0 |: r
   else {
. I+ {  c+ i( K% Z% M      xPos = xPos;
5 E& i' T6 `6 s& r4 H' |. i      }
* F/ @3 c4 D( f) T0 F5 I   if (yDir == "down") {  m+ i5 f* E! i( t+ q$ N  r( P
      yPos = yPos + BallSpeed;  M+ E% L) ]9 C  z! m5 e# H
      }8 c1 L* E' T  v. h5 X! d% d) b
   else if (yDir == "up") {
& i4 a& @' Y& t% S      yPos = yPos - BallSpeed;
7 t( ^5 v: y# }! c, T      }
* p  R8 q; o. v7 E   else {' J! t" e& [) U! b& U# {2 [
      yPos = yPos;
! Y8 s! A+ W  H5 V% Z      }
- D5 H% e+ W1 e! _+ ?   }
- G5 A+ @% I1 _* A0 y+ {  N' f. a6 `1 U, Q; z0 e5 b
function hidetext(){
4 g" o; P2 h/ M6 nif (document.all)9 i9 h6 S, Q; S/ F; c
supertext.style.visibility="hidden"
1 d0 f; V# t+ y0 e9 x5 helse if (document.layers)  e  J6 O2 n" ?, h6 G) E+ ]' Q$ Y6 [
document.supertext.visibility="hide"
- r$ h: e7 X; w3 \* J8 h" jclearTimeout(animatetext)/ w. @  g; v( ]$ w) x/ ~
}: T) V# Q( m0 C( U9 E5 ^+ d" G
8 _- C" e3 l" G
if (document.all||document.layers){2 X; @; Y7 ^" ]/ W- w& C; t
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' R* Q3 K( G: I
window.onload = initializeBall;
8 W2 r! J3 \$ c; k6 O" I! owindow.onresize = new Function("window.location.reload()");; d% k$ e/ T$ q4 r
}
* d/ q  Q5 ]9 `' l; |  H
  W- j4 P( C/ V9 ^, V* ^</script>

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