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

|
网页之不断弹射的文字-特效
<style type="text/css">
) c, \: H. [* o* a$ r#supertext {' r3 k+ ]7 O: r) d0 m0 f/ T. B" \2 Z( G
position:absolute;
8 s( h% R. ~6 S6 j* m8 Tleft:0;
" E4 S* n0 E; k5 S/ Y$ J; _4 p: w+ ztop:0;
( z7 c. u! h) r! g7 [: ?* J# G8 h7 Avisibility:hide;
& _3 H( e5 a0 Y9 q& F- W% x mvisibility:hidden;
, Q( L- \& B6 {6 ^4 b! b}
8 h* D' m/ n* P0 y- l</style>
1 I& P- n+ x' H( }1 F9 }<script language="JavaScript1.2">
& `6 {# B; n/ D1 d3 K<!-- 改变下的字体的大小。颜色-->
0 I9 @3 j' o) s1 j& X: Y( E2 h( jvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 T4 N! W2 Y9 [6 C# x3 Qvar hidetimer='';
/ [' P+ _/ H: h" X5 }<!-- 改变下的弹跳速度-->
) }. ~5 T/ o" e$ X/ c5 G; Fvar BallSpeed = 20;" r8 q5 E$ O8 ]" Q! j' v
var contentWidth;/ J& i% e) k9 Q7 D( ~( I( v# J7 c
var contentHeight;
' w% H7 `( K: O: Rvar maxBallSpeed = 50;
, q% o% j! T6 v |5 x: X1 i5 C$ L% q
- F1 [: H8 s) Z2 Q/ y% Mvar xMax;
! x- k; v+ S9 @+ S$ ^6 Tvar yMax;
+ Z9 ?. r# H' e( X) Mvar xPos = 0;
- e0 z/ x5 z& e3 Yvar yPos = 0;. O, u5 b4 B( f2 ?8 J
var xDir = 'right';6 ]1 c$ H& ?# s* V: i& u0 R+ C
var yDir = 'down'; w& y, X- f4 s/ \) d' t* s4 t$ v
var superballRunning = true;8 l6 L; \! r* t( ^
var tempBallSpeed;
4 F5 \' Y# ]4 |! f- o0 q8 K) Tvar currentBallSrc; M% J8 @! {! e; `! c! q
var newXDir;/ S0 L3 p4 c! t! [
var newYDir;& q# Q1 z$ e4 P4 b. i
6 o0 Y; I1 j hfunction initializeBall() {. @9 V# @# Y9 h6 e) Q+ _
if (document.all) {
, j: p8 J) D: N xMax = document.body.clientWidth
7 _# F& ^0 n/ }: U3 g yMax = document.body.clientHeight0 l. _' r' v' s. v) U: H
document.all("supertext").style.visibility = "visible";3 L! X: ^6 z; X
contentWidth=supertext.offsetWidth- ?, U: K% @" z1 P
contentHeight=supertext.offsetHeight4 @# C; a7 R z; k
}, c( s+ J. F! J" F, x8 b# v" w. {- K4 k
else if (document.layers) {; e6 x3 B/ i X/ {9 s( y5 y( \
xMax = window.innerWidth;
9 y; B; C5 u% I# t1 u2 Y yMax = window.innerHeight;6 e3 {& P5 p. l
contentWidth=document.supertext.document.width1 @: K# k3 ]2 b$ ^
contentHeight=document.supertext.document.height
# {* Q# n( M4 l7 D. |0 ^1 Y( J document.layers["supertext"].visibility = "show";, d3 M2 L; o! a" G
}
5 U" ~* y3 x1 g% z setTimeout('moveBall()',400);0 n& K1 P5 o; X) a; s+ ~" b
if (hidetimer!='')7 B' k6 Q; ]3 m2 S2 x% q2 G: C
setTimeout("hidetext()",hidetimer)
+ {% A- _$ n- i9 r }
. f% x+ C* _# ^
. J5 I. v6 {9 L8 y9 `5 sfunction moveBall() {* r% m5 o( M) H; ?# ~. @
if (superballRunning == true) {
/ b4 d! g1 k5 Y) B calculatePosition();
3 u1 g0 n1 A9 J& R if (document.all) {
8 l' U1 P# q5 `$ M document.all("supertext").style.left = xPos + document.body.scrollLeft;3 v4 w$ w+ ?. V/ O- E5 q9 F {5 Y! f
document.all("supertext").style.top = yPos + document.body.scrollTop;
0 a) R5 O/ ~2 f& m6 g }
2 R f* k2 [/ c' N else if (document.layers) {
2 b! t& \& U# W# \6 F2 a document.layers["supertext"].left = xPos + pageXOffset;
0 D6 H9 I/ K: Q4 u( E1 }9 ] document.layers["supertext"].top = yPos + pageYOffset;
* g) {! ~0 d y }& F9 m: e. R4 N4 i+ s& U& {
animatetext=setTimeout('moveBall()',20);
" M0 S2 z3 p- F }* i F) W7 d, _* e" h; [0 f) g* v# X
}2 j0 |: S+ @0 j: h9 u' X
) b: w @* P3 Q" V4 D$ C
function calculatePosition() {
) K/ m; [8 b' L9 ?" V6 z if (xDir == "right") {6 r1 R4 N( R( q8 L& U+ T
if (xPos > (xMax - contentWidth - BallSpeed)) {
0 K; K8 F! R# t8 N* v J. Q xDir = "left";
. v, J5 n! T; K3 e. \/ P5 M" q }
% m- F. x% c) B+ d+ ^6 [: t }
# H$ k+ [9 ]& u u/ \ else if (xDir == "left") {
! a1 }* O6 d$ G" Y& k if (xPos < (0 + BallSpeed)) {* Y, i6 c! N7 k! U* H
xDir = "right"; v1 O6 E; g0 ^ g9 z" O* G9 t3 q! j
}
% q7 `# L: Y, y" q }6 y4 B" s- j, F9 P2 M$ @* t; h
if (yDir == "down") {% `6 L% Y. b3 y) S
if (yPos > (yMax - contentHeight - BallSpeed)) {0 n; Q$ m! @: O' b, g8 a
yDir = "up";
9 p. @9 j' q$ V* ?- q7 p# U$ t }* v" W7 x: L3 z
}6 `! E( {+ w, O. V: ^) F; w
else if (yDir == "up") {
5 U9 t& }4 X) b/ g8 {( q2 W- W4 i if (yPos < (0 + BallSpeed)) {* g0 r% H/ _7 {
yDir = "down";
' U! ^( D% D. z0 ~# @* K }! d8 x/ ^+ w, O3 `
}' t7 c8 `+ t/ q' \7 x
if (xDir == "right") {5 _' z n& l: o: v5 R u# c! L( U
xPos = xPos + BallSpeed;
, l7 q; N( Y9 l" H, M: j }
# Y3 u" K, t {) r& _' l else if (xDir == "left") {. Z, |- R- K0 L( z5 u" U
xPos = xPos - BallSpeed;
# l$ l" ?4 U, q* H C. N6 u }
# }6 n+ G1 }0 D* ^# H+ N6 k else {; \+ D. m2 C/ L( w; K. P
xPos = xPos;( i$ `4 o3 C7 v, u# |
}4 s0 u |! J% b8 ~* i
if (yDir == "down") {
0 `0 c7 Y5 A+ P yPos = yPos + BallSpeed;9 j: J) ?9 {; J/ V
}
& O1 \- {2 }& g; f3 [; L: H: B else if (yDir == "up") {+ B8 |8 I& M- K9 \
yPos = yPos - BallSpeed;
) j O: i: s1 o: r5 t+ z- l% w }
% E% x" B& h9 N$ l! x* ` R else {! h0 @ P; Y/ R3 q( a
yPos = yPos;# Z' ?3 I- r% x* N; Z( y
}/ n% R1 |3 H M
}; @* v6 b" W& G8 m: z' c
# n4 `' W3 [# h4 @' d% d/ ~
function hidetext(){1 Y+ K! }6 u3 C. b! C& P7 ~
if (document.all)
, I; ^/ W& S6 G- ]8 asupertext.style.visibility="hidden"
$ B! D/ F0 z1 z9 H# A4 [: w0 v- p1 Welse if (document.layers)$ M. {' f; K U8 w9 b: y8 G
document.supertext.visibility="hide"! R3 `5 m6 A8 G0 }1 u$ Z
clearTimeout(animatetext)
& ]" l4 e7 q4 e& p1 ~2 w}. M) N1 s; E0 }' o; E( j* |
1 T3 A1 z" G/ C5 k, wif (document.all||document.layers){
. f9 I: ?" X! tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0 b; O, C. @$ l& [ w6 i% Q$ ~window.onload = initializeBall;6 U+ G' R" ~( s
window.onresize = new Function("window.location.reload()");. l2 k. u4 M- U* z
}
7 L9 y/ V5 R+ S$ j* u3 b7 `
( c8 v' g" E: d9 t! X) e+ |7 e</script> |
|