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

|
网页之不断弹射的文字-特效
<style type="text/css">2 R( u% N8 A& R
#supertext {5 X% W6 u8 Y7 t9 A/ E3 \, _' a
position:absolute;
: r) a% F6 h+ F9 y: w8 ~left:0;0 [' {* R: ~7 c2 D- O
top:0;
1 Q/ q* {8 T4 e1 y0 B* Gvisibility:hide;
1 }( A" p: a( zvisibility:hidden;0 D: q+ G( e& A0 g* h
}5 ^" \+ P/ j- A
</style>
% p% \. C2 M) u9 Y0 k& C2 o6 B3 [<script language="JavaScript1.2">
9 o, y: t3 S7 T/ _0 B: `( f5 u<!-- 改变下的字体的大小。颜色-->5 z) M& V4 j W- k
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': Z. C0 R( C( j& p2 e
var hidetimer='';
6 ]6 p2 C; d; z<!-- 改变下的弹跳速度-->: y# B( S) J1 X Y7 L; M
var BallSpeed = 20;* F# W( w/ ~" i3 J! B" B4 K
var contentWidth;
; q6 ?+ d2 B7 D+ dvar contentHeight;
1 ^' H( f4 A, f _# H/ Tvar maxBallSpeed = 50;: X ]! h; h- `, X- x% W
$ C& T( P' o! q }, K* D
+ Y9 G, S. b: d6 E0 n
var xMax;2 M4 d9 I* C# |; _
var yMax;
: R6 {9 M& {. l( S5 Svar xPos = 0;) W/ R4 m! n' I. N u/ U
var yPos = 0;
; A7 k7 ?1 Y, f" f9 G {" W. A1 e% }var xDir = 'right';* p4 ]) N% a" V9 W: ?/ u
var yDir = 'down';% ?& c3 ]* T' P2 N; m+ N" o
var superballRunning = true;
8 [7 ~8 J2 x. T d- |& Dvar tempBallSpeed;
0 j7 {; q- @& N6 g5 d" `6 F, ^# nvar currentBallSrc;4 t6 g% _2 f7 a) m
var newXDir; K5 H! i" u+ v) C. I- [# V1 Y% [1 z
var newYDir;
/ i. ^# f9 X+ ^. b0 N: ?- t) r( [$ k5 H& _3 K$ e0 V! B3 P; D5 D$ h$ g
function initializeBall() {) l) ~ Y3 [8 A
if (document.all) {0 I: ~; V5 N' E4 ] j0 C- n
xMax = document.body.clientWidth3 H' o% F3 j+ Z4 |9 G8 R
yMax = document.body.clientHeight$ ~3 k7 D I9 P( }# z3 o: X
document.all("supertext").style.visibility = "visible";2 N) L. ]3 A1 ~* G2 ~1 k
contentWidth=supertext.offsetWidth
/ Z2 J+ k# R/ N/ {* } contentHeight=supertext.offsetHeight
X/ H$ o8 [+ E( L# z }
) K( d$ M2 d- r X else if (document.layers) {
# Z+ @: C- E" y2 ? xMax = window.innerWidth;4 s6 n, h Y# ^) m+ c5 A
yMax = window.innerHeight;
9 O( }7 I% I( Y1 O4 M% a( D contentWidth=document.supertext.document.width' j* ?- J* s6 v0 v
contentHeight=document.supertext.document.height
5 h* P9 v4 O( W+ t document.layers["supertext"].visibility = "show";
8 M- g+ X _# | s+ z2 l }# I% H% c5 P, L, J& F" v l7 g
setTimeout('moveBall()',400);9 x1 ?0 z$ _7 `2 Y1 k3 R
if (hidetimer!='')' d: {- A9 @& T$ N% W$ w! Y7 T# S
setTimeout("hidetext()",hidetimer)
T2 F4 b3 ?4 I5 P: V4 ~. E$ r1 H }: t1 g3 F3 A2 |! c% \7 _
1 b! i1 \; f4 P. v. K" M4 V; [& {0 A
function moveBall() {
! \! U: w' k+ f! a% n- I# y if (superballRunning == true) {
- j- d% p" r* `- r; S' I calculatePosition();
" e2 A( |! a6 l0 x. f q if (document.all) {1 W! e6 S5 p& w
document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 w8 {9 B6 d7 \1 E$ h' n$ ?8 ~ document.all("supertext").style.top = yPos + document.body.scrollTop;$ Z% A( b- T# ^3 R" N0 ]% K$ z
}5 V% [( U9 H8 N6 y
else if (document.layers) {- ?, ~1 P9 L; J }) ?& E3 d* s
document.layers["supertext"].left = xPos + pageXOffset;) n0 r5 e& ^: m5 v
document.layers["supertext"].top = yPos + pageYOffset;0 Y7 A) {' r' h5 H' O6 r1 k
}6 I$ _5 ]! z! v, P3 \8 F# z5 e
animatetext=setTimeout('moveBall()',20);. n1 i7 B( j" m' w( @
}
( w0 ~2 ]# T( H }$ k9 R( b3 \; O2 C
& ^* j8 b2 o1 Z# Y- V- I. Zfunction calculatePosition() {
$ @# e( j! b s if (xDir == "right") {
3 w: U! A( i; f; b. Z" m if (xPos > (xMax - contentWidth - BallSpeed)) {
4 A/ b& _9 n3 c$ g- H4 M xDir = "left";
! l! E1 o9 K; j9 B, a }' A" |9 Y/ ~# }1 @9 K
}) z/ P8 _& m5 \( S& |
else if (xDir == "left") {
: j$ |& l0 Z4 C if (xPos < (0 + BallSpeed)) {
0 ^+ Q2 ]- [% [5 Y1 p xDir = "right";
# c6 v+ D! X+ e: X# b }6 j% g8 t9 l! |/ x
}
" u% N, W% O5 J# U' Q- J0 U8 q# P if (yDir == "down") {
) p4 o' G x: h- d8 F5 ~ if (yPos > (yMax - contentHeight - BallSpeed)) {
2 s( t& L1 s: z p! ` V yDir = "up";4 L" j& t6 k! ~! J. l
}
6 x6 }1 W: ^" |: ?9 {! d) X }, T( C0 w- K, k% z( L
else if (yDir == "up") {5 R8 G( s0 D* L% G" u! ~% ~
if (yPos < (0 + BallSpeed)) {
+ d# z9 ]. U# a; q/ V yDir = "down";
- b2 K0 B2 T% c7 F& n3 X: _ }
7 q( r) R( n9 H4 D" q }
& O9 A' \$ [( Z3 `% V if (xDir == "right") {3 [1 m6 i' s. R& Z- ~+ s& _
xPos = xPos + BallSpeed; i2 X+ @7 j1 V1 F: i4 t" Q# ~
}! c' w, m$ s1 o" I: u
else if (xDir == "left") {
' @6 w# Q* ~! v, L- E xPos = xPos - BallSpeed;
6 l @* K0 x6 T$ N }
I0 n& M8 T4 W# I N0 U, D- M else {! `7 _9 @7 f0 [* t& w/ f/ ]
xPos = xPos;
3 `" e; s3 d) j# K% ^- T; V3 }" U }5 ?7 r+ |0 K N& E6 m- m. N
if (yDir == "down") {- l# A6 N0 M( [/ |: Q& }8 h
yPos = yPos + BallSpeed;' O) G k, z% b
}
, m2 A3 {4 z8 D2 _) m3 h' W- G4 I else if (yDir == "up") {. O: [# U2 a) K# q' z; h/ S
yPos = yPos - BallSpeed; O/ l3 ?& c; C- H
}: B/ M e+ t8 \3 B
else { h9 o& y9 M; E. ~4 r+ Q
yPos = yPos;
4 E( f. J" _* }( G, j }; h7 C. E9 ^: w
}
9 z: w+ H4 l) K- H- k: L- d
7 x4 I# b! b' i( Z1 Ufunction hidetext(){
( a7 c" }. _6 `; a% |1 \if (document.all)
5 }; g" X7 P- z n9 b Bsupertext.style.visibility="hidden"4 X* Z4 c5 K _# N4 y9 R. S
else if (document.layers)
: i8 {6 u+ z, O$ G* _* c7 ddocument.supertext.visibility="hide"3 Z8 v. J8 L5 u
clearTimeout(animatetext)) M# s: y, i) H
}
R0 G$ R4 X/ k! h+ t
- B# m' N' F) N' Qif (document.all||document.layers){
8 i3 M' H( b5 H& P+ ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
9 q; m7 N1 [8 Xwindow.onload = initializeBall;
& u$ N+ B2 | d" D6 I7 j' a9 ywindow.onresize = new Function("window.location.reload()");( ^" n2 e3 k( M
}
, g% r! O/ v" b& ]$ F
: Q; [- o: v% q4 G/ x! o3 d</script> |
|