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

|
网页之不断弹射的文字-特效
<style type="text/css">' `" R( q- E; k* q! }. B+ r, H
#supertext {: u# m/ }. X; y. D
position:absolute;! `- j6 z9 N: I4 k* x5 } }% {; Z
left:0;" Z }$ H- I6 {5 \3 P
top:0;
/ l3 Y. K% J" g) ^5 Kvisibility:hide;
9 ^ H" n$ |0 E3 V% d' Q5 dvisibility:hidden;
! G$ Q( t$ {& F- H% r0 Z F7 @}
* q$ b) `4 W8 K</style>2 \* x+ E9 |' C$ M' x
<script language="JavaScript1.2">
* k- W+ y7 s) g$ W' w. \<!-- 改变下的字体的大小。颜色-->
2 H/ F: Q# a4 i5 Q" _. D3 Q. wvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 H2 v3 k: Y7 B% N; V, G8 \
var hidetimer='';
" C, y; O* _/ @4 s$ W<!-- 改变下的弹跳速度-->
7 X9 V/ o0 z% W. Ovar BallSpeed = 20;
% f- {7 h0 p- d t5 x+ Mvar contentWidth;* w" V. S2 R; j2 r' z
var contentHeight;
; N* h0 Y! G8 B: c4 v& g9 u# tvar maxBallSpeed = 50;
7 B9 ?( j! B; j" F* n
: p0 M7 ~( X5 ?/ @8 U2 R% a6 P
8 l% F5 f6 p7 b3 `4 `var xMax;/ `/ G: K' f4 c. B/ P5 c
var yMax;- l* k- q7 f1 u" B( ?
var xPos = 0;3 e8 o0 [3 B' a
var yPos = 0;
( A4 G6 l3 b* L F" U# ?+ Jvar xDir = 'right';4 s3 V6 g: r$ K2 _# o$ J4 p1 D
var yDir = 'down';, b! T& D% _$ E
var superballRunning = true;' W# W) j3 R8 Z3 j
var tempBallSpeed;5 `: q8 F" |5 {" q7 S
var currentBallSrc;) g# ^4 G% @! a+ ~% _- h' K d
var newXDir;
~% `0 d* I( h/ c' y6 J' {1 y8 ~var newYDir;! }" Q+ q7 ?/ h! n
& S, J' b% d' G! @function initializeBall() {0 t( A+ L w2 s' {
if (document.all) {2 g* R, n( @; U" W$ r; t
xMax = document.body.clientWidth7 b8 d' j" T x" \* s
yMax = document.body.clientHeight4 B* l* n0 [( g) ^" l" n+ x
document.all("supertext").style.visibility = "visible";
6 b" Q$ E0 Z8 X e7 W8 f9 P8 s contentWidth=supertext.offsetWidth
9 C+ R& x) l) l& ` contentHeight=supertext.offsetHeight
8 D9 @, k; @3 U3 z6 T) L3 Q2 m4 { }# ?/ J+ B$ R, ], ~" ^( d6 b2 {4 a
else if (document.layers) {& [' |1 O0 e6 J
xMax = window.innerWidth;% f( w! J4 p% c! s
yMax = window.innerHeight;
% Q, ^2 `6 ?, q. R8 F# Q contentWidth=document.supertext.document.width9 F; H& b; h2 s
contentHeight=document.supertext.document.height
; M* F% C! m, K document.layers["supertext"].visibility = "show";
# \5 ~4 s% q$ `; ~* J, l' a( \4 E3 M7 F }7 b7 F+ k4 p! U; D) X$ t3 Y8 B# D
setTimeout('moveBall()',400);
" m' _6 T1 {1 t3 S( [ if (hidetimer!='')1 B$ v# c* ~" W3 z7 J
setTimeout("hidetext()",hidetimer)( t$ D8 C1 T& c1 W, D7 A
}: y4 x+ g. a* J+ ]5 E8 c, p0 F
8 l! z3 `3 h1 o* Q/ X7 ^
function moveBall() {
' E5 k v6 D( c8 ^ if (superballRunning == true) {9 M$ u" u$ F8 U) G% E
calculatePosition();
7 v# \6 z# x" ~: _7 f. \- O: k if (document.all) {2 q- `: c, ?; V2 _( m) t+ M- A
document.all("supertext").style.left = xPos + document.body.scrollLeft;4 A, s7 M* a% Z0 K6 \2 m7 i. Y0 s( d* H
document.all("supertext").style.top = yPos + document.body.scrollTop;
- v0 T1 I2 a! a0 f' ~% y# D% t }5 b' ]+ W+ ]$ e" ~4 J
else if (document.layers) {; ?6 u* w9 \5 \+ J, y
document.layers["supertext"].left = xPos + pageXOffset;, B+ A( K+ I1 J
document.layers["supertext"].top = yPos + pageYOffset;
, r7 s, \% d/ [9 V; _ }5 n" Q5 D/ B6 A( i: i( i$ E
animatetext=setTimeout('moveBall()',20);5 x" t- q% L5 D- Q/ Z) n
}0 U: B/ O% a) \( g9 a
}; c& M3 W' F. O: U0 H; I9 }
3 e ]4 M, x- f' {, d
function calculatePosition() {
5 n+ _, I5 m7 [( C- F, @/ V% p2 D if (xDir == "right") {
% V6 n) ~9 I$ |) |: f3 s if (xPos > (xMax - contentWidth - BallSpeed)) {
& P' J, b8 W$ n/ u$ V8 R xDir = "left";$ n% N/ T {1 V" j0 I
}
) p* v8 w7 K! c. r$ M8 V- x1 [ }
8 ?2 x' ^" D0 Y$ T else if (xDir == "left") {; H/ a2 ~, C K3 \5 t8 x
if (xPos < (0 + BallSpeed)) {
4 Z7 w/ N9 B0 I xDir = "right";
* j- K. W9 t9 K4 V) h, d }. I t M: m1 g/ [7 a y; F/ C" c
}
# K! Z$ }, X5 s( B if (yDir == "down") {
6 {$ {: H& l/ b0 ~) b if (yPos > (yMax - contentHeight - BallSpeed)) {0 m8 j6 U R6 J; O1 M
yDir = "up";
: Z6 m/ d5 Y, ?8 S1 H5 Y U/ S }
! X" C% z: p' H8 b! ^" ~ }
: i7 |2 u. q |# }. S# U else if (yDir == "up") {
0 U' |' n/ Q2 @3 m' q0 z$ ~ if (yPos < (0 + BallSpeed)) {
2 N2 o$ Z9 `( |: b7 a) Q$ \ yDir = "down";' K- h/ U7 @0 P. _, j4 N9 F
}
, [* q: S9 l( r }
) j- V3 ^% T" u" x4 _( K if (xDir == "right") {
, U @& |9 a) V- H$ ~% S9 a xPos = xPos + BallSpeed;
( F! z& ~7 x: V }/ S( b, [+ Y" V6 Y$ k
else if (xDir == "left") {8 x) I, g# r! }9 V5 h
xPos = xPos - BallSpeed;
0 J8 v+ ?. a7 S' ?( C }
% V4 t+ ?: t, S( Z else {
5 H$ B& \6 t* C C8 t# k xPos = xPos;+ m) v2 F' C/ G' }' O. Z
}
8 r, O* [* Z8 H8 {0 K$ A% ^; H" N if (yDir == "down") {
0 o/ L0 k; _- G( W* N. Q yPos = yPos + BallSpeed;
6 e$ b6 j% W0 ?& Y) R5 P8 O6 X }
+ i1 S* s2 d8 ^7 T1 J" j, R else if (yDir == "up") {1 }3 ^& b8 J) r8 n) k- X
yPos = yPos - BallSpeed;
4 L: S$ u& T; ?! D( d( u4 z. M }/ L3 E/ W4 e! ]& p
else {
/ k( k* O$ W+ G8 G yPos = yPos;
+ P7 b. J: r$ T( q4 Q. O! z }5 G# d8 l; C5 z5 o; W& |# X
}
+ l X1 u: B9 c, |. ~9 M w- {0 f. m @9 q
function hidetext(){ R3 Q( O' }4 b% c% b
if (document.all)
7 K3 Y8 _/ [. f7 {9 x ?' j$ s2 bsupertext.style.visibility="hidden"
& y A- N X5 eelse if (document.layers): l8 k" V3 v' B3 K& F: [* c
document.supertext.visibility="hide"
2 ^- i' G: z3 F' s( C4 M0 Y+ TclearTimeout(animatetext)
" y1 j9 X0 M' Y' q}0 y& V' H/ e7 \6 M
+ \+ K5 P6 y- U" b, u. e
if (document.all||document.layers){8 r" R1 F ~/ r p+ j0 B2 B
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
. A+ N% u! X! x+ Z4 _! N0 Bwindow.onload = initializeBall;
# Z5 F5 t. J* t0 t% uwindow.onresize = new Function("window.location.reload()");
$ s j n* G; n" W- ]; G}
% p. h* g' a$ }; ^3 B3 U( F: c4 Q6 k1 P2 ^
</script> |
|