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

|
网页之不断弹射的文字-特效
<style type="text/css">
$ ~. d' c$ z+ Q6 Q#supertext {% x* B1 P W. f* V% ^
position:absolute;
+ {6 J9 l. t L! dleft:0;) @9 V7 ^7 L2 Z2 K. R( l
top:0;
' {8 j* p1 P; Cvisibility:hide;: x6 R' C# F5 T1 H7 f2 y$ @ @
visibility:hidden;# b% k$ F7 [: M7 G/ s6 S2 F
}+ S1 I5 g& f8 i7 X5 u# ?
</style># c+ V" @; M; q6 i* k: o
<script language="JavaScript1.2">8 X- D8 C7 b' h) F, `
<!-- 改变下的字体的大小。颜色-->8 F8 `3 }; w' e/ Z4 z1 J4 i4 ] Q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 [; ~3 @4 ?: s5 Y1 r; K
var hidetimer='';/ F' R2 B6 S. v. n
<!-- 改变下的弹跳速度-->/ z! v1 W; N* X5 x
var BallSpeed = 20;* U9 ^/ d7 P: Y" ~7 W
var contentWidth;
, J. X9 W8 M# l" i2 k% n7 y7 }var contentHeight;9 ^: y) M+ B3 @
var maxBallSpeed = 50;
6 |1 f, {. M6 V3 I) m3 g' [
( f( s* o0 z4 Y! D" q& r8 [$ n, Q# b( d- i: `- i
var xMax;0 _: i7 ?( T+ P+ q, Q; d
var yMax;! l$ ~" X4 r3 e/ P0 B/ b) ?% X
var xPos = 0;
7 @, K, G& K) r. _0 {* ?var yPos = 0;
( J+ B* V( |. O6 yvar xDir = 'right';
$ l, S8 }9 f4 t$ I6 Y0 nvar yDir = 'down';
. ]* H x2 I7 o: \. m& ?1 ]( L0 Y, K! g% _( Uvar superballRunning = true;
& U6 _3 t& U, |5 Y, lvar tempBallSpeed;
& L& f+ a: e" Yvar currentBallSrc;
" A4 v: r/ o/ v. rvar newXDir;, ~3 J8 H1 W- @
var newYDir;* F* J& O0 x8 I3 F; |
- e' }; U* s* R4 ]) ifunction initializeBall() {# q. d# i/ h1 K6 G
if (document.all) {" V9 H1 z2 u9 {# n9 |) e
xMax = document.body.clientWidth6 }0 P' t& _& j- Z. ?" \1 p
yMax = document.body.clientHeight: o9 d* [3 h2 q" w- m+ G4 a
document.all("supertext").style.visibility = "visible";+ Y2 c0 o( C8 f# B5 {
contentWidth=supertext.offsetWidth* a6 D7 r' v& B6 i+ @& W! l4 K) f
contentHeight=supertext.offsetHeight
/ N$ M' x4 T; l' E+ X' m6 C }
, S/ v8 h: Z) X# d; m6 D y7 F else if (document.layers) {" s- _- q- u" ~- [
xMax = window.innerWidth;
/ @6 O7 D5 z3 m7 [- ]2 [ yMax = window.innerHeight;" N" x$ n2 O, S. V
contentWidth=document.supertext.document.width0 b8 O9 U" x3 m
contentHeight=document.supertext.document.height
( q q: N- a( k) ]- W document.layers["supertext"].visibility = "show";/ |, y+ V& O8 G4 U
}0 g( c* |) x5 G% b1 A9 }. l
setTimeout('moveBall()',400);
: x+ h8 ^+ {( z6 B5 s% C7 Q7 j$ X1 J' m if (hidetimer!='')
# ?% E5 E4 T, L setTimeout("hidetext()",hidetimer); c3 W+ J6 M+ l! U+ c T, R# ~
} A5 N" G. a6 H8 X q
5 H; _9 ?& s1 |+ |6 Y. {- l5 O( Vfunction moveBall() {' o! L9 b) L& {3 K5 v
if (superballRunning == true) {
1 }' T4 ?5 [' c& _ calculatePosition();
& b+ F# f3 v* a0 j2 O: | J if (document.all) {
* C+ W* R1 |* T; n$ b7 s! E& Q- B document.all("supertext").style.left = xPos + document.body.scrollLeft;
& i) p* D* c2 }, Y3 I document.all("supertext").style.top = yPos + document.body.scrollTop;
1 y2 [ k: y% m4 Y$ O+ R) y }
0 A9 `7 D; y @% A" t else if (document.layers) {5 m2 Q4 z$ w5 d5 ~. S% T* d( V
document.layers["supertext"].left = xPos + pageXOffset;
3 K! L, e- ?1 R/ F9 ^- t7 O2 Z document.layers["supertext"].top = yPos + pageYOffset;
2 H* \) h8 S9 K8 o }* A+ v; E8 V6 g6 t# r
animatetext=setTimeout('moveBall()',20);- c3 @2 h6 D: ?/ _) \
}* y$ ~9 j& P* z1 ^7 k1 |# A
}0 }4 k/ H# \4 i: E8 y* v& w# j
% W1 c4 ]1 Q/ [- w4 N& q. T& v
function calculatePosition() {
; L& m9 T4 y8 L/ T6 d3 m9 z if (xDir == "right") {9 x. D% {) G. Q. J+ {% |3 q' M
if (xPos > (xMax - contentWidth - BallSpeed)) {
u! |! `6 u" N9 J1 s xDir = "left";- J! I' s- t1 g4 j) z1 x- _- \
}+ O" E4 l! x5 ^# ?% ~: m \
}
* p( j( F7 ~: P else if (xDir == "left") {
& |/ y! f% `2 S; q if (xPos < (0 + BallSpeed)) {9 d$ l7 l! Q- F' }* S \
xDir = "right"; a2 P% ]9 \% o) i
}! V1 K7 E8 H( N2 l
}
0 [; q# M" c- i2 D8 C# C8 o if (yDir == "down") {8 b& A/ [- w3 }3 F1 x, @) J+ a
if (yPos > (yMax - contentHeight - BallSpeed)) {% R( j+ v7 d. M3 H- b4 {& P
yDir = "up";' A" }* j' k1 e: w+ m5 d
}
6 f' d3 T- {! m9 x" D9 a8 `2 | }
- y9 P. v n$ L5 y else if (yDir == "up") {! l3 V, Q9 l4 k7 y7 }, ~ o4 O$ |# L
if (yPos < (0 + BallSpeed)) {$ @, K2 J, Z5 w- U' N! ?6 V# n
yDir = "down";
6 a. \6 U! y2 W) O* B$ x }5 u( o" M; z: g `9 h2 N
}
* ^' q5 F* d2 C( D5 T if (xDir == "right") {
7 u- c/ ?" M* B% ]/ m+ E. t xPos = xPos + BallSpeed;
4 e: C+ {, A! R! g; E }
7 @! p; C0 t6 G) ] else if (xDir == "left") {
* z3 V* M% U4 k0 d D) T xPos = xPos - BallSpeed;
# t; P3 i D9 }" X; s. c4 M }! V, S+ ?' S5 V7 N2 l% T4 M
else {
# x7 D% p! H/ n) y* Z9 q xPos = xPos;3 r% D. @9 O: s4 T& X' I
}
9 F1 a r0 |! C5 v! z1 u if (yDir == "down") {
. n' i) m# M3 O/ S8 `' d yPos = yPos + BallSpeed;
# j: A& r% s: n# u& m) A }
% @+ @* Z" R; t& |$ m; S$ d else if (yDir == "up") {
. t/ w: Q) ?+ D2 u yPos = yPos - BallSpeed;) x+ E" ~5 ]" t& w
}) y5 H( }6 `' n; |- L
else {
; }1 U6 E( h' `9 W2 v yPos = yPos;) c8 g% N& h e4 z. h6 f9 T
}( ]% ]3 ^2 Y# q( R# w" c( ~8 C
}
- Q* X _9 q: I% I# t/ q* |( M
function hidetext(){- E+ V, M6 i$ q- [( ~
if (document.all)6 I, [8 y# E4 g: d y
supertext.style.visibility="hidden"' v8 X3 h+ C9 C3 ~6 B4 j2 S
else if (document.layers)# d! J4 c- ?) _3 s# G, o( L3 E
document.supertext.visibility="hide"
* U& v3 X7 t( v; f% t4 ]( F7 XclearTimeout(animatetext)
s8 g1 k7 P u2 K}6 v7 |' ^5 @* l- {5 i; c% ~* h( l
) w0 h5 `8 M, K0 F' Gif (document.all||document.layers){4 K( C4 |# f: f- F2 Q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% _; P( H! w/ k7 qwindow.onload = initializeBall;; Q" b2 t& E9 T" B+ h. r' Y
window.onresize = new Function("window.location.reload()");
, t8 p/ P9 S" [% m6 M}
/ _3 m9 H, X+ ^0 F! z" W- i+ M9 _; D6 |$ @+ x. h) y9 r+ p P( r
</script> |
|