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

|
网页之不断弹射的文字-特效
<style type="text/css">
/ B0 t* K; O* e, b; Y9 R6 k+ Y# i7 A#supertext {
: v- C4 a- a) L. nposition:absolute;2 u0 f- B5 V: o3 W. o7 ?
left:0;
' h. ~1 m: v- L: htop:0;) q9 y; W& R6 y" I" I- v/ ^& r
visibility:hide;6 m I3 W% h/ z
visibility:hidden;
) O, v, h* k6 v" q% Q* v}
) _" M& Z7 h/ h1 L0 t6 c( c</style>
( j+ V( e0 g7 {% g' Q<script language="JavaScript1.2">8 t8 ?2 s- e$ f0 E6 }
<!-- 改变下的字体的大小。颜色-->" m9 I: K# `8 J. A
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* K, b: ^- i# p7 n" p e+ G
var hidetimer='';3 ?3 e3 G; a* C+ ?( n
<!-- 改变下的弹跳速度-->
! J% U# b8 X; h, l* @, Dvar BallSpeed = 20;
% w0 q) s, R' d1 h5 X& f" T$ Pvar contentWidth;
) ~$ |7 D8 s6 a& [8 jvar contentHeight;: a1 @5 q7 m# ~" o1 l
var maxBallSpeed = 50;
4 r0 q. e& D& b Y1 P2 `
9 R' J" t+ g9 {% V8 U$ W" j2 Y' \
( C9 ]9 O0 s+ _* ~var xMax;& I: s8 K; p! w5 Z' Q6 k
var yMax;
) C8 U" T2 e2 L4 ^# z. e$ evar xPos = 0;
! b1 n% }: q. c$ m! @% Q& }var yPos = 0;
* ^6 B+ c" h' g. f$ v1 c2 R5 Lvar xDir = 'right';
( O) v4 I$ e0 y2 b6 [var yDir = 'down';# ^3 `% K6 U( t. P& }. W
var superballRunning = true;* \# F( X* J f$ X" P
var tempBallSpeed;) o' x! {9 {0 d# [2 i+ j
var currentBallSrc;$ L( ^, F/ k3 N: D8 a! y* p9 u
var newXDir;
9 ^! H0 a' q9 v& W: Gvar newYDir;
+ B4 \# k \! `. }* ~9 ~+ M. E6 _8 }7 z; P/ [3 Z
function initializeBall() {
- X" _3 F) [3 p3 y if (document.all) {
j. e1 I/ W7 B! N' U% i+ R3 C xMax = document.body.clientWidth
. [/ `3 g/ R! I E: m8 C yMax = document.body.clientHeight
* U6 e! X0 n' K9 B: X document.all("supertext").style.visibility = "visible";4 Q- y' w& @# C Q3 b
contentWidth=supertext.offsetWidth3 B; Z9 \! `* }" _$ V1 a/ d* \( O
contentHeight=supertext.offsetHeight5 b5 f1 L' o) ^8 |) i
}
2 x$ ?+ ?) P4 Y; \' m% B else if (document.layers) {) C) w6 `. X+ V, p" [( e
xMax = window.innerWidth;
; G, R# X% h3 U! Q* i2 Y9 @ a4 g yMax = window.innerHeight;
, O: n9 @. ~+ u0 ] contentWidth=document.supertext.document.width
, h* {# ^ u Z- c$ O% N b contentHeight=document.supertext.document.height
6 J1 A+ G6 @6 d% I document.layers["supertext"].visibility = "show";! L( |9 m" G2 p; s- Z7 F% c' c4 ^
}6 D9 s9 x3 \; L) W
setTimeout('moveBall()',400);
( \: g2 c) k0 w0 C& L4 m3 b if (hidetimer!='')+ w' }0 [* E3 O- b/ U4 ?
setTimeout("hidetext()",hidetimer)$ E# F6 T) {& y0 S- ^2 } w
}: o. x- f. i4 x
& `) ]% M# R# W/ X" y% g
function moveBall() {) u: M9 N% a, |+ T. ]7 K+ H# |
if (superballRunning == true) { D# x& \7 S- j$ `- u( C, w
calculatePosition();; K! M) G$ r3 ~2 @" x8 U
if (document.all) {
! q! J. F& g& a) V- B5 _ document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 r- I1 T7 m) ^! Y( N document.all("supertext").style.top = yPos + document.body.scrollTop;# T# b4 |6 i0 g& A! L
}* y r( z0 m, \) o) D9 x4 a( q# c
else if (document.layers) {0 n+ @8 n' c- _2 Q+ b. k
document.layers["supertext"].left = xPos + pageXOffset;
& m3 ^( T& T8 S document.layers["supertext"].top = yPos + pageYOffset;
% g) U/ y+ J2 d V, I& O* B% L! j }& A- b8 x+ C2 y' d4 ^4 K
animatetext=setTimeout('moveBall()',20); Y$ e- g6 d7 h* w! [4 Q
}+ p- [1 L, ]/ q' F3 e
}4 P2 s( \2 _. t
" R8 O% r6 }1 I. x* o- P3 p. N: W
function calculatePosition() {5 j9 y4 C# ]! Q& V! U
if (xDir == "right") {9 T$ R; z& U0 B" U& F/ n
if (xPos > (xMax - contentWidth - BallSpeed)) {+ V+ U L9 T: H0 ? |7 R# b
xDir = "left";) G' W; k5 |. K* d1 g
}! D0 v! C# `7 u
}, k6 E) f4 |6 o9 n( U- Q5 J8 i
else if (xDir == "left") {
2 u) \' f8 O( f* `. m+ ` if (xPos < (0 + BallSpeed)) {
" p: W; Y6 \ \, l ^4 R0 M xDir = "right";: T7 U% Z3 q! U5 z- b i
}
) M; j/ O7 Q; b }- Y" _" \! q3 z( m8 T# q
if (yDir == "down") {* K7 O1 ?4 n3 e9 t; ~
if (yPos > (yMax - contentHeight - BallSpeed)) {
& F1 ^) I4 N% s: b( x yDir = "up";. u, J+ l* Q5 b) H* o$ c
}6 t7 J9 l) w. m3 I; H
}$ @: ~/ B9 D d, V" u
else if (yDir == "up") {' G& M1 f4 O& o& R0 e& y
if (yPos < (0 + BallSpeed)) {
9 U. h0 ]! S: X" z# e) I( ` yDir = "down"; t& @. G9 {; |* U: ?
}
; z' W% f/ t: K5 m9 _# c }
7 o: i. L, G% _9 [ if (xDir == "right") {
1 a y% ` `# I! n% V xPos = xPos + BallSpeed;, u$ o, G7 ], U' b" Q7 V3 w) s: q% P
}1 g _: O; p: D S1 z7 U
else if (xDir == "left") {: `2 r. e! o1 d& I: A6 A# s8 U
xPos = xPos - BallSpeed;' v7 n/ Z( x: o ^6 O
}
* C3 Z+ ]' {. c else {% X3 ~* ^# h% A4 @6 h6 O. H
xPos = xPos;( ^" C' W( T$ d1 V( ?. t( e
}' n3 h/ b5 Y! V$ c
if (yDir == "down") {2 x l, n( z8 s) y+ U f3 x
yPos = yPos + BallSpeed;6 o! l3 M J6 C7 T6 H8 O
}
) ?0 g% P3 q% n& T; s else if (yDir == "up") {& G, u# c5 ?) X- j; y0 i# [
yPos = yPos - BallSpeed;
* d3 }# ?! I; T0 ]/ e" D4 ^ D }
1 l( b7 a, D( a' m3 X+ w: \" L0 m else {! B+ J( ^ A1 `- c4 J
yPos = yPos;
! X4 K8 F6 u6 R0 t$ ~ }
, J9 y7 q4 ^* E2 ~, _# U4 R/ w# s }
& ?2 J1 o/ C `
1 s) P \8 j1 s* ~! Xfunction hidetext(){, o& C; p1 Z: [- S6 C
if (document.all)% V( z# ]% v" l" y& V
supertext.style.visibility="hidden"7 G' J$ D0 K O4 n
else if (document.layers)7 j! C: l6 _' _; e
document.supertext.visibility="hide"& C- J2 u4 P2 n$ {: j
clearTimeout(animatetext)
7 ^8 y/ d) t* N( \* Q: A, z4 {}8 k j$ `$ I0 ]% d% v, q
0 A, u5 A& Y+ U* H$ J
if (document.all||document.layers){, `8 }3 J3 `( P! h0 V- ^
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# A" x6 Q1 ]8 l+ G8 G8 T& P( C
window.onload = initializeBall;
3 |. d0 t( U4 e- S* ]( wwindow.onresize = new Function("window.location.reload()");( x; C; V: w) x, y& F0 {* F& a7 v
}
# \! v% p, z: x. h! [8 S, Y# f, o2 s( o0 c$ u5 r
</script> |
|