返回列表 发帖

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

<style type="text/css">9 v1 c9 k+ A/ m
#supertext {
+ o$ {# T2 c, Cposition:absolute;; T0 F+ e2 I9 s1 ?& n- v! c
left:0;% }7 U* U- g% _0 f7 N- n# X
top:0;
" b& b1 R  s& [' p5 E5 ?visibility:hide;
5 K" N2 v- r# t0 S$ R: y& z' hvisibility:hidden;1 g& \  h% q- I9 {; F) Q
}0 I: f+ Z' J" o; w/ @* e
</style>0 N& ~. r' G( ~" x9 O) t+ q2 B+ M: i
<script language="JavaScript1.2">$ g" [* D1 b8 P+ e: L
<!-- 改变下的字体的大小。颜色-->
" D2 r/ ?5 l# U: ]9 jvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 h7 W  ~: B3 G
var hidetimer='';# g; n. y) q( Z# E
<!-- 改变下的弹跳速度-->+ x' ]8 ~; J5 m0 x# E9 l
var BallSpeed = 20;3 j3 {  a. R1 d$ W' e
var contentWidth;1 u- m* L" x1 T: [' w
var contentHeight;: P- ]8 [( y- m2 w* \: W3 }
var maxBallSpeed = 50;6 K: z. `' T+ x) V; J
7 v# x+ I# J1 Y9 A9 U

2 P8 z" I0 h* f! A0 Zvar xMax;
2 J- t$ m; r7 q0 m/ L$ q9 [var yMax;
- k5 J/ j: C; Q" c( Lvar xPos = 0;  ^" x0 w9 l0 H( n, L
var yPos = 0;
4 L: D: k1 G' s4 g4 kvar xDir = 'right';
( N( K2 `: f. Q* o; s$ h) qvar yDir = 'down';
9 i4 \' N. w# x, ]$ N" svar superballRunning = true;3 k% |" @! A/ g
var tempBallSpeed;
# d5 I1 o3 Y) Y/ Fvar currentBallSrc;
3 d; n3 d7 Z; h; Fvar newXDir;" d2 H( _2 G" n$ e
var newYDir;
; Q( E) d7 J- r( |: a8 O0 y7 k2 ]' j9 j+ v- h" s; P
function initializeBall() {7 e' L% l& {( Q7 ~  r  j
   if (document.all) {8 I5 [4 |1 H7 P: P% X8 @
      xMax = document.body.clientWidth! }, k& Y9 I; P! ^' d, q% ]
      yMax = document.body.clientHeight
9 _' B7 P; }/ |( a4 ^( k" W6 ~      document.all("supertext").style.visibility = "visible";% I+ j! F5 S$ k8 j
      contentWidth=supertext.offsetWidth/ C- F- a4 B/ F. o8 ]1 p8 H8 \
      contentHeight=supertext.offsetHeight
7 N  E! i; Q; f+ U( R2 u9 U      }- Q7 g6 m  M# `2 B; T5 f
   else if (document.layers) {! I" `  j( N) _7 W4 M
      xMax = window.innerWidth;
( s" ]# \# x, ]; K% p; c) r2 b8 `$ I      yMax = window.innerHeight;& ]9 v2 X$ i* X, e; [* t) F
      contentWidth=document.supertext.document.width
- u, {' P3 @5 \  I      contentHeight=document.supertext.document.height7 m1 ~4 x. T5 M4 i
      document.layers["supertext"].visibility = "show";
+ e; @3 J8 V8 s, }" h- R7 e1 F      }$ b; |! [5 _# h2 c- J
   setTimeout('moveBall()',400);; Z+ X5 ^7 g9 z; M' U
   if (hidetimer!='')
( M6 B  g& ~6 L, F7 X' \+ N   setTimeout("hidetext()",hidetimer)
% |/ x, Z0 ?9 M  `' c   }
5 `. ?. Q! ^1 x# B, A4 ?: _1 [" H8 P* P2 D: P
function moveBall() {
, u, J; _6 I( i8 o$ H2 I   if (superballRunning == true) {
$ D6 w, J4 }2 p1 y' E0 {- |      calculatePosition();
4 w2 s+ }/ m5 T" I. g      if (document.all) {2 ^6 V5 H( ]. H- x3 k2 g
         document.all("supertext").style.left = xPos + document.body.scrollLeft;. I* t6 _" S! \
         document.all("supertext").style.top = yPos + document.body.scrollTop;9 C& m/ [2 f/ i) ]0 |; T8 Z5 `
         }+ F# F+ s1 @+ T% e; f5 n8 C5 R
      else if (document.layers) {  U9 S& _# g( \  y, b2 x
         document.layers["supertext"].left = xPos + pageXOffset;
. b) p- F9 \5 i7 w6 [6 k         document.layers["supertext"].top = yPos + pageYOffset;  D9 m4 W. H5 b$ n, d1 r0 w
         }& c) ~3 |- W# y5 n& w) Z9 F/ e
      animatetext=setTimeout('moveBall()',20);+ ?- T4 a: \/ K8 e! \0 Z( |
      }2 r4 @+ s3 w$ W
   }  D1 O+ {( p% ?$ [, r7 t4 W1 `, J
( ]0 O2 u9 z. {4 @
function calculatePosition() {' a  ^1 b. k; q& t
   if (xDir == "right") {+ z) ~. S& y4 f* f8 I! t+ p
      if (xPos > (xMax - contentWidth - BallSpeed)) {4 H/ ^5 j; r" I
         xDir = "left";
" u# W( e" B3 P) E+ f% a         }; d7 L9 i9 A4 ]* t3 G
      }
; y* d9 A. h& [   else if (xDir == "left") {
- {; ?7 q! P7 |8 M; V/ ?' l  f      if (xPos < (0 + BallSpeed)) {7 d$ D4 Q* i: z, P% [8 {% W6 k
         xDir = "right";
- ?# h7 B: B; Y% y+ h. ~         }9 C/ Q* x& c7 w2 S
      }
6 {9 @/ o1 ~( o$ O+ p3 r, I8 v   if (yDir == "down") {
; X- a3 s% x" ~+ J, u7 @      if (yPos > (yMax - contentHeight - BallSpeed)) {
7 o6 H; \9 X) O9 E  n! Q         yDir = "up";
* N. e6 S% \; B/ C         }
5 ]4 q  C; a9 R* O      }
% t1 F/ q3 s9 A' \! O   else if (yDir == "up") {
  t" j) u0 X4 G2 g$ x# m0 G      if (yPos < (0 + BallSpeed)) {
8 ^" P! [( H7 @. j& U! d         yDir = "down";' u5 I. I! P0 |# i
         }5 X% G% H) Z+ {/ u  ^
      }( _1 N- g# I0 E2 u5 n) m# F
   if (xDir == "right") {
" j% L0 v! X; U      xPos = xPos + BallSpeed;. J8 J0 i" Z$ ^0 V) r, i5 i/ s
      }
# y% p8 Y' b; Y' n   else if (xDir == "left") {
' i0 C  Y1 Y% e  F" n6 Q      xPos = xPos - BallSpeed;3 m2 ^! w8 {% M2 t7 g- P
      }
& q( S, d. ?% v   else {8 h8 L0 q) a! L! d
      xPos = xPos;
- M; f8 S8 j6 l# e      }3 t# P, D, m, R0 l  v3 [
   if (yDir == "down") {, b$ F* ^) J. a: g
      yPos = yPos + BallSpeed;
9 P, T+ {5 E) N. X      }  J7 k& ?- h$ x8 R8 {3 s
   else if (yDir == "up") {  k0 o' ~) e' h: @9 y
      yPos = yPos - BallSpeed;7 O7 R: P1 J/ s/ ?# r' |7 t
      }
* ~) [% d0 V% T0 \0 a/ ?4 L3 v0 a   else {
: x2 J/ W& y% c' Y! y      yPos = yPos;
0 j' f- }7 e: z) C  z* s      }5 D7 z+ |: c5 j  d. o
   }
* B% _/ t4 z/ j0 l2 D6 P6 [9 \3 I) v& f  P% ~. ?
function hidetext(){
; A5 n( m- v' d2 C- }/ A2 Pif (document.all). e% @+ t2 u& X
supertext.style.visibility="hidden"9 i+ u2 ?0 h4 \: V, K' i
else if (document.layers)6 @; E! o0 ~( Q6 [
document.supertext.visibility="hide"1 I" U0 a2 [6 L+ x7 W4 N" e0 D0 ?( j
clearTimeout(animatetext)
) E3 I  `7 f6 U# {, |}
6 j( i/ Z; G0 R' W% l" p+ U: s1 g+ x$ a7 e! G2 s* N
if (document.all||document.layers){+ P# y. c  I/ z- \% q; ~1 K( l
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( u; y, e( ?1 n0 M# gwindow.onload = initializeBall;
2 R& _) O* @4 \3 ?( j3 Owindow.onresize = new Function("window.location.reload()");3 i. B2 t1 u: Z- V" f1 ]
}
+ l* e  F' r2 W7 D2 \3 P
2 D8 A# U& D: D6 j</script>

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