|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0

|
网页之不断弹射的文字-特效
<style type="text/css">( a7 B/ Z& c, z/ C
#supertext {6 R7 q0 v2 o* c$ E" @- B- U
position:absolute;1 B/ k4 j/ [! G$ n4 d; s
left:0;9 @* G+ }' ^1 ~) x9 c
top:0;# b3 o4 }$ i) n, z+ W* P7 q! g
visibility:hide;4 l, F: q2 u9 v3 l5 z W
visibility:hidden;2 v4 z8 F0 P4 ~$ w* t3 R% z
}7 E8 r4 y% { G0 S* F# K5 `
</style>
, o* e/ W0 l* N. ~, O4 W& y<script language="JavaScript1.2">
- `( z# z& o% q' A2 n2 ?0 G; E<!-- 改变下的字体的大小。颜色-->( Z. X0 b2 s$ L
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! I/ w# B$ a6 I0 X
var hidetimer='';
/ ]8 `+ V, s3 `/ E5 F+ x<!-- 改变下的弹跳速度-->1 D* ^0 K7 f3 s& C1 ~6 y
var BallSpeed = 20;
/ r9 m- _& M6 Gvar contentWidth;- J9 ~( y+ F( `" l% \5 C
var contentHeight;
' C# \, l' y" M0 J% ]+ O$ Dvar maxBallSpeed = 50;7 a. r% P$ S1 e* B/ I# Y
. E( ?# _4 r1 B+ z% R
( _ z# T' ]7 m0 ~' n
var xMax;
& G, E7 z: }3 mvar yMax;% I6 }! \) l+ P. `
var xPos = 0;
2 s: h( h- y f# _; ~3 k) _var yPos = 0;8 d1 B |; Q- J: N) w
var xDir = 'right';
\- X! t! J9 I4 Z0 G# \) Cvar yDir = 'down';
1 k! \6 s5 D! Xvar superballRunning = true;
2 W/ J; g/ S( d# F2 Tvar tempBallSpeed;
8 h0 W* N" Q) O( }/ r' M& b9 M: U& Qvar currentBallSrc;
0 m# U- h3 d$ v" @0 e9 d$ ~var newXDir;
( ~# ~ D: }0 O5 x9 P' nvar newYDir;
; X, A# s* n$ a+ B+ s7 B
1 {1 n" ?% [" n& ]0 P" Q# t+ p2 Zfunction initializeBall() {
5 e# M Y) |' P$ e7 o7 q( P P/ g/ o if (document.all) {
* L2 F' K7 s0 p4 E, Y5 R xMax = document.body.clientWidth
E. V; _. y: T! k: o( ? yMax = document.body.clientHeight
1 W! e4 o }8 b1 T" V% b, l# z document.all("supertext").style.visibility = "visible";
7 C# n i4 ]: F0 A7 \ contentWidth=supertext.offsetWidth
1 e* S! D- {) q contentHeight=supertext.offsetHeight
( i' \) X' i$ r- j% ~ }
+ y7 D4 }' A: ~3 c x5 Z else if (document.layers) {0 H) e! g9 R- f- u2 ^
xMax = window.innerWidth;
5 `; L# h2 t5 b; t yMax = window.innerHeight;4 s# Q8 V5 k0 ~* d
contentWidth=document.supertext.document.width; |2 F- D. o# O# ]' w8 m
contentHeight=document.supertext.document.height
4 v( q* J! l. _. `1 w) s document.layers["supertext"].visibility = "show";0 J; z& h% t- w' F$ m
}4 X/ ~# l7 C$ {: }
setTimeout('moveBall()',400);
+ M9 `2 n, m o, h( p* {/ ^% ^ if (hidetimer!='')
" @2 u9 ?; a+ W setTimeout("hidetext()",hidetimer)
8 |) v4 \. y. G: x5 [+ Z2 j }& ~" I1 A5 ^2 B( w
% ?! X; C; ^" ]! k& U
function moveBall() { T$ d% `8 H# y3 z
if (superballRunning == true) {
6 V+ Q0 Y7 ` z+ {/ O: ~/ K/ K; B calculatePosition();
, l/ V* w# P+ i: _* w( G& s if (document.all) {2 z& P; h& ^) L% F
document.all("supertext").style.left = xPos + document.body.scrollLeft;
( Y3 c* U- g- Q/ x document.all("supertext").style.top = yPos + document.body.scrollTop;4 l v2 w; X8 u" b! Y* g& d& l
}( j8 ^- X2 d) U( {" T3 T8 }( Q
else if (document.layers) {" U6 l$ j( O4 v
document.layers["supertext"].left = xPos + pageXOffset;; P+ i' S! I# W! |. @& n
document.layers["supertext"].top = yPos + pageYOffset;+ F& T+ g6 A$ [0 D& s; t, V, P9 U
} \# f( ^* w& a8 f6 N& e% {
animatetext=setTimeout('moveBall()',20);1 O# W; i! A4 D/ E8 |
}
" r! \2 C2 Z3 n2 i n }# b5 w$ R W+ _4 `
! y* ~# a. D% W6 R' h! sfunction calculatePosition() {
8 D# F9 ?3 ~. e( R9 T if (xDir == "right") {
! A" h8 R X' ?% y if (xPos > (xMax - contentWidth - BallSpeed)) {" D* @* e# @, W$ q* o
xDir = "left";
1 X. `6 i4 X8 R2 u }: a% }5 `3 J* ]4 ^; ?. l: @
}
% r) u" D. x5 v$ F6 E/ \* r0 ?# }6 i( K else if (xDir == "left") {! l% R" Y! T. Q
if (xPos < (0 + BallSpeed)) {+ C& V) K; w4 h* @
xDir = "right";0 j, t+ {. u" U+ p4 o/ l9 e! P# a' g
}! i+ ^4 @6 U- Q6 w# \. F
}, N6 Z+ ~9 |! ?3 m& Q
if (yDir == "down") {* D) t- N& U1 w& d6 ^! c; e2 E% p) R
if (yPos > (yMax - contentHeight - BallSpeed)) {
/ L) Z6 N* j1 D) w/ w yDir = "up";5 v! J- ~: X1 O: h; J9 X9 u2 \4 o
}4 X3 g8 D4 R- Y P) o3 t6 _
}& \" r/ D- l3 f* G
else if (yDir == "up") {' J- d3 X5 }1 I0 R; j5 e
if (yPos < (0 + BallSpeed)) {
7 c& \* D- S/ X p! M4 v$ Y yDir = "down";
& `+ |3 g4 N# S) ^* s v }9 u# j$ _0 o- q
}) j s1 `7 s$ s0 Q" s! @4 L
if (xDir == "right") {) Z1 n+ R4 n6 g- k
xPos = xPos + BallSpeed;& C D* K' J0 N/ A [$ z% R
}/ l$ I# E" l- U0 i0 E1 a+ o
else if (xDir == "left") {8 e: J& A1 }% v1 }. _
xPos = xPos - BallSpeed;
2 F5 @: _, c! s8 E, O* i }' u' s5 ]3 {4 a. W. t: x
else {
: X: b$ e4 `8 n2 {; W4 Y xPos = xPos;
0 I4 k( F/ c2 y# M% ]! j7 @ }; k- _) d/ m3 @; p3 ?* l
if (yDir == "down") {% a `9 j4 T% t4 u! A: M
yPos = yPos + BallSpeed;) p/ @# u3 ~; z1 o! j% O
}
( u0 [8 p& j, p/ P1 y8 C" n* a else if (yDir == "up") {
7 l0 S+ X* o. L. o: k1 [2 c4 _& c# B yPos = yPos - BallSpeed;/ v9 x# g& W6 j9 d
}
- m A8 ~ c. t! p: @7 |) K5 b else {
; m1 l' p- a4 h- s yPos = yPos;: f! a' g, }8 U' U
}; o* s5 H8 p1 f# Z0 J
}, @( }4 [/ u6 f. i- F: X6 j' H
1 L3 `- d) m) f5 m- u$ Y" x4 J" A/ s
function hidetext(){
3 |- G; k7 N, i j" Gif (document.all)
; s1 A8 e6 ^# g# osupertext.style.visibility="hidden"
4 x, n& \. f2 O9 I3 belse if (document.layers)
' X* `) P( w6 Ndocument.supertext.visibility="hide"6 b' I6 Y# w3 L% \+ B4 R" ]# N: e2 S
clearTimeout(animatetext)0 S- p1 a# a3 g( ^ M+ M ^
}6 q" C1 k2 r6 Y5 _- [. x, Y+ p6 m
9 N8 ]$ N" f7 |# ?/ [if (document.all||document.layers){8 E' V7 L2 a) ]6 D" p3 a
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 K7 H& l* u& ~& E6 Q- `$ m. Y" I
window.onload = initializeBall;
) E7 }% k! J6 J3 W6 B: w# jwindow.onresize = new Function("window.location.reload()");
$ y3 i5 P1 x# ]3 D% u}; Y, g$ W$ R: H
, |% i# j6 P6 v4 `( B3 U
</script> |
|