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

|
网页之不断弹射的文字-特效
<style type="text/css">6 S- Q( D- |4 {3 Y" N
#supertext {$ e9 v, B- W- P5 t8 F
position:absolute;
u1 E+ Q" \; D6 S) z( {8 Dleft:0;
* h% R* C$ H$ A; v8 B4 m& o& J5 ~top:0;) @( y3 s9 N5 N3 G2 X0 i
visibility:hide;+ e! G! D2 v# a/ M
visibility:hidden;
3 H( \. e2 q) o' l F* F! M}
4 q7 m# v a) d' n P</style>
" z: q% e" m# ~* g8 R6 R: e<script language="JavaScript1.2">
% g5 M% o! q5 n7 B; S1 D+ w<!-- 改变下的字体的大小。颜色-->3 n4 _ z6 v2 |
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': N6 \8 w; {% c$ i4 k) I! r$ u
var hidetimer='';
- |: L0 N6 @4 s( d1 x- d<!-- 改变下的弹跳速度-->, h1 |1 m) y" L- p* @4 }9 U
var BallSpeed = 20;; h, b& w+ W+ L! _, ^
var contentWidth;
- u9 J9 V0 U7 ^* N) B2 S1 Jvar contentHeight;& @+ X. M& _1 N6 m8 _3 L
var maxBallSpeed = 50;3 ]5 ]" Q0 {& Z0 V$ ]
5 ]- u3 @: i" C7 U
, F1 c: Q v( K5 ?9 t
var xMax;
0 `# b1 x: P! d8 n: xvar yMax;
0 y, M; J$ ^8 Rvar xPos = 0;1 k3 }4 d. y/ {0 D8 q
var yPos = 0;! j7 Y% Q: Q5 s: H0 l6 t! b
var xDir = 'right';
* d5 ~# O% ]* ]var yDir = 'down';
* n% j2 t1 s. ovar superballRunning = true;% f& J; X% C+ G
var tempBallSpeed;! {. s) Z9 l: P7 f" \
var currentBallSrc;7 g7 O: t6 Q- C
var newXDir;/ }# ]/ n) n2 k9 M/ v
var newYDir;
" l- T- C) t* ]( d" ]- |( p. X) M* i. p: @
function initializeBall() {
) ~; @! q7 U E- ~) M8 d6 B if (document.all) {
6 T* o* a( O! Z1 q) J! ?1 @$ m xMax = document.body.clientWidth3 \) H# A( O1 d$ P8 I0 V9 a
yMax = document.body.clientHeight
/ l. D; ^1 k9 @: }& Q document.all("supertext").style.visibility = "visible";3 N; C6 R1 o1 A* ^- V/ g( ~
contentWidth=supertext.offsetWidth2 x7 q5 y+ v/ }: h3 W
contentHeight=supertext.offsetHeight
1 K7 w/ {3 z* g! D. l( n }) \% R1 R( W9 C+ c% x
else if (document.layers) {; g4 J; O/ I5 N/ X- i
xMax = window.innerWidth;8 k+ R/ ` V7 C w( G5 N0 N# ~
yMax = window.innerHeight;
& [/ g, y% Q8 C contentWidth=document.supertext.document.width
& B. Z/ V8 ?; A }3 ? contentHeight=document.supertext.document.height
7 K9 G, H! X9 l+ Y7 k7 o# E document.layers["supertext"].visibility = "show";
* K$ G( C! i# g }
2 c1 R$ S7 s( Y0 c4 ]8 t9 I setTimeout('moveBall()',400);7 c$ k! a; R4 e9 P; R
if (hidetimer!='')8 |0 g: T9 G" q' \# T9 n9 T
setTimeout("hidetext()",hidetimer)
5 b! d( J8 t/ v9 T. E }
4 z% \3 \$ i1 r) C4 E) N& u
8 l1 E9 C: X( E9 b3 F- {& Vfunction moveBall() {
+ ^9 Z, _ ~3 F% I1 J if (superballRunning == true) {
2 A7 F! ^8 }- i4 }8 { a" N calculatePosition();
& O! U0 u" A( ?' K) ? if (document.all) {
2 Y% x% i$ F" n6 [% O3 S document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 p7 l' |/ x/ K2 r W document.all("supertext").style.top = yPos + document.body.scrollTop;
* L5 s6 s- s( M9 R% M4 [* L }" R# k) L8 c4 i9 Z! u
else if (document.layers) {
" ]' v! G: V$ N- k8 `/ @ document.layers["supertext"].left = xPos + pageXOffset;
$ t+ |& h( \, u# _ document.layers["supertext"].top = yPos + pageYOffset;
7 d5 C4 K9 Z7 Y* l% m: y }8 f' `8 |6 m0 I; W s! }( Z! |& O4 |
animatetext=setTimeout('moveBall()',20);
1 k: d" _) g0 Q- ~5 t }5 V1 l7 ^/ P8 b
}
- i0 N; {* p* J
2 E+ S% C3 @* zfunction calculatePosition() {
% V% l) U0 L0 p0 l% I if (xDir == "right") {
, D* e9 H$ ^" n" q" ` if (xPos > (xMax - contentWidth - BallSpeed)) {9 }( p* t# e: A5 M2 d% V
xDir = "left";
5 I B/ L* H$ j! d- `! K5 `# U }
2 r" k0 M8 z" Y) {% f" y9 ^ }# s) O4 P# \; [9 q7 J3 H: w0 _
else if (xDir == "left") {0 ] t, ~) ^; \
if (xPos < (0 + BallSpeed)) {* B: y/ n$ t1 {* U& v9 j' }
xDir = "right";
+ q1 ~! i: B4 [0 O$ G: k }' U% X4 F4 `7 Q9 l9 R; d5 J& H
}
8 C M/ k4 R' q* e9 x5 ~# G% u. H if (yDir == "down") {
% Q# A' l8 S0 W if (yPos > (yMax - contentHeight - BallSpeed)) {% |+ z0 h3 I. T- c- f
yDir = "up";
. O- ^3 }/ J! F7 ?- u: w }
& x9 q$ x `1 Q L1 A } ~7 O8 u0 u9 P3 S' I) S
else if (yDir == "up") {
) `4 V/ r% Y) M% Q if (yPos < (0 + BallSpeed)) { T* ?# F: l- S b( I4 d. j
yDir = "down";+ n* l w4 Y9 T
}) Q3 M' q6 r4 T1 y( B7 p9 K
}$ z2 ?* a( o/ Z& Q+ P
if (xDir == "right") {
& N+ A6 ]& p, o) P xPos = xPos + BallSpeed;# T" T) O, v3 p2 A9 N# D$ I
}
- W. I+ v X& F1 V% k, h else if (xDir == "left") {* \% [1 ~7 G P5 ]3 P
xPos = xPos - BallSpeed;
$ z. V1 v9 L- ~: R1 m' {- W9 R0 I }) d* P. @7 _0 m5 f" |, ^
else {9 a; E1 _! j3 S: d6 f
xPos = xPos;$ t5 h! M0 F; H. u1 P H3 ?' s$ T
}/ n; C" V& w/ ]4 K6 X& H
if (yDir == "down") {
J" J: x4 |4 n3 y, |6 N, F7 x yPos = yPos + BallSpeed;
( a1 z8 r0 ]. l# n }: F; H M3 _3 A1 ]% t4 N
else if (yDir == "up") {
R: Q% T: z( d1 l" y4 o8 p; G yPos = yPos - BallSpeed;! H; B/ B1 }% F9 |+ _) A' k3 _# |
}
7 t0 H& b' s3 x# \% o8 ^8 @2 ` else {
/ w; v# C# X2 T9 f yPos = yPos;
2 M- @3 P% ]4 J, q X/ B1 Z1 z }
5 w- |" [$ \4 U5 s5 N2 }. u6 o }
2 R W) A& U' q: x+ `8 O) |1 I1 \
8 W4 Z( M; s. Q3 T- d8 Ofunction hidetext(){: ^0 m1 |5 Y5 x& i2 O+ ^0 E8 P
if (document.all)
, h: h \ O# @supertext.style.visibility="hidden": ?3 F8 O6 ^( h. `- e$ F
else if (document.layers)
) V, b- c' \' P! i$ T+ vdocument.supertext.visibility="hide"
Y, B. {5 c! ~( b% b! eclearTimeout(animatetext)$ y# D/ v$ Y8 [$ X$ Z% Q
}& T5 h/ i! [/ x2 C7 C" V6 Y
, Q6 l/ [6 s1 W, ]) X( Gif (document.all||document.layers){ A- W s/ P( }1 p
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')% E' J6 z t, n! R9 P. \
window.onload = initializeBall;
# D. Q! y3 l5 Q( fwindow.onresize = new Function("window.location.reload()");
5 z: D% I; q1 v1 T* W}
4 S# Q5 j) F: [+ b7 S- o
, E0 ?. s" C4 Q1 n, ?</script> |
|