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

|
网页之不断弹射的文字-特效
<style type="text/css">0 r7 D/ R5 j0 |% n4 [- `) d
#supertext {
! f* n" b$ |- Q% Q7 T# @position:absolute;
! X6 d3 }/ J1 Q/ j; k; P4 ]left:0;
1 z, I. o9 e4 i( itop:0;
& o x S3 R2 w3 n& Cvisibility:hide;
! C$ S. {5 e' q( n- |visibility:hidden;3 G. k7 v. v( u# K$ |
}
! m- _$ e3 l: \/ [# O</style>
6 D8 h, ]- }- Z0 d5 \<script language="JavaScript1.2">& v8 |9 `/ f9 k F
<!-- 改变下的字体的大小。颜色--># M0 L- a3 K5 H* J
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 W3 D! Y" y0 n; Xvar hidetimer='';
& p5 Y" m& k; ]<!-- 改变下的弹跳速度-->
; d/ O+ `8 z0 w' s7 \* [8 e: G( B gvar BallSpeed = 20;2 ~( L' a% G2 {# ^8 F) E. s
var contentWidth;/ ~& d4 [1 t) B" d
var contentHeight;# T- s j) d; n0 w: l; ?7 _! K
var maxBallSpeed = 50;- l6 {1 p; W: y7 k7 q7 b: V
/ ~3 }6 @/ D: J6 {- Y3 c
. K; u, m8 X; d2 U6 j2 H4 R
var xMax;
9 H7 d9 r! G, ]# |6 F, W* g. R1 V$ gvar yMax;
3 c! l) d2 E6 A( X( `var xPos = 0; e8 u/ Z: z1 E" O
var yPos = 0;
2 k/ p0 {) s% [ Y( c8 g! S6 U9 T3 |var xDir = 'right';$ \( y) @/ }8 A
var yDir = 'down';
, [! F3 P7 j% l% G3 V, U' Hvar superballRunning = true; }0 Y/ M& T* X; y# r3 i( ?# t
var tempBallSpeed;' T" F+ `, u c8 N& d- v
var currentBallSrc;+ r/ C7 @3 k3 ^1 o7 A; n/ S$ s
var newXDir;
6 \/ t& ?' b" t' s- ]var newYDir;
h) p# s8 l% C, e) Z& e K9 p
% n( @% Q' H3 }! g8 ffunction initializeBall() {& ~8 X+ \* _8 H" Z; P* i
if (document.all) {) _) x- }/ ^4 M8 s9 O* r& Q
xMax = document.body.clientWidth" W( D5 g: X& x
yMax = document.body.clientHeight% J4 Y, V5 g! ]/ S, \5 u
document.all("supertext").style.visibility = "visible";
* y* ?, ]1 a8 k( T9 N% h0 s ~ D contentWidth=supertext.offsetWidth
, s6 x6 U. q5 o9 ]5 J, E! r0 Y, V contentHeight=supertext.offsetHeight9 v4 z& d+ C$ {; O# ~ T' ~$ W8 e3 X
}5 z6 t L# k, w7 r
else if (document.layers) {
! @- w* y6 [' R: g xMax = window.innerWidth;0 V) p4 _4 t* b
yMax = window.innerHeight;- c0 n+ G0 N, h+ J% j
contentWidth=document.supertext.document.width( q4 G: t8 y6 Y7 w _: ~- ~
contentHeight=document.supertext.document.height
5 @: f8 X }2 _; g3 m/ Y3 r document.layers["supertext"].visibility = "show";
# x7 L' Z+ R" U5 X }
- b9 ?3 ?8 f3 j0 b( c8 k setTimeout('moveBall()',400);
5 y. E N5 f' _ if (hidetimer!='')
4 l3 Y6 s! S' {3 _. D6 J. c setTimeout("hidetext()",hidetimer)
3 z8 }# v- z6 a- `- C, D }! Y; m6 W+ ^" p5 @; m
. K: C8 O+ U2 k& ?8 q1 @/ p: E
function moveBall() {
. f! ~2 u' |# i$ z/ @: ~6 | if (superballRunning == true) {
/ |# }" m# |: x+ f5 q calculatePosition();7 \. @9 d, R V4 l4 U
if (document.all) {
+ c- n6 n* m" h% Q" B3 c# }; A; D document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 t& h; p1 | E) j! ~7 v0 N: o document.all("supertext").style.top = yPos + document.body.scrollTop;
( k, L# l" F1 o8 ~( T& }! _( h }1 q4 O2 t* m7 u U0 o; c5 u, E
else if (document.layers) {
& _& W: S) Q% N9 p: U' s document.layers["supertext"].left = xPos + pageXOffset;. F* a2 d; X' }1 h' c
document.layers["supertext"].top = yPos + pageYOffset;
$ c. f0 @* W6 T# g' x }
8 x* ?# P. ?" U! C2 ` animatetext=setTimeout('moveBall()',20);
7 z1 w3 ?4 G, I/ h0 | }
. `- @2 ?4 ]# G/ y$ W" p+ ~: D }
$ `2 v$ D: f% j$ [3 T$ r6 o7 V) }
5 V5 \# ]/ O! ]) jfunction calculatePosition() {' h+ u. ^) i% [! }* u6 r' e
if (xDir == "right") {0 y- f/ w+ y% E( H4 Y. M+ K. p
if (xPos > (xMax - contentWidth - BallSpeed)) {% O8 t, x# V, {$ V
xDir = "left";' z& ]% J; \4 {
}' M7 a8 m' ^% D( a. @* f8 X- ]
}
2 q8 j' O2 H8 q$ O else if (xDir == "left") {0 a0 p( H/ @/ w" ^( d) J0 ^' B
if (xPos < (0 + BallSpeed)) {: c0 ?. Z! b* k$ n7 A
xDir = "right";
: C1 x6 y, ~& Y }) l! ~2 Q* P! z( _. @9 o
}2 f4 y7 X. b3 S7 W! r) _* X# J
if (yDir == "down") {: ~$ K) L, X- C# p% Y
if (yPos > (yMax - contentHeight - BallSpeed)) {, d4 U ^* O- y2 t: [% x" R, G# N2 f
yDir = "up";
0 @6 ^) v0 a, B; K; H }
2 j# I5 q7 K+ Q8 V3 Y! V0 X r }
2 K' V8 H9 W6 | d' D6 I1 B; N1 H else if (yDir == "up") {
8 j/ t7 x* y% q+ E, s4 `& i if (yPos < (0 + BallSpeed)) {2 k" F" Z8 c6 m( y
yDir = "down";
9 p5 f u, h/ h/ C0 x; j& T }8 u6 \* K, P2 ]+ U' c, |) v
}1 I* N% C9 s5 E, O2 r5 f$ g. L# H
if (xDir == "right") {: g- s, D/ u2 \) J+ h0 c8 \$ ?
xPos = xPos + BallSpeed;' k6 F9 R; I' Y& W' ?
}
l0 I% ^2 [* [. j0 n' M5 s else if (xDir == "left") {/ S/ L& w# x/ D5 u0 m1 b! @( I, P
xPos = xPos - BallSpeed;
' K+ t' l' _$ x3 K" B. b7 C! n }3 D2 t/ K% p: e9 _9 x+ g0 O
else {- i. F" _( R7 U& U3 r8 l1 D
xPos = xPos;1 A& r |* N* L
}
- U t* I+ M( G% V* L9 v if (yDir == "down") {
' V8 I/ f ? ~0 O yPos = yPos + BallSpeed; H1 ^ c6 K$ O
}
) U: u0 n! E, h7 d" O& A else if (yDir == "up") {9 a& l2 q$ t" u" }2 M3 q
yPos = yPos - BallSpeed;7 S' s' L* R5 v1 A/ _
}
* `: W8 @" v1 D C, I8 ]& K" j else {" Q, l1 B$ [3 x3 b/ a
yPos = yPos;
# b' E3 _. I- I' x5 A- k4 z, t }, B; t; U5 P$ ]3 l+ r
}. Q: `# }/ c: O( W. L o5 j
0 d; T1 L O/ Q& _
function hidetext(){+ ?# \0 ^* [6 r3 E2 x
if (document.all)
+ T7 P" S- O8 |. csupertext.style.visibility="hidden"
) ~1 ~' y M& Ielse if (document.layers)3 \* u" V# }/ S2 g9 w
document.supertext.visibility="hide". a) ^5 q- n4 N* b7 k% Z
clearTimeout(animatetext)
" W8 h6 o' t9 l) o2 g- G4 {% b}! u8 X+ c; p; k+ y$ L
7 Q- n8 G4 [: g9 ]8 s5 O! W3 bif (document.all||document.layers){
u/ V/ e" s0 x5 odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' y) z1 d; k* t) qwindow.onload = initializeBall;0 l6 d/ f# R; H: h4 G9 N' e. w- @
window.onresize = new Function("window.location.reload()");% R1 e, a7 D4 ]4 E
}
& J0 P6 c5 B. |$ N- b& Q6 w7 `7 b q$ i0 o8 w
</script> |
|