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

|
网页之不断弹射的文字-特效
<style type="text/css">" O" d/ q( s& t* t$ @
#supertext {
6 S+ Y# r7 \( Z/ b' N. wposition:absolute;
+ ~. }. A, ~; @1 [4 Pleft:0;
( C7 R" T! O. X# P/ Wtop:0;: w; w1 h4 Q, I4 c( i
visibility:hide;
9 Z6 C3 r7 y6 Z1 C' Q' v: V( K5 ]visibility:hidden;/ L' b% D1 ]4 L7 \
}
# t: [# {) b: p6 M9 g. T; P+ I2 ^</style>
7 s. f7 z5 u! f% I7 |<script language="JavaScript1.2">
" ~2 S; {4 L g% ` g7 Y<!-- 改变下的字体的大小。颜色-->
; a7 Y4 U$ C: v5 y$ a: u! evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! x Y9 I+ u1 [* i( L
var hidetimer='';
" }0 D) a) f; _5 Y6 R+ C2 q<!-- 改变下的弹跳速度-->
$ K* B0 d9 ?$ [7 tvar BallSpeed = 20;
' R. { S3 |* ^9 q' Wvar contentWidth;" i) ^4 Q# l- r+ O1 v* O9 l
var contentHeight;- A c* P9 Y2 b& X- ?; t# B
var maxBallSpeed = 50;
$ m6 V0 b( @# {7 ? d% _+ v- L! Q5 Q8 L
9 j' G/ a0 c3 R& p
var xMax;
( y& z- d) P; \) g1 W; Ivar yMax;" j+ \0 ?9 o) O* @# C! r: ]
var xPos = 0;3 M6 f( o0 K% C3 ]! I) s4 ]. c
var yPos = 0;* i6 a A. @1 N! y2 g# _4 o0 ?
var xDir = 'right';* d: k. x$ W ?7 N$ \9 E
var yDir = 'down';
! ?# ?. Y% e) `var superballRunning = true;
. w( d" }; U, k# _var tempBallSpeed;5 A; n) E: D& C$ N3 Z; M
var currentBallSrc;1 s. u s7 E' u0 W, T2 `# ^5 y3 _
var newXDir;% X( \9 `7 v; L6 U4 j4 o
var newYDir;/ l- Q7 c+ M& L
; \- Q8 }6 {4 p: B# i3 Yfunction initializeBall() {
+ ^8 r2 p" ?' a1 \ if (document.all) {; `0 s V3 H/ U1 q0 k: ^
xMax = document.body.clientWidth; S2 X, K4 q/ _, `) F0 I U1 f# e
yMax = document.body.clientHeight4 U5 e! [9 s1 V( j0 r% I
document.all("supertext").style.visibility = "visible";
& {# b7 b; Y. \1 X; C contentWidth=supertext.offsetWidth. S+ \1 O. n/ Q
contentHeight=supertext.offsetHeight
, X A3 {0 {) b) l$ [ ]1 b! { }8 B& ~% L, Q# }! h) Q Q$ I/ ]0 |9 P: G
else if (document.layers) {/ W. L' c F6 C% x* }. g% c% S
xMax = window.innerWidth;
$ L7 ?% I# m/ ? yMax = window.innerHeight;
$ n8 O- s |3 H7 e$ w! J contentWidth=document.supertext.document.width
5 m: c4 i+ q* O+ {$ R/ V! z contentHeight=document.supertext.document.height
# o! \* Y* L5 H! G" f6 W$ ` document.layers["supertext"].visibility = "show";$ |/ Z1 d$ R- `, u# p3 Y. `0 u% E
}6 G1 e$ H/ S" h; h" _" G; [
setTimeout('moveBall()',400);- a m5 Z& W4 z+ ]$ g! ^, M( ~
if (hidetimer!='')
+ G4 E' J" e7 R& @- e k2 E setTimeout("hidetext()",hidetimer)
- E) O( h6 X# U }
) j9 ^# v- f2 V# N m/ f& v! e6 G2 s3 x3 j( M
function moveBall() { H) r; b; M$ I6 A2 s0 N
if (superballRunning == true) {% [2 _! |& u0 ~7 z& [( f4 U2 C
calculatePosition();/ P7 ~& z. ?$ s" ?
if (document.all) {$ J: g2 S) B- `! p; O% H) `! U1 G
document.all("supertext").style.left = xPos + document.body.scrollLeft;9 ^0 L- x; W) v% B
document.all("supertext").style.top = yPos + document.body.scrollTop;
$ D2 C4 H2 Z/ V, K" i8 D# v; ~: E }
" z8 y& s8 A8 G4 i) m. w$ c else if (document.layers) {
( R; Z& w2 c p document.layers["supertext"].left = xPos + pageXOffset;
?; l2 J% U$ x4 r% P/ |. U document.layers["supertext"].top = yPos + pageYOffset;
4 H4 \9 E; ]5 u+ l/ R" u3 b }
& D H# G; \, ]3 c5 O- y$ n animatetext=setTimeout('moveBall()',20);5 g3 o, f4 J) W! q
}
/ I- a; D! B) Y$ j' q }: Y5 t7 i. m. u$ k# s! U" n
7 V/ Z0 d7 t% r7 qfunction calculatePosition() {5 J) z8 p9 Z& D3 |
if (xDir == "right") {
5 W y e4 P4 K; t- [: t if (xPos > (xMax - contentWidth - BallSpeed)) {
& T7 M1 J, N- J7 V xDir = "left";+ H0 G" x6 c0 k+ A% R" e) c
}0 ~* D+ h1 Y$ S" g( F# b
}
1 k7 c% d+ i C! v1 [' \. M; N else if (xDir == "left") {
0 O. d6 [: l' d, q6 ^ if (xPos < (0 + BallSpeed)) {$ v, B8 Z) D/ C2 G X4 n
xDir = "right";
+ N5 h/ z2 N. g }" z8 `& T& B/ }+ A5 a
}
4 U. Z+ T0 f3 _% c if (yDir == "down") {2 q8 M E6 h/ J. W# D# l1 _
if (yPos > (yMax - contentHeight - BallSpeed)) {
5 D: B, }8 O6 k {7 Q8 g yDir = "up";
7 B( d! t/ y, T }
0 a8 j# L# _, D3 p1 l }
: l; ~, F$ g! V5 }9 l% L% L) C else if (yDir == "up") {7 i" p. a% Y. p& G0 T% V# Q- K @
if (yPos < (0 + BallSpeed)) {' d3 d# d, i o1 k; s9 h; {1 T2 h
yDir = "down";
) `; t7 q% Y( f- P. B) Q D }
( O8 M5 y$ n+ w. l X/ F }
# G `1 J9 c, J4 R if (xDir == "right") {
- q& K' A6 l. j. B$ n: g xPos = xPos + BallSpeed;
8 t" r% r0 S, k }, q; h# M/ v9 a2 s/ a* q& j
else if (xDir == "left") {
4 v5 e$ M) N- k+ o; m3 _ xPos = xPos - BallSpeed;
) B7 k2 Y" f4 o0 r6 i* o! J* X }
; \) G1 }* O6 y' G& s6 ` else {
6 I1 L& U! B$ w0 d xPos = xPos;# c- |, P% M. T( ~& q+ G
}7 t5 K6 c2 }: s. t( L% w% H
if (yDir == "down") {
3 M2 G0 p) ^* q$ _3 q2 c yPos = yPos + BallSpeed;8 g' Z0 W$ K% y* u+ R0 Z3 U' H! g
}
% y- K2 H x# W, M. \3 K4 B+ U% { else if (yDir == "up") {0 @9 Y) o U: l6 S# T
yPos = yPos - BallSpeed;
! t2 Q+ e! k' z: f1 {% t }
& r( s. S5 I" w! q) o else {" \3 ^2 l: B- K% r, }5 Z; f; ^
yPos = yPos;
3 k) ^% G% M/ W8 l* q' N- j }4 o& p$ a4 ? a) g; M
}3 v/ Z; z. Y( a4 T
4 |/ o3 b0 M/ R* u2 c/ Z! dfunction hidetext(){" C3 y, F2 ]1 i, x) W
if (document.all)) R3 M+ ?) e/ Z" n2 u5 s7 b
supertext.style.visibility="hidden"# { H! I2 N* @5 o' N) i
else if (document.layers)! V f1 ~" f) R( {: h
document.supertext.visibility="hide"8 B; R1 l: S" M3 Y! J
clearTimeout(animatetext)% {6 R; E9 M* [' {
}
) F! X# Z+ {) v; z. Z
; t1 A5 b6 ^- H# u* ]if (document.all||document.layers){
8 I8 U1 U7 ^: M( x% B0 J7 hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- E: `1 N4 I3 ]
window.onload = initializeBall;( \' ^# `8 O+ ?" R# Y7 w0 K
window.onresize = new Function("window.location.reload()");
( }. ~, X8 G. ^- X: R8 l6 Y}
/ J. x9 @; w0 i( Z+ w# C0 t" H9 O) _7 U& t) @
</script> |
|