|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">1 @. T- q) y# x. Q9 }, z' b# t/ R; G% g
#supertext {3 H7 d* e1 p% o8 N' r' S
position:absolute;+ K5 h. B8 ]0 c) @5 j5 S
left:0;0 \, [* G3 _" g4 Y! v2 p2 a% o4 c' M- O
top:0;, O. l* H* ^2 Z6 W
visibility:hide;1 T5 Y+ F2 A8 O W5 J: |# Z6 Q
visibility:hidden;
3 M+ p- v& j" a# W( Y}
( ^+ O) X3 E% Y' |( `</style>
( M' U% e7 G, J0 @4 P3 Y<script language="JavaScript1.2">3 v2 _" z3 j' B; M9 M1 P/ J' K
<!-- 改变下的字体的大小。颜色-->
$ u3 h2 p6 Q/ f: ]2 {7 k3 Ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': O% w! M' |$ k, o& k
var hidetimer='';
) [0 A1 i8 ~$ F" @<!-- 改变下的弹跳速度-->+ f0 V; o0 m! r9 ?3 D5 K
var BallSpeed = 20;" h3 @8 k" V( c8 j
var contentWidth;
: ]9 q, V8 s9 e. W3 uvar contentHeight;
$ y8 R* a! ~5 u1 c: L8 ivar maxBallSpeed = 50;, @# I$ j+ _; t3 ?* E
% L S3 Z2 S: n1 A8 F3 M: a1 O6 p$ W. U, Y8 J9 d
var xMax;
4 I ~' W; m& b7 _/ b) ?var yMax;1 j7 V& ]" Q& k2 A9 ?/ c
var xPos = 0;, R/ l5 F. ]6 Q( w. I- Q
var yPos = 0;# A; }& v) z$ b/ |' }; q
var xDir = 'right';
1 i4 n1 \/ i ?) k, b, g7 q( wvar yDir = 'down';
& l* A/ C' j" j# e) X/ C- kvar superballRunning = true;6 ~* o0 t" l# A
var tempBallSpeed;
$ [) K; P7 {. D: H8 Dvar currentBallSrc;
* Q5 z r+ ]0 U9 l1 J0 ~9 Cvar newXDir;
! p; ?- x3 t, _' H5 z% ?var newYDir;% |/ Q4 P) F9 [6 B0 S E
9 \, n' X# ]2 g" g8 N, Dfunction initializeBall() {1 d$ `& P$ b; H
if (document.all) {9 }% N$ x. L+ L* J ?+ w2 T8 G
xMax = document.body.clientWidth7 X" u$ l/ ]: l$ z1 C
yMax = document.body.clientHeight
6 v* A2 a0 f; s0 K9 c6 z& X( m* K document.all("supertext").style.visibility = "visible";
5 q7 T( C: b$ j+ d. o3 O contentWidth=supertext.offsetWidth
! E! Q+ H. ~4 ~% `5 { contentHeight=supertext.offsetHeight
* D- `5 p! M. z, t. |$ R; u+ | }8 z N/ t( x$ O( r( [% r
else if (document.layers) {
0 N) o. t, Y2 v6 j1 M7 e- V% j. z2 l xMax = window.innerWidth;4 ]# m1 k n) \! H0 O* @; B5 f
yMax = window.innerHeight;" z, P" A3 u& u" F: C0 w
contentWidth=document.supertext.document.width2 ^. V5 c1 _* v! u ~- I# S
contentHeight=document.supertext.document.height
2 {6 N) a; x, n; i* `+ Z" [8 ?9 q document.layers["supertext"].visibility = "show";
7 K. E" n; C7 s$ A: F5 V }
' f4 A7 Y6 A. K0 I+ p! P setTimeout('moveBall()',400);
( m& v( ^) X, w/ |' [1 K! w$ T$ ? if (hidetimer!='')* s `5 S& ]) w9 g4 t, ?% A
setTimeout("hidetext()",hidetimer)
) ]6 E! d) Y0 g w }: N7 S1 U% \( F9 |8 J A( w
9 N9 P' Y/ o& L) {/ q3 @function moveBall() {1 p" q+ X4 b# @; v9 M& L
if (superballRunning == true) {, \/ F5 X* s5 N4 W+ B; S; r" u! Z
calculatePosition();" a+ [9 c, J c0 A* m- O8 U
if (document.all) {
+ C+ h# G) ~- d: e+ Z( w document.all("supertext").style.left = xPos + document.body.scrollLeft;8 M" K- |) L+ r1 I/ o; {6 `' @( r
document.all("supertext").style.top = yPos + document.body.scrollTop;: M& C9 s. O8 E& L
}" A) l: i1 b* T2 h2 I
else if (document.layers) {/ Z5 {; ^# J& C8 `
document.layers["supertext"].left = xPos + pageXOffset;- i0 d1 c$ _$ b
document.layers["supertext"].top = yPos + pageYOffset;
$ Y4 Q3 Q, p! X/ d2 S* Z3 T9 ^0 p }
3 [6 z+ q' Q4 B8 p animatetext=setTimeout('moveBall()',20);
2 R* K' @' m( k }
& m0 [1 {; e. A0 Y2 w' w4 D. O }
* D* k! S% l8 b. q8 s
$ L' U2 _2 l8 T }& k) t! ?function calculatePosition() {" P7 `2 E' [8 Y( u3 X' |, t
if (xDir == "right") {
0 e! E, u3 d Y* f) K if (xPos > (xMax - contentWidth - BallSpeed)) {, D" X( f' B3 u3 b
xDir = "left"; f5 _" T/ b$ [6 a" S$ J
}
1 x; `0 d. I0 T( z# z }) m7 G& t0 _# H: t
else if (xDir == "left") {' y5 n) m6 X E2 t* @* V) f
if (xPos < (0 + BallSpeed)) {
+ x- l! ]% ?( H: F" @5 L' ^! }# H0 N xDir = "right";( R: Z5 A" C) X' _9 A$ z" g$ x5 o
}
3 U) \' R. j/ q9 d- c5 ~" c4 N/ o% g7 n }( |0 l7 u( ?* F0 C& n! M
if (yDir == "down") {
L+ G, ~2 }; n' R! F$ Q. J if (yPos > (yMax - contentHeight - BallSpeed)) {
: n0 n+ y- \+ j7 s$ j, Y0 w" p yDir = "up";( I2 E$ i1 I5 x( P1 b. ~
}$ \* i* {% F* Y) V
}, H- e; v0 ?4 ] g7 B
else if (yDir == "up") {9 K% Y. X j: B
if (yPos < (0 + BallSpeed)) {
' X6 ~! ^( _% [- |. K9 q yDir = "down";; P B) [+ p9 l8 n% `& ~: I
}( F) K0 ?( F9 r
} B9 D, }. F) ~6 O
if (xDir == "right") {
4 N7 N+ [3 a% R. q9 S xPos = xPos + BallSpeed;/ ^- P/ v0 \; A9 {* g7 U: Y
}
1 D9 r) y3 [; ?5 D$ q4 N8 o else if (xDir == "left") {8 s7 M( A$ L5 K" u ^
xPos = xPos - BallSpeed;* q6 G0 k1 v# K8 q+ L( S7 V5 X
}
" _% \7 A7 z+ Q% V( _2 P: _5 Y else {3 [5 Q+ w% b; b9 `0 K
xPos = xPos;
! y% k6 @, W0 i" x5 `6 w& F9 u }
. _/ r$ Z5 b7 M/ @ if (yDir == "down") {
- B. T- p& d+ m2 c0 I yPos = yPos + BallSpeed;
% e6 g% j. X$ B/ A" g1 F' i }
! M- ]1 x: E4 ?: O# V. ] else if (yDir == "up") {+ j% d4 \( _0 y& Z4 G! ?
yPos = yPos - BallSpeed;
8 U. J0 N; Q& v+ i }
' {& |. R7 A" S0 t5 ] else {
9 y( p2 C, s, {+ p, b yPos = yPos;/ j+ `, h9 W5 _& Z' P( ^
}
0 _( u8 L" O7 r3 w. @ }/ I& E3 m b) ^+ @( w! ^
# v& q; |- ] x Y ]9 s
function hidetext(){3 S! t. |( `3 j4 ]4 r8 p: b9 \: v
if (document.all); r! e$ T! x: y7 Y& L. K& f
supertext.style.visibility="hidden"
# v5 N1 L: q" E3 d! {4 Relse if (document.layers)
1 S; ?" d# Y0 ~; a0 Z% q- u$ jdocument.supertext.visibility="hide"4 G# v: G* X. Z: S& W, ?2 L8 K
clearTimeout(animatetext)
5 g6 d% Q3 E3 O3 a% `# v5 Z% k}
/ v+ m7 k: P: ^7 `7 F+ L. d( E4 z3 b& J% @- e. c. _" a
if (document.all||document.layers){
- G+ L! h9 [9 {' @, sdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 u+ l; T. W+ {& [window.onload = initializeBall;
- C' c- C# m: Z3 ~6 H8 `! A$ fwindow.onresize = new Function("window.location.reload()");
/ n% \$ _, @" u1 A5 k0 Q}! U/ d+ Z9 V( W
/ c2 K" @/ j( S' A' h/ [
</script> |
|
发表于 2008-1-21 20:55
|