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

|
网页之不断弹射的文字-特效
<style type="text/css">
0 I- e% j; Q( _# o5 P! _5 \* i5 L#supertext {
8 ~+ W T) u8 rposition:absolute;
2 x8 E2 m, A9 Y6 ~; _left:0;
/ [2 ?! i$ `8 j4 U D% Q" ^top:0;4 {/ }, X& H) X8 ]: S* n' |
visibility:hide;
, b0 v! a* X( lvisibility:hidden;; o* ~1 f% Q+ k) k3 z+ [" \" h5 @
}) `6 o: \& ?2 }/ W- f; s
</style>5 z6 r# y$ O. C s5 c+ A) T
<script language="JavaScript1.2">
! P1 A( f. x# \<!-- 改变下的字体的大小。颜色-->/ g% d& d% {+ v4 I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! u0 R7 @* E! i2 b$ u: X3 x
var hidetimer='';
: l& l) O" Z& e6 l. [, E. N<!-- 改变下的弹跳速度-->/ v. x, Y* h/ K# G& V4 [
var BallSpeed = 20;+ w6 S4 y* ~: W( Y/ _- J
var contentWidth;# Q6 r* J" u2 U9 M& E+ Z' w, A) u
var contentHeight;
) r3 j1 C3 ^7 C* j# S0 \) | wvar maxBallSpeed = 50;2 Z" Y2 t! U' G$ d
( U- A: O+ s/ o% {9 N
% X% g6 L8 x9 M. [8 K
var xMax;) G) |# j2 f6 v, q' Y
var yMax;
% k( W/ |0 S* e3 a- F. W7 J! S8 ivar xPos = 0;
R0 q5 q3 J' Rvar yPos = 0;+ J0 o" [/ c+ p& O# I
var xDir = 'right';
8 s6 Y" j7 g I( I4 C( Yvar yDir = 'down';
4 A j6 J7 G- B& Dvar superballRunning = true;
- ^5 ]$ o( Y: uvar tempBallSpeed;! w0 J+ G; y4 t& d
var currentBallSrc;5 x2 w! c2 ?" j2 t# j6 a
var newXDir;
) i; V) m. X2 ]! _. yvar newYDir;7 d6 c! k& ^1 }3 \- @5 \
; P! o8 x- U: v' G% h5 a1 @ E
function initializeBall() {, M: k' F( }0 }; J( w9 z
if (document.all) { I0 C! |3 s* Y% `6 ]8 `: s
xMax = document.body.clientWidth
. y M6 h8 a( q5 K' E4 D& Z2 z- ? yMax = document.body.clientHeight
( l, K3 Y2 O- g2 K* A2 f& Q, l document.all("supertext").style.visibility = "visible";" M, E) _- E- }/ }
contentWidth=supertext.offsetWidth
4 [$ E [) V/ v0 P contentHeight=supertext.offsetHeight; G2 ]1 l0 G; b' K& `
}
3 T! Z: G# _, f; F& j else if (document.layers) {
. P% }" t6 M" d" Q# w# ? xMax = window.innerWidth;
; `2 |6 i) }2 W, k# A yMax = window.innerHeight;
; r3 |- k, R4 i contentWidth=document.supertext.document.width
6 E# B p3 M. O) z% ^ contentHeight=document.supertext.document.height
0 T A6 c1 k6 p# A# ^3 d- y! w document.layers["supertext"].visibility = "show";9 ~8 W6 A% Q% L9 O
}/ a- K% b" H$ t- Z8 n( K5 ^
setTimeout('moveBall()',400);# c2 B: {+ t; B
if (hidetimer!='')$ B0 Y( g5 J' U7 D* _( S" t: C% F
setTimeout("hidetext()",hidetimer)
4 O9 ?- d9 f; t y. S+ s" ]+ E }, }, `8 m( N2 Q% l
3 J7 Y8 ?( ~& z' _+ Q
function moveBall() {
' s; D4 {7 y! y* @& P) M& g if (superballRunning == true) {" @! Y$ h/ M2 o* e' Q% x
calculatePosition();& m/ e7 G2 f$ q! [
if (document.all) {
/ z7 ~! [" u6 i4 Z, F. q% d document.all("supertext").style.left = xPos + document.body.scrollLeft;
. i( z$ X; X1 t document.all("supertext").style.top = yPos + document.body.scrollTop;" B7 \8 H5 g! {/ G' ]: y$ F3 t
}
+ K* x. a9 A2 n H else if (document.layers) {' R6 H7 s- j3 V h/ m
document.layers["supertext"].left = xPos + pageXOffset;& N( H4 i* ~: \3 u1 I! o q+ ~
document.layers["supertext"].top = yPos + pageYOffset; \2 g* U) c H# b' F
}/ ?7 r8 ~+ D: g' s6 c( Y
animatetext=setTimeout('moveBall()',20);5 E! g5 _+ W' E" \
}! p f% ~. B8 _1 Y0 [0 I
}# A$ e! s: w1 j6 `; ^. r
4 y* x6 g* U# \. lfunction calculatePosition() {
4 ^4 \8 e( X$ g4 T" r8 m if (xDir == "right") {
/ t. z* A G9 B4 ~8 _ M if (xPos > (xMax - contentWidth - BallSpeed)) {
# c' Q" E7 M) A xDir = "left";
0 c" t: `$ ^$ a }, j+ D; C2 e3 H3 W
}
4 a6 }7 T$ ~# y5 R! e7 x8 e else if (xDir == "left") {
8 o) {6 f1 h( U if (xPos < (0 + BallSpeed)) {3 h! i& d1 E5 S D
xDir = "right";
" H$ G6 D! b$ V+ y7 \5 Q }3 X: V* x) _1 R# b
}
! ? F6 v. {7 l; g; \" G5 ? if (yDir == "down") {
# S0 o: e, Q" W. H n' X9 P: N if (yPos > (yMax - contentHeight - BallSpeed)) { V- D V" y* B, O' `
yDir = "up";; U: \4 {# T0 V# T2 K: C% d, I
}& |. r" ?+ P2 p
}
6 o- D, m U7 q# E, } w# G5 ? else if (yDir == "up") {0 {$ |$ I0 W' v& ~0 E
if (yPos < (0 + BallSpeed)) {
; N; p' L; {3 z& m, E" Q' }6 f4 ^ yDir = "down";
' h) W' [4 ^, z* r% p7 E& x7 n- E. c }
; }2 b1 }9 @ F; d }
$ i0 |# T9 o0 E" m if (xDir == "right") {: [5 f9 p' T9 g6 p' q& j
xPos = xPos + BallSpeed;
" [! \6 z6 M% e: l2 X5 D }+ J& t( W. c8 M3 _. W8 D, ^; M$ h
else if (xDir == "left") {2 Y& Z1 c. a+ q8 N- F. P6 D
xPos = xPos - BallSpeed;
) c! h! v8 |7 k+ h3 H }
1 D1 Z) s8 `: i else { R# I" B j5 m: Q
xPos = xPos;
9 }* O" Q# m) z- e$ J }
, I" `1 D, G% |9 x1 d; I$ g2 k if (yDir == "down") {
) h- w e1 y# x8 J yPos = yPos + BallSpeed;
; ~8 Z7 Y/ `0 |" D; b }
. F! y; v4 a2 P3 ` else if (yDir == "up") {
, j9 S$ w: |1 [5 ~0 r$ @ yPos = yPos - BallSpeed;
: ~' Z% c( F# s }
1 @; t4 U7 i2 T, d- V1 r else {! _- p* E% R: v6 O( J' Q7 I* B$ M+ e
yPos = yPos;
5 C" w# C1 [- h7 E: w2 d& n9 _ n }
( H. r. N" n8 e }
: R- r( i/ { T9 a
4 v! J7 I% E, w O) t- Bfunction hidetext(){+ _. r6 E6 Q- k J
if (document.all)
% X6 X% C7 k# ?- N0 d0 a) Ssupertext.style.visibility="hidden"
+ q: I% y' d1 ^" {2 Oelse if (document.layers)
/ H& W- v! d+ U, }% e' i/ idocument.supertext.visibility="hide"
/ z, _+ H- ]* Z; bclearTimeout(animatetext)2 ?# c! |& ~ S+ v9 H
}
. ]5 m9 \7 _' x L) @& Q. \& p$ v1 G
if (document.all||document.layers){8 R( d4 j* \+ b* L$ d
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
9 f; X$ F0 z0 Twindow.onload = initializeBall;
7 g2 g$ H: p+ E: V! w+ fwindow.onresize = new Function("window.location.reload()");% ~1 H1 P; W( y: B2 h) w; T
}7 Z; n) J4 x- V/ i( N3 }
2 W- p3 H' ^) P" x. E6 B4 n- r @' h8 Y</script> |
|