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

|
网页之不断弹射的文字-特效
<style type="text/css">4 w& T! v. x7 g
#supertext {: ~ N0 |0 s# n4 f
position:absolute;! h a8 E" v. G _/ a; K1 }8 \& _8 R6 ~
left:0;, [7 D' p& F& t( T
top:0;3 H7 G; }) z/ n) F Z, l* w% J( n
visibility:hide;
! D& u+ T$ ]0 j& yvisibility:hidden;' x. R; E% Z* a" q0 S
}
/ M0 H( Q: O9 r7 ]+ {! C</style>' O4 Q2 V: X, j+ _
<script language="JavaScript1.2">. @3 `. N. _$ ?1 y6 H
<!-- 改变下的字体的大小。颜色-->- E, `+ K9 |5 P* F% N( G, Z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ O8 i1 p+ B1 q
var hidetimer='';: U f+ f. @ J% y6 Z8 L4 D
<!-- 改变下的弹跳速度-->$ d" Z4 H; Z# j' _. T
var BallSpeed = 20;
3 y& T1 y& r" N8 q/ @var contentWidth;
5 r8 {$ C( N) Z4 p9 fvar contentHeight;
# r9 ]- e. ]2 B, c: ?+ ovar maxBallSpeed = 50;. s* B2 K7 b( C) H
; A' a; R. z5 D7 J7 ]1 k0 W
% e5 S* i& y7 c% \
var xMax;3 b: Y& k+ z2 E
var yMax;
) b& @% b! Y. C, `var xPos = 0;
f3 Y4 P! i0 {( z/ p6 H mvar yPos = 0; Z# y. p9 v! h: q. \3 q
var xDir = 'right';4 G! L6 y+ N0 ]8 l
var yDir = 'down';
5 |# Y C7 V" Fvar superballRunning = true;( f: l* ?6 g; }( z
var tempBallSpeed; K1 ^+ ~+ [" m4 m( }2 V$ Z
var currentBallSrc;
/ @, D8 ^/ P1 x7 A, Bvar newXDir;6 N/ b, ]) n6 f: C
var newYDir;( O; B8 X) r% V7 g/ T3 @
: {" D# v: m# lfunction initializeBall() {
I7 d4 g8 Y5 s4 Z if (document.all) {
0 `( N0 ?7 M) n9 u xMax = document.body.clientWidth
W, h9 U4 {3 p* X( Y& N yMax = document.body.clientHeight
# u- Z8 d5 u( n* }5 n document.all("supertext").style.visibility = "visible";
$ P; o, j5 f+ [ contentWidth=supertext.offsetWidth1 i# Q$ _3 U0 C% A& ?2 v3 b) h
contentHeight=supertext.offsetHeight
5 q1 X5 X. ^' H5 J }" [) }1 ^+ f6 M) }3 S
else if (document.layers) {
& h% J! v: Z1 b" [; b% n xMax = window.innerWidth;! \* P, W6 ^/ N, `# s" U" V
yMax = window.innerHeight;$ e; q, }/ Z' p1 C4 [; x8 u
contentWidth=document.supertext.document.width0 k' p1 i' \1 ^2 e- u7 E
contentHeight=document.supertext.document.height
3 q5 J) D Q0 h# i! S( Y document.layers["supertext"].visibility = "show";
( q3 M; G4 r) [6 w4 T+ r1 v }
: }3 C1 z" d0 n2 {% @" ] setTimeout('moveBall()',400);
' p2 Z' f- j& N* {; k if (hidetimer!='')
8 U) | V4 u0 s setTimeout("hidetext()",hidetimer)$ K& o+ I6 u' N5 T0 }
}
8 K1 I5 E' g9 l: k. u2 P1 X; }
8 E+ C5 z$ E5 k; H9 V% cfunction moveBall() {% D4 B$ z. L. S1 Z4 W
if (superballRunning == true) {4 J8 M# |) \6 B
calculatePosition();
* p% Q4 K* r/ I- f5 |9 o if (document.all) {
- ^- g) q+ g( x/ Q document.all("supertext").style.left = xPos + document.body.scrollLeft;
! O0 [% z- M x6 }' q( i* S document.all("supertext").style.top = yPos + document.body.scrollTop;
N) b5 Y7 h" z }' G+ O# w9 G; T" a
else if (document.layers) {
: G" ^' n4 G' L* r0 p/ S: D/ ^ document.layers["supertext"].left = xPos + pageXOffset;
- ~9 R" v6 i" y7 s& {% F9 S document.layers["supertext"].top = yPos + pageYOffset;
3 k, F r$ f; h/ _$ K) | }
% ^, o( n% ]' s/ a5 G3 X animatetext=setTimeout('moveBall()',20);& E/ q" s. N6 n; K5 `
}
, [" r) d3 z* E# V3 [" }8 Z0 r$ { }
; N* D1 x- @( X& H8 C1 I0 r
& ~! q8 F3 [ [& L) ^( ^; S; Rfunction calculatePosition() {8 b6 @ ~ u. \" U
if (xDir == "right") {9 A- B* {1 g4 |0 @: i
if (xPos > (xMax - contentWidth - BallSpeed)) {& g* Y. p; H2 o2 \
xDir = "left";
2 x/ K: ` _+ r6 K+ f2 j; p }) i z2 V- R0 p/ l m/ ?1 M$ O, m
}
- j6 Y5 K& M4 X# b- L1 G. l% \ else if (xDir == "left") {
8 _/ Z5 X( j1 Z8 z/ c5 j& y" A if (xPos < (0 + BallSpeed)) {+ K% }. ?7 a7 w+ g4 [* b
xDir = "right";: d- d/ _% c3 a7 ?! |
}
& q/ j2 Z- `; d" g- q* h }5 k3 s3 |& }# [/ `' h2 x. P" ^
if (yDir == "down") {3 O/ y& h0 u3 g1 O0 E. ]3 l# @+ i
if (yPos > (yMax - contentHeight - BallSpeed)) {
4 A8 d" l' j/ Z5 e7 D; b yDir = "up";
' b& y8 |3 x8 A- g2 k6 ? }% l8 \$ J3 f/ m# t+ W/ k. S
}
9 B7 F6 h+ { x9 K0 n" ]* f1 ~ else if (yDir == "up") {* @4 \$ ]3 c; k- @1 B/ J: i
if (yPos < (0 + BallSpeed)) { H& d/ b; k. w% c, }5 b
yDir = "down";
$ J2 d, l( D! U+ D; K }
7 k( ~# X2 V1 ] }% J* T' g8 U" X
if (xDir == "right") {! L) [% Y; Z$ J0 |3 u
xPos = xPos + BallSpeed;
8 J/ B7 N4 X1 \5 k S, ^8 Z" p5 K }
( U. K0 g, O8 Z+ Q3 O" l, ?: g else if (xDir == "left") {
2 Q5 p2 m) T5 z+ x( N/ q) A/ o xPos = xPos - BallSpeed;# R; @" c; E7 u
}
5 {, P/ D, x! T: E# @ else {
$ j( t/ A+ @1 A+ [/ Q xPos = xPos;
" L0 [. \$ X& W }( A2 ?8 d& B( z; J
if (yDir == "down") {$ p4 S6 s/ R( _5 D& b* q) \2 }
yPos = yPos + BallSpeed;/ S/ a1 @" J0 l1 a8 a: R( `
}
0 J) r/ _. T- Y* F% k$ T else if (yDir == "up") {3 J% t5 ?' _: W% A, P! L7 L
yPos = yPos - BallSpeed;- h: R# t% ]: c1 L4 [$ u+ f# C9 j
}
5 \9 A% C: {' ]/ g* p5 f else {% j9 [3 e2 A" @6 C9 t' D" E( q8 K
yPos = yPos;2 c. g m6 f+ H b: X
}% [$ ]6 l# k* ^3 \, T c/ q% ~: T1 c
}4 E* k6 F" B; T* }) u$ {8 k
4 U- x. Q3 L0 ^% O, W7 E/ E# Z
function hidetext(){
0 k* j( k! f9 zif (document.all)
$ k+ c- {9 M9 r9 k; Asupertext.style.visibility="hidden"" c. G* b6 H# h, ]
else if (document.layers)
7 y' d5 Y1 g0 S- v6 B' o* t0 r Fdocument.supertext.visibility="hide"/ C9 g9 f u2 u+ p- i
clearTimeout(animatetext)/ _- a' |. X; G& m+ Q: u& [
}
- D9 f0 _; D5 m5 g% P. d9 w% N- g6 {6 f) p
if (document.all||document.layers){& B6 [! l# ]3 o# g
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( r0 y9 x$ h9 Kwindow.onload = initializeBall;! Q/ N7 M# m8 S; W5 x
window.onresize = new Function("window.location.reload()");' f. R; { |: G% g" @( c( r4 N
}5 E, G' w8 @6 Q0 K; H
8 n- X. s, @ i2 ~7 E' C
</script> |
|