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

|
网页之不断弹射的文字-特效
<style type="text/css">$ U5 H$ E3 I& k( q
#supertext {
2 G2 N7 D1 ]6 } j# H+ ^( l* Hposition:absolute;
8 \$ a% s& `9 _! W8 j M+ pleft:0;4 i$ G* |# Y/ B$ M+ f1 F' o) V3 E1 r
top:0;! P6 I6 X" x+ O* Q0 Q" [8 y
visibility:hide;
6 C1 B$ _& B( {: r: vvisibility:hidden;' N/ @( i1 n. [, p5 l
}, O# M5 x" V+ y; s& `
</style>7 Z& [1 V6 ?' O) }3 r1 u
<script language="JavaScript1.2">
( `7 B/ Z8 M, b6 G<!-- 改变下的字体的大小。颜色-->2 Q2 _+ y& ~, _9 n8 f6 a
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 i6 l9 Q: Z4 I( m
var hidetimer='';6 ?& P( O: P" G
<!-- 改变下的弹跳速度-->- n" J; o) n! l# O R
var BallSpeed = 20;/ l! g L' b& N |+ j
var contentWidth;
]* Y, ]5 M% U! f: xvar contentHeight;6 z" R v3 p* W5 d4 B) \5 D1 V
var maxBallSpeed = 50;
+ D9 S' J' g F8 ?7 t2 I' P/ a: F% R: |% ]
! n6 D$ O4 m0 [( q& ^var xMax;: U% k" D+ b0 Y$ E& y4 x4 d; c
var yMax;4 N+ ~1 r8 ^4 T. z7 A4 f
var xPos = 0;
) C0 Q) _+ k! i; d" pvar yPos = 0;
$ {6 P+ _& o- U7 [# L, W* mvar xDir = 'right';+ F+ S" V; B# _
var yDir = 'down';- W2 f! f- F8 G, |
var superballRunning = true;
; D0 J* T. \8 X7 E9 j! r& Avar tempBallSpeed;
% \( }& i2 r7 k ~5 k: _var currentBallSrc;. T1 s0 j/ z0 h& J
var newXDir;$ S7 m1 e/ g) B2 p/ X5 H( {/ N, L/ u
var newYDir;
$ J- }4 |1 _) x- E6 @8 V
' M" ]. p3 {4 t$ j: afunction initializeBall() {
1 e9 \9 q/ j$ n3 _3 v$ M if (document.all) {" A3 z8 l, x9 s; n. H% @* t
xMax = document.body.clientWidth% F9 k1 W: x0 h0 ~" j3 H- `
yMax = document.body.clientHeight( ~6 o5 V2 I1 U7 A9 {
document.all("supertext").style.visibility = "visible";5 f+ Q; C8 O& i. Y1 U
contentWidth=supertext.offsetWidth/ n. p$ [9 R3 H5 H* P+ ^: t
contentHeight=supertext.offsetHeight: u [& R- u* |; n* y
}
: W! v" E; M L0 s+ ]: Z else if (document.layers) {
5 ]8 H1 l p7 a; l; T xMax = window.innerWidth;7 `- i" ?7 j7 C! {
yMax = window.innerHeight;
* V; W! V% q6 v' Z q) s8 Y contentWidth=document.supertext.document.width* ]% f0 g. D/ r
contentHeight=document.supertext.document.height, y0 X, a7 i( m" t3 X. l
document.layers["supertext"].visibility = "show";% P% ^1 v6 z6 g m3 c& U; b
}
5 _ ]: R, E) L* b g/ l% Y- ^ setTimeout('moveBall()',400);
' f2 R) w3 O$ V' G* b2 r( M if (hidetimer!='')
8 N% ?1 f5 {+ Q setTimeout("hidetext()",hidetimer): |; n& { y% d4 z4 p2 [8 M
}
1 ]/ |. h9 [0 N* u3 }+ N
9 ` p- I) p& Y. \function moveBall() {
' r" _2 s% ^ W% j' { if (superballRunning == true) {
5 l& G# Y+ D/ p) G2 D6 g* V calculatePosition();3 M6 ?+ s6 `8 F9 |2 b6 l( ]
if (document.all) {9 Z6 @2 e2 E" W
document.all("supertext").style.left = xPos + document.body.scrollLeft;
; u/ a4 N+ E" V3 Z document.all("supertext").style.top = yPos + document.body.scrollTop;2 V# n6 t; }8 r s" i
}" f5 O# ?; X; |, j* Y
else if (document.layers) { b7 n0 g3 n: I. w* B" w) @
document.layers["supertext"].left = xPos + pageXOffset;
: M* w' n! L l" ]; C document.layers["supertext"].top = yPos + pageYOffset;
- b P, r, u8 s1 ~ }) c+ s4 [3 P/ S ?
animatetext=setTimeout('moveBall()',20);
$ S7 X/ `! @- }4 p* u* p, O l& D }! p X7 L+ h8 n" a
}8 `7 Y( K ~* g& z+ p* }1 _
; t" a M. A" a0 ~! q1 g
function calculatePosition() {
Y; w* f% H& @* P" {" r if (xDir == "right") {
) M7 D; g0 C* b/ L if (xPos > (xMax - contentWidth - BallSpeed)) {$ b, t; r: r6 a" P( h
xDir = "left";# W4 U: a" K7 ~
}( b# b6 s) }4 i6 o- y
}% ?( N' b/ I! D4 h' ?: g
else if (xDir == "left") {" ^8 s8 ?0 \+ a, X: L) X! g
if (xPos < (0 + BallSpeed)) {5 E! h- S5 b1 ?* S& H9 ]
xDir = "right";9 x4 ?# h) V* F1 c8 B9 H
}% q+ r) G b; h
}
$ {: T. v$ a6 H7 R; {! x if (yDir == "down") {
3 Y/ X" v7 }, H0 e# { if (yPos > (yMax - contentHeight - BallSpeed)) {
! \- Q9 `3 G# @ yDir = "up";8 ?7 L" K" a+ L% ~3 }( ^" E$ A
}
8 t1 b) q; @1 d! c9 G, y }) J2 S$ q, N5 c0 v9 f$ C: b
else if (yDir == "up") {: J4 t; T E- [" A' s: Z( L
if (yPos < (0 + BallSpeed)) {$ u. |; j& z' f7 k
yDir = "down";
) x) z) x/ w7 i4 X8 L }2 p9 r( z' _* l) u* ]. u5 w* Y
}( J; ?7 n& p% I3 a* n6 l. j
if (xDir == "right") {
) Q0 @7 h# L' V" B0 p0 x xPos = xPos + BallSpeed;3 f9 b4 W, P! W. P7 {, V/ y
}3 z b+ a" Y, y# g' o4 p/ d
else if (xDir == "left") {
3 K" a1 w$ F8 d8 A ^8 o5 { xPos = xPos - BallSpeed;5 a2 Z1 O+ P+ w& Y9 E
}
! X0 |( ^4 W5 G3 |: ^& w& _! D else {
' B. s, h4 a, `- Y: [4 n# `1 z xPos = xPos;
% d& ~: X. A5 y }2 a2 Z9 ^6 W7 F" d- O' V6 ^: h
if (yDir == "down") {$ s4 ^. |: s% p# m0 N
yPos = yPos + BallSpeed;6 V9 Z. c% b2 b2 Q5 c
}. a4 j, `, s& i! @) l" z7 Q2 b" U ~
else if (yDir == "up") {
. |& j' T9 b3 ]2 L1 T yPos = yPos - BallSpeed;
: ]" y* T, X2 V. } }
7 m' D: [( V% p+ H+ G else {8 [( ?& N7 f* B% Q' n, D
yPos = yPos;0 q' z$ `# H( j n; e
}3 ~% b. L1 Z0 m" l! m/ q! r) f
}
6 z2 q; i6 x" p8 E7 Q/ b
5 [' o! ^) b7 \- U) u# nfunction hidetext(){
& c( z0 b1 \- @2 Qif (document.all)8 O( D& C7 ]. {/ N: J) o6 Q
supertext.style.visibility="hidden"
4 s8 q* n: d( [% g7 x: ^else if (document.layers)
, d& Y2 U) D: k. p jdocument.supertext.visibility="hide"
/ q/ {; c6 |9 x$ v' P5 R9 G# U( CclearTimeout(animatetext)
0 A. Y. k6 c2 H}) ?3 g" H3 x; J3 x
+ M/ q' D& S8 a D! n5 z. t) s6 m
if (document.all||document.layers){
% A9 F" Y s9 Fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 J6 H! i4 S8 w7 N
window.onload = initializeBall;. ^) u* q K! j: X
window.onresize = new Function("window.location.reload()");" O+ V/ Q3 ?8 S6 P
}( i/ }( X! E8 s# F* E6 v# t
$ _$ Q+ q: X4 w$ P
</script> |
|