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

|
网页之不断弹射的文字-特效
<style type="text/css">4 ]' Q$ S( ?& `1 Y" D* v
#supertext {
# n+ r& e0 S8 W) z6 _% D6 _- Eposition:absolute; a }, @( h2 }8 o, j
left:0;- s8 [" B% v- g! q
top:0;( O5 f; m9 v a' F
visibility:hide;
1 M2 P1 m! ^ o$ Y' H+ zvisibility:hidden;
% k& ?$ ]3 a: i4 H! Y: x& C5 y}5 r! @- ]: W6 M2 @ I
</style>
& }3 |6 {* u* O0 N7 D1 `4 a* N<script language="JavaScript1.2">
- o: `5 c, g8 K. S4 N<!-- 改变下的字体的大小。颜色-->
, c+ }4 l# A( rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>' y/ a9 `9 H$ z/ W0 A c
var hidetimer='';% _) K& C& z1 ~/ e& r( ^7 A f
<!-- 改变下的弹跳速度-->4 O+ ^! }6 P" [, F
var BallSpeed = 20;) z5 c/ u; {8 D
var contentWidth;
9 d! v7 y5 y& T0 m% p$ t4 zvar contentHeight;
+ U T& ^- x) Avar maxBallSpeed = 50;
: V6 w% G) r# N3 L2 I4 p% h: ?
- k' M8 g* K3 L3 ~$ X; `/ ~! D
: b; a% w! `, p$ q o6 X; W/ G. dvar xMax;
8 D* J: X7 K9 m! t0 i- Yvar yMax;
) P$ M: Z' ^8 l5 n8 wvar xPos = 0;
. ]% @) D8 H2 ~* L! k3 ovar yPos = 0;
4 t6 Z/ P' \' h2 B0 E9 L+ @1 hvar xDir = 'right';. ]/ d3 x1 ~* Y" m, j" k
var yDir = 'down';. C6 L) n1 E, N6 ^7 a
var superballRunning = true;; X( p; b' a/ b
var tempBallSpeed;
$ t5 J2 P8 c9 t7 u7 R0 A1 rvar currentBallSrc;
, [' `, |6 a# M7 Qvar newXDir;
& d: D1 g* v: I) i0 ovar newYDir;! U* k' i) G% [; d6 l# ^
; f/ Z# o2 l) r6 k. Efunction initializeBall() {4 k$ {3 }$ C+ c
if (document.all) {# h/ X" j4 a. h
xMax = document.body.clientWidth
. t; _( E9 d# ^5 B2 Y* F8 m yMax = document.body.clientHeight
r) l. E5 f: \. { document.all("supertext").style.visibility = "visible";
6 m" x3 F6 ^" y8 W# ] contentWidth=supertext.offsetWidth) z. B: ?% O. b/ L9 `& J
contentHeight=supertext.offsetHeight5 J7 M3 @7 m* M! A8 Y
}) s# E: S2 l" A/ u" |! z+ N
else if (document.layers) {4 P) N% u8 W% M. k, m9 Q
xMax = window.innerWidth;1 u$ b: W' v& a
yMax = window.innerHeight;1 r+ ^! y5 G$ z$ G; D
contentWidth=document.supertext.document.width
$ v% G( U& \6 I8 }$ ~* | contentHeight=document.supertext.document.height9 S3 X" E8 o5 P/ L$ ~
document.layers["supertext"].visibility = "show";8 b+ k3 C( [, h2 |' s$ P4 b$ C/ R* l, B* h
}
/ t/ f2 h+ Y( I. |% b& K setTimeout('moveBall()',400);: m9 {: r* ^2 g( r
if (hidetimer!='')
9 S+ z4 b8 ~/ A* ?' n6 O setTimeout("hidetext()",hidetimer)7 f1 R# z5 `) U' n! S
}
7 [6 Z* N% T8 {' h6 I8 F! L5 f5 W3 K/ j
function moveBall() {
' \( O H( c8 O& o1 s5 M7 g a- L if (superballRunning == true) {
9 \8 c; v2 L/ z& h( d- t! [- F* } calculatePosition();' A( | t% u! T
if (document.all) {3 c9 `+ E3 b" S# L
document.all("supertext").style.left = xPos + document.body.scrollLeft;5 N+ R; v& o9 f% G# ^! R
document.all("supertext").style.top = yPos + document.body.scrollTop;
3 T5 T4 ~$ y; @* K2 X( n& Z2 R }9 D# s4 w' c8 v, ^+ ~
else if (document.layers) {
& N0 l0 F$ ]4 H. Q" P* e document.layers["supertext"].left = xPos + pageXOffset;# Y( ~4 i9 Y# _$ P* z9 t2 u
document.layers["supertext"].top = yPos + pageYOffset;! U- L, @, J4 |( m# e' H
}
+ ?* _( [7 P0 z9 a" B4 Z. H animatetext=setTimeout('moveBall()',20);
2 P8 F, o: I7 J- g }
4 N8 a$ `) H+ o }
+ E7 V& ]( _8 J8 C' y' J6 [* Z# G! J6 |( D3 h' G% Q$ S, u
function calculatePosition() {
- {; X+ H6 E0 v0 j' S4 S9 S: j9 M if (xDir == "right") {+ r4 B2 g3 \& D) a: m5 U8 j
if (xPos > (xMax - contentWidth - BallSpeed)) {7 u& M9 J( [, u$ e" \- Q
xDir = "left";
4 w( U0 c w5 A# O# `+ V }) J* n2 ?/ B! k) Y: T+ a+ c4 J+ k
}
& \7 \4 ^! w% L$ b5 @7 p else if (xDir == "left") {
4 [; t. M& ^( c" W5 O: n if (xPos < (0 + BallSpeed)) {1 Q8 i$ T; y( P$ }
xDir = "right";0 m. [+ Q" [# Z4 e+ f1 F
}
$ j% J( |; \% _+ L. R, J6 y }
' Z$ l3 F& X9 p! K if (yDir == "down") {
3 e0 s' K& M; Z# u& u if (yPos > (yMax - contentHeight - BallSpeed)) {# }- Q, ]! P: c3 {7 c. G+ n
yDir = "up";
" U5 \# K- U8 \2 p1 } }
4 u1 w8 ]+ p* C! `- @ }
1 a8 l1 }; @# `0 W' u9 } else if (yDir == "up") {" v$ i- k- F/ C! r( n, Y" U
if (yPos < (0 + BallSpeed)) {
: T% ^4 C) Z% p8 l" | yDir = "down";* L& F0 j% s2 s; M: ]1 X0 Y
}1 l$ m/ W3 C$ K2 s! f
}
. N' m, h! k8 Q if (xDir == "right") {/ Z, \! [, w1 ]8 H8 H# j* ~
xPos = xPos + BallSpeed;
, @( [8 Y6 ^% z) _# F; l+ [' h }
1 e6 f2 m7 i$ o1 v+ a9 A else if (xDir == "left") {2 b, T/ w* j: _1 u! g% t1 j% D
xPos = xPos - BallSpeed;
+ T6 f. v- I B! r: y* U" m }2 s6 g3 G. u- c0 o' Y" o3 e8 d
else {
# y& [8 X& K/ S xPos = xPos;
: Q2 R* [* _: Y" H8 b }
2 {0 z k5 f% ^% J- b% | if (yDir == "down") {
1 c! b4 C. N/ M% O3 u: ^* f yPos = yPos + BallSpeed;
+ K7 n3 B% k3 w4 e }& ?; E6 T$ P+ a# `1 G9 G! G
else if (yDir == "up") {' _) b2 O* _& X6 b, C
yPos = yPos - BallSpeed;
! o) m9 h M( g }% U1 M% V8 l8 ]( ?9 n
else {
1 c0 k+ I4 t" P3 _+ E# d& k, F3 ] yPos = yPos; N" S9 L7 D' N! _& ?
}
3 o) ]3 i& {5 T7 g0 H$ e) d2 ] }( d* \. N: c* a* d! e7 Y
8 `2 Q: D5 H9 ffunction hidetext(){
/ l0 j b! D5 p/ xif (document.all)
0 v5 B3 t2 V; v# zsupertext.style.visibility="hidden"4 S/ X7 q. Q n" O
else if (document.layers). i3 I* t0 p' O3 s" Y
document.supertext.visibility="hide"5 T+ @, c/ L k- \4 f2 W' f4 F
clearTimeout(animatetext)
# _, p I' ?$ l5 ?8 G}
0 _+ U2 D1 ^1 m4 z8 M( P* V- v! m, O8 O: n! |
if (document.all||document.layers){4 r% @. C4 b6 o! c
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' Z' l. E1 C" ~7 ]! f' ?$ T
window.onload = initializeBall;
. e9 H, w! M# S4 m# n Ewindow.onresize = new Function("window.location.reload()");
- W f& b: S& l2 N}, \+ W Y. q! d1 v5 h7 ] p
_9 P, B t* r8 @</script> |
|