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

|
网页之不断弹射的文字-特效
<style type="text/css">
" F' Z4 D8 D. f+ ?#supertext {3 o0 ]/ l8 X7 O }
position:absolute;
' ^3 J1 N$ Y2 z+ t8 y3 U- i0 lleft:0;3 a# d/ C% x1 Q# w& I
top:0;; u% @6 `) J8 L9 W
visibility:hide;
7 k" C) a! i6 N$ W& h+ _% mvisibility:hidden;
' B1 o& ]5 T7 L8 q$ v3 N}
" w- a9 k1 a* ?; D' i</style>
8 K* v( r( N1 E+ c! c5 }<script language="JavaScript1.2">0 V# ]' q- f7 \$ Z" e4 _+ s
<!-- 改变下的字体的大小。颜色-->- Q4 u% ?! x2 e+ V H
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ [# R3 v( {! S8 {' kvar hidetimer='';
$ P# t* s0 u% o$ e6 B# m<!-- 改变下的弹跳速度-->
* {( U) y* U, Uvar BallSpeed = 20;
- F3 U* ?# h3 w$ Y! w1 {+ Evar contentWidth;
9 q' z& O" Q. ?+ w$ [var contentHeight;
0 Y3 G0 R/ j7 h4 a! @- Xvar maxBallSpeed = 50;
8 M& ^ S' \4 D" Q3 H+ N2 E
7 S Y% x+ I3 \0 X5 ?& Y m8 D( C+ ]3 R$ D: @
var xMax;2 {* I/ |% S; ?, K: j8 e. ~) [
var yMax;
' B) }0 ?. s3 }- q. d/ svar xPos = 0;: w, S, z& {/ Y% k3 ~- w( s
var yPos = 0;
5 F i5 y# E7 i$ P# xvar xDir = 'right';
) b$ F0 i# L' gvar yDir = 'down'; i- j5 i/ [" J P8 d/ O3 {
var superballRunning = true;
: g1 F6 X/ p# O) H$ g. evar tempBallSpeed;/ R. k+ }5 R- W& `; i6 |* x
var currentBallSrc;4 ?; w6 }% z+ k. P6 [8 I
var newXDir;
* i B$ Q" P9 \5 K. Vvar newYDir;: k4 \( ?+ M7 Y9 b9 r# o' ]: ~
J: E. Q9 H% \: yfunction initializeBall() {
5 `/ Q! C; l/ Z% m: q3 r if (document.all) {& B2 ^: ?% D" n) M
xMax = document.body.clientWidth8 J, C e, B2 ? \' w& o
yMax = document.body.clientHeight
+ [/ J; L' x% g document.all("supertext").style.visibility = "visible";
6 b% k3 v; U! J& y6 g contentWidth=supertext.offsetWidth
% R" ~: t2 x2 A3 U9 X% x contentHeight=supertext.offsetHeight) x) W0 j7 k2 s# B7 d5 k
}
" E6 X. J" N' T1 _! b8 K2 f+ h else if (document.layers) {
( b# o7 \! ^+ k3 @: h xMax = window.innerWidth;( u8 u$ F$ r( u8 p& `. ~
yMax = window.innerHeight;: V0 T. ?7 y0 P f
contentWidth=document.supertext.document.width, H% \& K1 H8 |3 A
contentHeight=document.supertext.document.height# Q; v" T8 c/ j% u) s; P
document.layers["supertext"].visibility = "show";
: y& w+ e J5 w }* N7 v# e# N4 d' @$ J
setTimeout('moveBall()',400);$ [6 U0 e6 }! }/ C, M! T2 f5 p
if (hidetimer!='')3 i! X4 v/ j- V$ W! F$ F9 ^, d
setTimeout("hidetext()",hidetimer)+ l6 ], ~, A; ~. M: t( |# g& g- Y
}' U. {8 z* d9 k9 G, D7 H" v
$ Z5 e3 K, P3 \* R5 v0 ~
function moveBall() {
/ s. m+ ?) v2 q! P0 ] if (superballRunning == true) {6 I; o3 [$ [7 p' e9 d4 @2 v
calculatePosition();; ~; F2 c0 O, l) ?# M, a& V# {5 w
if (document.all) {
J" s/ }4 Y- G" g4 P: q document.all("supertext").style.left = xPos + document.body.scrollLeft;6 }; o& m2 I3 P
document.all("supertext").style.top = yPos + document.body.scrollTop; Z4 s/ d" F) K( K# J
}8 W& B+ O' |3 ]/ o4 i( Z1 _' l
else if (document.layers) {
?* U* ~. n0 Q, h' Z% `- ` document.layers["supertext"].left = xPos + pageXOffset;$ Q9 t3 a' X6 i0 i; c) ^
document.layers["supertext"].top = yPos + pageYOffset;: m; w+ v! B ~; k5 F
}# A2 O0 `2 I4 M+ O8 ~+ ^8 W& l8 _" g
animatetext=setTimeout('moveBall()',20);
* N8 [* ?$ I4 X" H }
; `: E& u% Y. f7 n! F% z& I }0 U8 N$ B, k! E
+ i& O/ K' r" N& B+ Xfunction calculatePosition() {
* I& `2 n* f+ K$ ~1 y5 R* }4 o if (xDir == "right") {+ @" j7 M4 p4 E$ c
if (xPos > (xMax - contentWidth - BallSpeed)) {2 Q% K) j! Q/ s, d$ c
xDir = "left";! W( H) S' T5 A6 {) S8 f
}
i8 l: j4 w8 n" x1 y7 r4 ? [ }
: \( s6 z; F J4 u: {2 V" ^" E else if (xDir == "left") {
2 L& t) q) G4 j* V if (xPos < (0 + BallSpeed)) {
: a1 C+ _$ i k& V8 c" ~ xDir = "right";8 K7 o* u" T6 W9 r
}" N |- @9 b1 j/ m4 R
}+ P8 c' b( q% w, l) ^
if (yDir == "down") {5 _4 g0 B X7 O0 Q
if (yPos > (yMax - contentHeight - BallSpeed)) {
I$ D- e6 Y7 ]" |" v) a* R0 f# W0 Y( {# d yDir = "up";
- Q+ Z! h' B2 n# L' H1 N }8 R) n9 o3 n v) M. E, ~; `7 Z/ f
}% j2 O( q; M) t. \ W/ S; @
else if (yDir == "up") {9 e* R- J* D; f* S
if (yPos < (0 + BallSpeed)) {" l. p4 h0 k5 {1 y! E$ Y8 [
yDir = "down";
8 `$ i+ a1 [6 ]" B) D }2 q! r. g; t& U# b e* f K. W8 q
}, q& b. D B: H$ b5 H
if (xDir == "right") {
. N; {+ t+ G, A! c xPos = xPos + BallSpeed;/ D8 `0 u$ N! i6 ?( a, P5 Q
} C, w2 q% a) h/ f% D' T9 g# z3 s
else if (xDir == "left") {
% _( N7 y5 _! e- \/ z) j xPos = xPos - BallSpeed;+ A7 ^3 P$ y2 C* _ p! T6 t( O
}% u7 t; |* {$ X* B
else {
! ?: m- t3 b8 e ]( _$ o2 f& f$ ~5 y0 o xPos = xPos;
# R/ C& q" w2 I# G0 Q! w$ H: C }8 G& a8 y; Y- z# V5 K( _4 F6 H" [
if (yDir == "down") {
* I% a! z3 K' `/ y yPos = yPos + BallSpeed;/ P9 `4 `& x' }! p# X% c- V
}) d1 P5 y* W0 e* p" j) X
else if (yDir == "up") {' r3 i L& J9 m& l, N
yPos = yPos - BallSpeed;
( E i& b# ` s, R$ Y1 N }
+ |, J9 s2 p) L4 \9 ~+ \ else {6 X2 Y" H# O: |) e
yPos = yPos;- H; }* v/ I2 _' W
}
# D% n6 F8 ~" x }
1 A: f" h4 [4 a0 J$ b& [+ ^0 W: y* O* \# L, G
function hidetext(){
$ R7 F. N" G; Y) @5 f) c% v) ^if (document.all)
* `0 m/ z7 L% c* U/ a Wsupertext.style.visibility="hidden"
. u3 H6 G- k! X: R W( O$ belse if (document.layers): T: l2 E' c! t
document.supertext.visibility="hide"
# h% x' v( k" B2 ^; Z& |clearTimeout(animatetext)
- ]( B8 f2 h- Y; F}
0 g9 t. a' ^" `9 n5 P
7 X2 j1 w) r3 F9 j% w& Y* pif (document.all||document.layers){' _# F" F/ ?3 M. Y. X9 u
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 A6 n5 |. N0 iwindow.onload = initializeBall;1 n+ o' w% ]/ j' T: {2 J# X
window.onresize = new Function("window.location.reload()");& l1 Z7 \: K# F5 u9 M
}- c1 j+ A P# q$ N
) W2 P7 V; @/ s4 Q</script> |
|