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

|
网页之不断弹射的文字-特效
<style type="text/css">& _1 W" g6 M- s/ Z0 b+ k
#supertext {! j9 J0 u/ y# T2 w. d
position:absolute;- Y$ J5 `5 L. I# n! [, L* u/ I
left:0;
5 E; \1 Q0 V' M# U, o* n2 stop:0;
5 H) z, i# p5 Z7 O! z3 M6 {5 lvisibility:hide;4 h! E+ d9 ?+ I% ]
visibility:hidden;/ J& _$ s- W5 ?* q2 @4 W) t* s
}
- e9 {3 |$ W+ h: g4 X# L+ l# t</style>
, c1 w) R6 Y+ D+ Q8 R1 k/ O( C<script language="JavaScript1.2">
3 n( b8 m h5 u<!-- 改变下的字体的大小。颜色-->
6 x9 ?& D/ O1 i1 \, vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* l6 ^, _( u$ B% Q% h* V$ Y0 L6 \& |
var hidetimer='';
9 U2 x1 U* R4 w3 R. r4 @<!-- 改变下的弹跳速度-->. s! J9 u2 h0 V+ b2 {3 q; c6 Q
var BallSpeed = 20;9 u/ O! m8 [6 K6 q! S
var contentWidth;- u B/ u. Z- a3 G5 E; k
var contentHeight;' S( a: J }6 Y/ j- }( e% i( @
var maxBallSpeed = 50;
) d3 u8 m" h4 }2 `3 o8 D% N1 u0 q; n& p; L3 J
, W% v, p1 T, @3 Q6 _2 f9 Y7 O; J
var xMax;
! D" _" A1 E0 O! z c/ Q) hvar yMax;3 v9 `$ k+ R5 s6 ?
var xPos = 0;
; t7 j4 f" O: G4 p) Y& f3 a) Qvar yPos = 0;
; ]/ P1 a/ K( }9 t, g; B! lvar xDir = 'right';
7 h4 K; F! }3 }) t! W- R( [: Yvar yDir = 'down';
! k4 P: K+ n6 B2 @& T6 k- uvar superballRunning = true;- H# }- j) H, [" W7 U
var tempBallSpeed;0 S2 K2 r' R4 s/ p) O" G" v
var currentBallSrc;* I' l! ^1 }4 _1 [ F3 N
var newXDir;
9 x% i1 Y7 e) m5 W- ivar newYDir;
$ l/ i! C% k/ V; w5 W# F; A8 P& x/ Y2 x& ^4 K
function initializeBall() {
4 C! X) d: A( M; J1 n5 }( N if (document.all) {+ L# {0 b Y/ o# L6 J: `# d" X
xMax = document.body.clientWidth
& l' |1 h1 z1 z! c yMax = document.body.clientHeight
2 L# t1 g/ B# m- h7 A3 L document.all("supertext").style.visibility = "visible";
3 W6 |5 G0 }$ m0 D7 k contentWidth=supertext.offsetWidth
& c' Y5 U8 I" ^9 X# k( i E contentHeight=supertext.offsetHeight( A* q/ `0 h0 H6 b5 B
}* h8 A+ `& s7 L, H8 [
else if (document.layers) {
3 S) |5 Q2 p, H# R2 _- u) ?7 X xMax = window.innerWidth;
3 [* F: o" [( X: }6 ` yMax = window.innerHeight;
) G! u% K: l/ x3 H2 O, F& ` contentWidth=document.supertext.document.width( T* g: R1 s5 n8 H
contentHeight=document.supertext.document.height7 P, C/ b4 K S9 P
document.layers["supertext"].visibility = "show";
' Q6 N% x q) `" W }
! ?5 Y3 q) @* J+ t" F. r setTimeout('moveBall()',400);0 m7 X0 x9 m, A2 v
if (hidetimer!='')
, G+ U/ x( j8 V0 y7 j/ ] setTimeout("hidetext()",hidetimer)
% v# ^5 f1 G7 \/ n6 N. Z) i }
6 ^2 z3 _4 l3 o. p2 }4 q
. v' M9 v0 H* H9 E3 Kfunction moveBall() {5 p$ n; a, i& {7 _" W) h' _
if (superballRunning == true) {
4 `4 t) J# z- b0 d6 q* c* D calculatePosition();
9 e a6 @/ ?' y; V5 G1 V' l: m if (document.all) {
( H. \, j0 x" } document.all("supertext").style.left = xPos + document.body.scrollLeft;
; p$ a; Y, i; ?- V3 U document.all("supertext").style.top = yPos + document.body.scrollTop;
8 O8 U1 Y# G0 _4 N }/ x+ f0 |6 c" z
else if (document.layers) {9 B+ P2 q- k9 H
document.layers["supertext"].left = xPos + pageXOffset;
3 ?- O! E2 b% g. n- I document.layers["supertext"].top = yPos + pageYOffset;
/ c4 S, Y/ p0 I# j7 C( B z }
4 k0 e2 o, o9 R- N; @ animatetext=setTimeout('moveBall()',20);
: x/ a8 l, A. }9 \+ }2 T }3 _2 E9 f. E# X/ l$ d9 Z. C
}
h/ g6 a5 L. z
3 J1 _3 \4 J0 Y2 J: kfunction calculatePosition() {$ n5 @3 d" B; i/ I O8 @
if (xDir == "right") {
6 u* o0 D9 [) U if (xPos > (xMax - contentWidth - BallSpeed)) {
3 X# L1 s& {. y% c! ]6 E xDir = "left";% |- y9 e" Z, g6 y! U
}# c3 [4 I0 K, D6 _2 X9 n( l
}% a" v K1 w7 s- @) v
else if (xDir == "left") { n. @7 b, p; n2 t" l1 \
if (xPos < (0 + BallSpeed)) {3 J! B4 ?( l+ G |' Y
xDir = "right";) m4 o* m) b ]1 O
}" @5 ^; P& x6 `" N9 I- u- l$ T, x
}
! A6 k% W% Q: { if (yDir == "down") {& l) u- Q8 }0 m5 w
if (yPos > (yMax - contentHeight - BallSpeed)) {" r& ^7 |4 m) e' I" H( T0 F" {( J* l
yDir = "up";
?4 q" e2 `5 E$ D }
?" M& s/ u' p }7 J# q! X+ b/ O4 W
else if (yDir == "up") {4 h0 a4 i$ u1 H+ }
if (yPos < (0 + BallSpeed)) {
5 p: z0 V# q, o5 S8 Z yDir = "down";2 ^$ u3 |- K+ N4 _. t9 j: K
}
9 @! n" P$ c& m% K }
/ `& {7 }& @8 M. d: f$ N if (xDir == "right") {
: H: @" L( Z. \) Y3 b* d$ K0 ` xPos = xPos + BallSpeed;
; s7 A. q# _+ ^! F# V }
* `9 C3 a" }: S6 K/ A% M0 ` else if (xDir == "left") {* s+ x5 }7 f+ w
xPos = xPos - BallSpeed;7 H& F% p8 e" q7 O4 J+ B
}& J. l+ {2 E, R
else {
; m7 H/ m9 N8 b# ?9 o xPos = xPos;% Q$ {# ]( R* h- n7 a
}* l5 X, e# g0 ?/ v0 c; h7 \
if (yDir == "down") {0 l8 ~- g: ?5 c% ]' W
yPos = yPos + BallSpeed;
R9 }1 v* r1 C# A7 Z }
3 l; C! {& [+ O3 V9 g' N& s) |) h& e else if (yDir == "up") {
* {9 L1 d. j% [3 l; h yPos = yPos - BallSpeed;
2 F3 G K1 c# z3 c' R) A }
( c% f/ T d4 G; Q else {, m# w X7 e. J% ~
yPos = yPos;: X4 L0 ?8 Q: ~3 P: ?2 o
}4 M6 R) p* S' `3 k
}6 m4 A7 ?9 @8 s0 }! B
' y9 @5 s. @9 F/ e+ R" afunction hidetext(){
7 Q( n+ b- N" f3 B6 N% ~3 ~6 Qif (document.all)) c! E4 f- c3 P7 N4 t5 [7 |# i
supertext.style.visibility="hidden"
) \# l7 d- m; oelse if (document.layers)- n0 t3 J3 i* h1 \
document.supertext.visibility="hide"% ]# o7 h, g$ j# d. D
clearTimeout(animatetext)
6 M5 a- Q/ B9 G5 p& [) `: A}" M5 ]5 ?0 T* n; s5 k2 g
- M; k& i6 i( Q7 j
if (document.all||document.layers){, I7 m4 ]. X4 m9 L1 L
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>') K* _7 w1 o% b$ S$ \
window.onload = initializeBall;! O. S9 j0 E& r( P; E" e( J7 n' S
window.onresize = new Function("window.location.reload()");: I( N4 Y& t |! h V1 g
}. o! m+ _; Q& J) T+ W5 ]0 ]
+ |# Y. n# E# I
</script> |
|