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

|
网页之不断弹射的文字-特效
<style type="text/css"># e1 m9 F) M0 t) ?9 s4 X
#supertext {, }4 p+ |' r5 r
position:absolute;
/ s$ o. t% L2 E. C! w$ Nleft:0;
6 O D. b$ S6 wtop:0;
' Q2 h. I# T' v% d( wvisibility:hide;
# X; j2 N- S9 I. q& `- tvisibility:hidden;
B7 }0 A1 O4 g4 u) v+ H$ n}7 K& t4 P3 [# m- k$ E0 H
</style>
# \4 l' w8 v7 o+ l<script language="JavaScript1.2">
! |* J+ r4 R* R2 }' H, h<!-- 改变下的字体的大小。颜色-->4 `# \) I N- N. F R
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 B- U F' k2 }# N+ Q
var hidetimer='';
0 V! R5 J5 x. D/ x& f8 B2 Q<!-- 改变下的弹跳速度-->
) R2 ~% k4 A/ ^: e: Q3 bvar BallSpeed = 20;
5 e) [+ {- z3 c) w% N7 P5 ?6 xvar contentWidth;
: u1 f7 [1 Z) ]9 p/ Ovar contentHeight;( k3 h% z: f4 r" S, r
var maxBallSpeed = 50;
, x% w1 }9 o3 {- r7 [: d6 D) F$ O2 {' d8 M- ~" u, r2 Q
; C9 m, }6 |. |( e: T: H* mvar xMax;5 G! ~( z, r: y! N& _* ^
var yMax;
* }5 k) V* U E- ?4 [2 c0 U+ U5 i" zvar xPos = 0;9 _! j) C# H& G0 e @4 A
var yPos = 0;' x9 T: x# {: l2 i
var xDir = 'right';
2 ~/ X% I, {& ~$ k3 J; T5 [, C' m* q) l# tvar yDir = 'down';
$ z. j) p2 D% _0 ~6 `* {var superballRunning = true;
3 j8 ]( {7 I! N" a2 S- mvar tempBallSpeed;
% L: m( {+ ^. }, m" ~ yvar currentBallSrc;8 H2 N9 h% N! d' z R
var newXDir;
( t: G8 _1 Y/ N' u6 Z2 Bvar newYDir;% o2 w: \( w7 L1 ?. L6 v2 ~; l
. e5 g5 e) y: ^8 Q, Mfunction initializeBall() {$ q: |+ B5 `, G4 T+ w; |1 r
if (document.all) {/ G- P* X! n+ R
xMax = document.body.clientWidth
1 u4 P; r7 Q, E' E yMax = document.body.clientHeight z( Z) c @$ R1 p1 K% S
document.all("supertext").style.visibility = "visible";/ b% k9 F* y4 h& e* i* H+ n
contentWidth=supertext.offsetWidth
! r9 k/ N1 ]/ P1 }- y( A; s5 f( y d contentHeight=supertext.offsetHeight. J' E* q2 }: _
}" r8 L: c& n. z6 a
else if (document.layers) {- B2 z- B8 o: r: d; D
xMax = window.innerWidth;: e' I! R `, O f' h) [& H4 |
yMax = window.innerHeight;
" V5 }* ?3 w# t- {3 f0 m+ d0 v contentWidth=document.supertext.document.width: c( Q8 E9 d* R
contentHeight=document.supertext.document.height
5 ?3 [5 ~+ F( r; S& k% \: {& I$ a document.layers["supertext"].visibility = "show";$ `: A% D+ X3 Y& A1 Z, V! e
}+ ?5 j/ [. P' v( {4 F/ u; i
setTimeout('moveBall()',400);
" ]& [ P. _& a C if (hidetimer!='')
8 U" U6 K+ J4 M. _& I& J* C0 I* d setTimeout("hidetext()",hidetimer)
4 }1 ~' b2 W( N, d$ d6 x( V }
7 `9 x9 S# A D" g! a5 `
+ m, i+ u0 N+ [function moveBall() {( M c4 J7 O1 C* o6 [& g
if (superballRunning == true) {
9 {( W) y5 b' |+ j calculatePosition();8 W9 d% @) a1 A# }
if (document.all) {
0 X* t) T5 t, ~9 s8 t$ R7 m document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 B4 B% h9 ]3 C1 r; K; d document.all("supertext").style.top = yPos + document.body.scrollTop;
1 k- o1 z ^+ O5 l9 y$ Q/ D }
" l$ T, t3 t% {! B else if (document.layers) {
8 B* i+ x! U7 m2 d7 |4 D document.layers["supertext"].left = xPos + pageXOffset;
7 R& A/ f6 v$ Q; [ ] document.layers["supertext"].top = yPos + pageYOffset;# E+ O( v/ ?) ~+ I ?* _% F
}
$ x& f9 t. b9 e9 w: q; M# X0 N* e animatetext=setTimeout('moveBall()',20);
8 H7 X% G# c" J5 ~3 d# a. k2 ` w }
5 s1 H5 d% } Q- c- T0 C. n! U5 N }4 `( v8 r5 g" g/ K* _' S! C
- U0 B. @9 e+ D! D5 ?function calculatePosition() {
" n! L4 G+ o: y; `$ O9 `6 J; U& O if (xDir == "right") {
6 V+ ?+ [: R8 `7 H" r% { if (xPos > (xMax - contentWidth - BallSpeed)) {7 g$ T& V' x- f% S5 Y
xDir = "left";
+ ~& K2 I9 [6 @" \8 x }0 O; g7 Z9 f s3 i: ]5 q
}
( S! q9 [. M4 Z# o, I ?% ? else if (xDir == "left") {: Z0 U8 F, j: _
if (xPos < (0 + BallSpeed)) {: |/ s& Q' u& r* @. ]% r3 m
xDir = "right";
9 Z; x( F8 ?* l }5 N: B- n. z! S: l& b3 a$ Z; w
}1 j- R5 {8 b% c! ~" D6 G: s
if (yDir == "down") {
" b/ {2 l; y/ k$ g7 U# A- K if (yPos > (yMax - contentHeight - BallSpeed)) {
, p9 d- H8 l9 O yDir = "up";+ m, @; f9 G l9 S. R Q
}
4 H* e% E q: V5 j: M; ?0 [% J }: K! j3 l+ J$ C& q1 Z5 C
else if (yDir == "up") {
$ u7 Z5 y1 e% {/ c7 ] if (yPos < (0 + BallSpeed)) {. W& `4 T- k e* r# t- g0 I6 k
yDir = "down";
# m) E+ l- w! M# M7 u }
0 _. k( J+ z) G6 y! {$ B1 C1 I }
7 S8 ]; e: S8 Y* m; t' z8 D if (xDir == "right") {
3 M A/ ?* `" A! ] m2 W xPos = xPos + BallSpeed;
2 I+ ^: n% |0 v. c3 S( P' E }
# Q8 i1 |; D7 t& \6 e5 C% F else if (xDir == "left") {
7 K+ N9 \) [$ e& H# _: [# b( y xPos = xPos - BallSpeed;/ i4 U9 J( e% \! c0 d( G
} @ h, k8 r1 n- S
else {4 r' \' O. B% }( G
xPos = xPos;" @7 e3 {% r% N$ S* m$ u
}
9 q6 j9 T! T r3 h% w1 h) j if (yDir == "down") {
' V* P- z6 F2 `4 i( f2 p yPos = yPos + BallSpeed;
# z/ ]9 L" L9 W- T }
! l& Z" ?" F1 x) y g else if (yDir == "up") {2 f9 C1 N3 G% i; u
yPos = yPos - BallSpeed;: s6 M1 Q9 @( e
}& M' @3 N( @( ?' p/ t" m
else {5 E5 r% T4 g' R
yPos = yPos;
- m0 O. ]- `9 `, i9 J }( j0 \0 x6 v/ m J- e+ \ B: b4 z
}9 S6 T% e$ ~9 n" _1 p# R {/ P
9 @: ~! B+ Y0 ?7 k. r0 _& O& ?; v
function hidetext(){. Q7 x! E+ D S( K/ H1 e
if (document.all)
0 \5 I( D4 F7 Hsupertext.style.visibility="hidden"2 `1 s& _$ m- E. {# Y8 e
else if (document.layers)3 m8 \9 s/ ]6 j: Z/ K6 O
document.supertext.visibility="hide"
5 s. j' [* \# X; HclearTimeout(animatetext)
2 w1 O5 @/ K2 o' d# | F! q; c" v( C% R}
, }; k3 W% D2 b' j9 i( a/ X# I: N7 Z" K# v7 I
if (document.all||document.layers){" S5 q4 n2 J0 u F7 H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 `8 o0 W4 W5 Z& u, I- L0 uwindow.onload = initializeBall;, V' P' v; h7 L$ p
window.onresize = new Function("window.location.reload()");
( N+ v/ G6 R0 T! ~}
Z! p2 O7 I& Y+ `
5 [/ I8 C, u1 F0 D6 z" L+ e% T</script> |
|