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

|
网页之不断弹射的文字-特效
<style type="text/css">
% e9 o1 r) q/ r8 t#supertext {$ t) j1 }1 }+ K# |2 W3 k. w
position:absolute;! P7 P9 N2 r& W n$ D% a
left:0;
' b4 ?9 ~7 o' d! G Ptop:0;
V3 S7 t5 `/ P8 Y8 ovisibility:hide;: x9 `" I: |" L
visibility:hidden;% v/ x7 j& K- M
}. j' w3 A2 y0 [+ j; p. t% O
</style>. h4 m; T5 B4 l
<script language="JavaScript1.2">
i. {/ t" e6 n: Y$ l2 U<!-- 改变下的字体的大小。颜色-->
/ c' G3 ]* P- {var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" M# N, u. W# v% o" evar hidetimer='';8 w0 O; L7 K' i; f/ h9 T5 `
<!-- 改变下的弹跳速度-->
8 L0 `9 s; n1 E/ r0 Bvar BallSpeed = 20;+ n+ b# _0 h+ E+ Y( r# L
var contentWidth;
: t7 Y& [, n9 f& Avar contentHeight;$ h/ g2 N0 w' \
var maxBallSpeed = 50;9 ?% [6 B5 i$ J: r( {
' @- u6 Z! `* q( ]% A
& |2 @' S. q" Vvar xMax;0 n) P; B( S) |/ [6 b+ l! Y5 h3 t) X
var yMax;
- ~ M/ E% u. ^# w& W7 M4 fvar xPos = 0;1 h. U" Y# c+ L/ K5 Z
var yPos = 0;
; K4 Q" T4 [3 }- u5 @9 Evar xDir = 'right';3 ?" ~& V1 W# d2 t# O3 d
var yDir = 'down';# D! X9 }& x3 B6 l9 s9 j# {( R
var superballRunning = true;3 {: Y: s$ f0 S' F: X N
var tempBallSpeed;
; k" t' W u% z: [* \* r# yvar currentBallSrc;) W: b$ F! S* ^5 Y5 X
var newXDir;5 b- r5 R }6 ~' F% y
var newYDir;
& l3 }% F* T2 N4 c( r! Z. u. n5 G) l( m! n
function initializeBall() {5 @0 ^3 B, y% z) `6 t0 w" t0 B, t* H
if (document.all) {# t; j4 M5 R' T
xMax = document.body.clientWidth, Y4 Y6 O- d4 M' Q+ D4 _# j
yMax = document.body.clientHeight7 b" Y# H) o0 p/ S( q& N
document.all("supertext").style.visibility = "visible";
6 J9 p6 R, \7 u |% s* ]- l# h contentWidth=supertext.offsetWidth5 d8 H- _$ R# L2 L5 Z+ U ?
contentHeight=supertext.offsetHeight# E2 P, s' W6 h. @4 U
}
! Z. e( d7 q. a' U3 b# U! I+ h else if (document.layers) {
5 S! ]4 M9 \; |! u" h xMax = window.innerWidth;
- [. F/ s& A5 o! e" `) x yMax = window.innerHeight;
1 {, P( {- l/ j) ]1 T4 B% J. h contentWidth=document.supertext.document.width& l' q& C7 X! m$ F1 V7 s- ?0 F" I
contentHeight=document.supertext.document.height
6 Z7 M( V% {# z document.layers["supertext"].visibility = "show";
4 Y% \! T9 i! D. J+ O# n) G, `( g7 w }! b2 d# z; y6 F- l; E1 b. K6 p
setTimeout('moveBall()',400);
- X% ]8 O' U1 F" C# a if (hidetimer!='')
# P6 \' t; ~3 `( b setTimeout("hidetext()",hidetimer)
" J" h! Q0 S2 x& y; H7 A$ R }
' p3 F `% K J* j+ h" x( M' k9 R7 R5 \: _; O
function moveBall() {( X: \ U; C2 c' K3 X( B& j
if (superballRunning == true) {. i6 }1 ?; ], Q) V% P7 p
calculatePosition();3 ^( b( d C% u2 `7 d$ b
if (document.all) {
4 M1 \9 n( w5 v- ` document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 J( U0 Y& ~ p1 r8 `' o- o document.all("supertext").style.top = yPos + document.body.scrollTop;) q6 q# h8 V' I8 q( p& X) `$ T
}
$ h4 `3 N3 D' F9 V+ |( K. F else if (document.layers) { X9 _# Q7 r8 d
document.layers["supertext"].left = xPos + pageXOffset;) |6 C/ R) N* {: T; Z
document.layers["supertext"].top = yPos + pageYOffset;1 d# Y/ s, l4 U4 I
}$ S$ Z, V9 M/ V' d: Z; V4 f2 l
animatetext=setTimeout('moveBall()',20);
# L$ F9 j* V5 b! Y8 J5 f. x) A }- B6 q" g; a5 e! l0 P0 o: J8 b& C
}
3 x" T5 {) E! B) Q% u
9 `9 g- e5 s4 T) P9 Ifunction calculatePosition() {
! K N4 p4 N7 F+ [4 @! A if (xDir == "right") {
$ K1 q- x, A4 `7 i4 }. o if (xPos > (xMax - contentWidth - BallSpeed)) {
- E) n$ @) Z! w* U! @ xDir = "left";
K: w$ U2 `( Q5 [1 q+ f3 o, Y }0 ~% D7 r2 x, H8 P. k: i1 a
}$ \9 D' m' N0 x( T. c
else if (xDir == "left") {
! Q |4 H" V+ U if (xPos < (0 + BallSpeed)) {
, I" H' B- R! i* j xDir = "right";; `6 t$ T7 |' F4 r9 _) {! {( z
}
/ ]# e9 D5 T. ^0 \ }
$ c; W( C0 O! g* `1 F" C if (yDir == "down") { ~+ I; C) ]# @8 u6 i8 B' u
if (yPos > (yMax - contentHeight - BallSpeed)) {! Z1 m( u2 k m0 E6 p; C3 T3 Z0 Q. q& z
yDir = "up";
9 L0 z/ z$ |( ^$ W" Q }) g% G4 t+ d8 S/ w% g) v
}
- a* ~0 r/ I6 U7 q2 ?1 e9 D else if (yDir == "up") {0 b3 W, G$ O. [
if (yPos < (0 + BallSpeed)) {+ l) ~. ]) L, ^8 _* S
yDir = "down";
* y1 M8 z$ _6 p; j }3 o4 y8 t) I8 k% T+ F
}
* }' {0 W5 ]- ], q) I if (xDir == "right") {- o9 o# P. ?6 T3 ~# w
xPos = xPos + BallSpeed;
1 l1 J# ~( X& m5 X8 d5 M$ E( W) e6 B }: d" L* u: l: T8 \6 \+ t7 m% F
else if (xDir == "left") {% n% Y6 s! ]9 V8 C9 ~
xPos = xPos - BallSpeed;# X, ` N* T8 P
}
5 ]: w$ {& x& R+ p2 o$ t else {# ]* t& R# P0 t
xPos = xPos;$ ?& v2 q! E( J$ M) }; x8 U
}; u/ Y8 j9 G2 B
if (yDir == "down") {" y4 z$ n0 K3 {! r% N
yPos = yPos + BallSpeed;) y. A0 v; U) E n- B. ?( ?
}8 F5 N$ P# K- P/ P+ t" d( Z8 @
else if (yDir == "up") {, s: p+ `7 H" V# f0 Z
yPos = yPos - BallSpeed;
0 C+ M( q" z3 @: G4 y }6 P1 n. p. @" b) k8 F7 G+ b7 S
else {
: e& j. u; E+ ?% ?, r% r( x yPos = yPos; n* x1 w+ v p. H8 m" H
}! [7 U4 X/ Z* W3 C/ y0 i8 w
}
! E2 j$ |- P W- z0 {, Y6 W! C9 s4 Z' R( a5 ]
function hidetext(){5 F% I! c( V" p/ E& g
if (document.all)4 K6 Y. L9 v! ]* c8 K9 q2 ?& F. e
supertext.style.visibility="hidden"
% C# E" o% L2 x" @" Nelse if (document.layers)* P6 i! x! f# S, {' r
document.supertext.visibility="hide"
9 z: G8 b5 ~) F7 S8 n0 D( {) qclearTimeout(animatetext)
( @5 p4 i g6 S" v3 V6 @}& E4 I" h% k6 w5 R6 F
/ T. K- {! r+ Z) z
if (document.all||document.layers){
' i2 M2 e! ^. }" t% q$ edocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): I1 p9 D. P; o) u! r" o
window.onload = initializeBall;
: k0 `# H1 B" m2 J( L3 Dwindow.onresize = new Function("window.location.reload()");7 a+ V, E. a5 Z' Z: ^, L5 @
}; H8 D& A0 E+ s4 i9 a& Y) M% B
* k% y5 r" B( X5 W* V5 l</script> |
|