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

|
网页之不断弹射的文字-特效
<style type="text/css">, |7 Q d' G0 \# ^7 [* z5 \1 W A
#supertext {
% W( U- F9 V/ Z3 ], Y5 eposition:absolute;
; \# L3 |* U, [& ^% X- cleft:0;) i; j/ @# i8 P ]& I6 Z
top:0;, r6 W' q; m" O, p
visibility:hide;, X* q4 a6 a: H2 a! p. V
visibility:hidden;5 a: e9 c4 e' e* N
}) M8 U, K. E' c: r9 `/ ^' W! l
</style>
" l0 [. ~, o K% E% r1 t6 n<script language="JavaScript1.2">
( u( s0 I$ Q0 N<!-- 改变下的字体的大小。颜色-->
$ X% o; k$ r. J: W% m2 u* L0 Ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. [$ ~4 y9 i/ r
var hidetimer='';) ]- `& D: W. s4 m5 j
<!-- 改变下的弹跳速度-->
0 V: H7 A( Q: D+ Jvar BallSpeed = 20;( j/ g; ~' P" D3 X+ Q
var contentWidth;1 `9 T2 K1 u! M! r
var contentHeight;
- R$ X8 Y. Q9 {1 t3 O9 F, d Gvar maxBallSpeed = 50;
" G9 k, E+ y( a u
c0 B9 N/ t# t8 f' `% V6 k" R! v" R6 u5 z* J5 ]
var xMax;
9 ~+ \/ V# S4 H' mvar yMax;% T2 _0 l5 d/ c3 T
var xPos = 0;
; `6 H7 ?/ T9 D3 r* avar yPos = 0;
+ Y, C [ t. R0 s, z( rvar xDir = 'right';
" @# S3 _* S* u, ]2 `5 xvar yDir = 'down';
) |/ K$ Q8 d' S$ G& Ivar superballRunning = true;
! {# U( H( `2 J% j) E% ` Wvar tempBallSpeed;
: R/ y6 }. K! l1 uvar currentBallSrc;
$ z/ U( }& \$ t2 d5 Jvar newXDir;' k( q1 A0 y+ q2 |
var newYDir;
9 c9 c9 t3 S. i3 Y% U6 R7 Y! c" ?" w- d
function initializeBall() {
! T; j) i" L, z* I/ w if (document.all) {
M ~- b' e) r9 f% }5 O xMax = document.body.clientWidth- N# M, j/ Z& d; s& n
yMax = document.body.clientHeight6 [ R/ h% {9 D
document.all("supertext").style.visibility = "visible";5 W# A0 \' _- A3 g2 U
contentWidth=supertext.offsetWidth9 n$ \# G+ n' K$ }4 V& y
contentHeight=supertext.offsetHeight
) [5 t; U D6 G. ]" r$ C }' i; l, L1 _/ L( Z
else if (document.layers) {! ]8 j$ J. k, y- H; S# u1 ]3 E
xMax = window.innerWidth;- H2 @5 f( ~& m
yMax = window.innerHeight;( I% L. w5 F# A. d8 t
contentWidth=document.supertext.document.width" ^% v, ? Z8 B
contentHeight=document.supertext.document.height
4 q8 U6 C; F6 Y1 C8 |# Z document.layers["supertext"].visibility = "show";
1 w* b( i* w: M }7 V; A+ m/ z$ t8 ?( {. p, a
setTimeout('moveBall()',400);. F9 y4 [, v S
if (hidetimer!='')
. \) b2 b2 B. z* S+ [! N* W) ?5 z setTimeout("hidetext()",hidetimer)2 K" o3 X8 D1 [3 R2 Z4 R# {9 O. Y" ^
}
! v+ H$ t# M% w/ G: s h. X- r- ^& T5 b u# W' ^4 ~
function moveBall() {
+ }2 Z( r/ E _/ a1 z9 M( \+ L& H if (superballRunning == true) {
. G1 v/ |& m+ \& s# t calculatePosition();: A r& s# u/ A0 W" ^
if (document.all) {
; x) |9 r. m N" h3 e document.all("supertext").style.left = xPos + document.body.scrollLeft;
( `0 q. l% v# m; |2 }$ j document.all("supertext").style.top = yPos + document.body.scrollTop; l; l' l$ J9 `3 U K: H0 O$ V
}+ [% i8 E/ v! ^, H
else if (document.layers) {) i5 I8 _! Y* Z: C: T9 [' {
document.layers["supertext"].left = xPos + pageXOffset;
: o; \% x# ?; K0 j document.layers["supertext"].top = yPos + pageYOffset; a5 H5 I T: `$ H4 {
}# ?( ~5 z7 q. _$ ^- _# V" k, ]- v- H
animatetext=setTimeout('moveBall()',20);
1 N7 x4 r) [1 Q* e7 N+ Z }" _8 }% f" @2 x0 S* h: T
}
* q. x5 F) D% i; T
0 G7 H4 p' \+ Tfunction calculatePosition() {5 ]+ ]. B2 G4 u; b3 ~ i, o0 F8 f D; d
if (xDir == "right") {
8 V5 U% h/ ?4 q; N! R3 \% O ^ if (xPos > (xMax - contentWidth - BallSpeed)) {$ a; w. v) ~- h5 p s" W# C0 U( Y% D4 K
xDir = "left";
! E! q. l+ ^3 A6 F3 ` }
5 Q$ v7 O) I" k; J }
$ `; T" w6 ~% y3 R else if (xDir == "left") {0 F5 B* E6 G$ h2 Q9 N7 h* U2 O
if (xPos < (0 + BallSpeed)) {% ?: |; z2 \1 q; g _! ~" Y
xDir = "right";( k- z6 E; T$ \5 I* K/ X$ k+ I
}8 g# }1 |9 B7 d" [; o/ B2 y' \
}
0 x& n; E w" k5 M) x" l if (yDir == "down") {1 f9 R% | t ]
if (yPos > (yMax - contentHeight - BallSpeed)) {
/ h- g! @; g+ Y2 R yDir = "up";; p% j( b1 O& k; W. N$ k
}2 c- B# u9 T! v" m1 G5 H* K
}3 e7 X, Z; g$ H
else if (yDir == "up") {( H9 a e0 Y7 e/ e5 G7 J6 i. ~
if (yPos < (0 + BallSpeed)) {. U: j0 ]2 G3 ?0 [. ?
yDir = "down";8 P3 Q1 B I2 D/ l e7 P9 G1 Y/ j
}& i/ t% d8 L7 ~
}/ _2 u+ p) C3 f3 ~
if (xDir == "right") {- l! j# O4 h' X) _% P" M: h( D1 w& d
xPos = xPos + BallSpeed;# s3 I# h8 v! ?1 A
}
% ?0 p+ e- o6 N( A" v* C0 y else if (xDir == "left") {" M! B I0 h9 c6 f
xPos = xPos - BallSpeed;
( C9 {, c% `5 L. m- [$ z5 x& m }
6 F6 h' f! a4 H7 K$ H& b else {# u6 Z+ w% Z$ C1 |
xPos = xPos;
5 A$ x j+ Y ]7 x2 K G }. K! i4 Z) ?% E$ [
if (yDir == "down") {
; C+ q2 Q9 a. t- y yPos = yPos + BallSpeed;
. M' c5 `( i: L }( p3 p* E* ^# f# C: B
else if (yDir == "up") {$ w+ b" B6 o5 T6 n: @
yPos = yPos - BallSpeed;
% O6 }1 `: p1 s' B* j9 `9 I# n }
* N& Y# g! j f else {* r. R% A q& b* N' D) Z% K6 {
yPos = yPos;
% n# M$ s) U! t- q! h% H5 l2 M }
9 w3 g& A# }% K8 [ }( ?. T; b0 Y# L6 U0 L4 Z
6 e; _, W$ Q" C3 u+ Zfunction hidetext(){& K$ X B) q- {% T
if (document.all)/ E$ Y4 ?# F3 b, [7 p; B
supertext.style.visibility="hidden": B' X5 l( w1 Q$ X4 @
else if (document.layers)
k a, k% u& s8 `) Fdocument.supertext.visibility="hide"3 |0 Z t7 F: m( g# Q) } X
clearTimeout(animatetext)5 G4 a! I( b3 N( n9 P
}% y1 g9 M9 q6 R. U- y* n& [4 v! F
* ~. z W* z+ F7 j7 _: Wif (document.all||document.layers){5 h& _/ N/ o+ H' p j) k
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 K2 C* ?; _3 J* V( P, H
window.onload = initializeBall;' _$ S' o2 P; J7 B8 ]: i
window.onresize = new Function("window.location.reload()");8 b9 z4 L1 O8 P$ N+ E3 G7 H
}( p9 L( g: C4 g: M
3 h0 {+ Y7 ^5 X</script> |
|