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

|
网页之不断弹射的文字-特效
<style type="text/css">
8 G+ ^) D( y* c& _) f#supertext {6 `' s) o2 o A; b( z# }8 W1 X
position:absolute;% `8 u) c2 K9 t7 Z, T6 H
left:0;6 z5 f# P! _& }
top:0;) f1 g N% C" g; v' [# K0 @
visibility:hide;
2 h2 f8 K0 ^7 g d; K( Gvisibility:hidden;2 w& N, f) O4 R! P. V
}
y6 Y0 e8 \% W& w</style>( N0 o+ _# P; V, {& U/ |& m G6 l
<script language="JavaScript1.2">8 Q8 e- J0 @# Q' Z) w3 v
<!-- 改变下的字体的大小。颜色-->- K! x; A, b7 I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 _8 _' \* o" p# J
var hidetimer='';
# t; m4 ?0 X6 \<!-- 改变下的弹跳速度-->
$ D. q- i0 ~: A" J! Q+ pvar BallSpeed = 20;# E& l ^8 C0 Q0 Y
var contentWidth;+ F& c4 Q, J2 x, w. a, j! g
var contentHeight;
) j9 o. @) x- ~& N& bvar maxBallSpeed = 50;1 k4 B/ P2 F9 U/ V& b% L2 \
, c- V1 f9 X; A7 m( J; V; T# g% g
" u- Z5 W; B, _8 h) n: x" N2 }) pvar xMax;1 b9 \- P- g8 C. C, w6 `( f9 _
var yMax;
1 H' o' K5 m4 Z) m4 Mvar xPos = 0;' o/ _7 D3 n2 r5 t% l: L" W1 e
var yPos = 0;, S8 x8 B/ ^$ g) {% u
var xDir = 'right';5 S Q% w5 Z& m9 Y# P, J
var yDir = 'down';
9 V$ U& _& z7 wvar superballRunning = true;3 j$ n2 S, v; a/ ~; ]
var tempBallSpeed;' c6 P/ M* n1 \, m' `% N/ {% f
var currentBallSrc;
1 J, S, E( B2 e1 D: H: B% Bvar newXDir;0 ]: w6 c! W$ d5 A0 [1 H
var newYDir;
; F9 ~$ V3 B) _4 R' l0 x0 q: X l7 A5 V
function initializeBall() {
+ j2 ~9 z+ O5 Z3 u5 h' y if (document.all) {
2 `8 T4 l# m- y! q xMax = document.body.clientWidth
, |# e; h o' p7 f: ~+ j yMax = document.body.clientHeight1 [& T; Y; k1 H) M% O: ` j. l! o
document.all("supertext").style.visibility = "visible";* m6 N, b& u2 l* m
contentWidth=supertext.offsetWidth7 d5 Q) f* p& |0 m/ g% p9 G* L7 V
contentHeight=supertext.offsetHeight
6 G2 i! v8 Z( l$ h' R5 q' Y }
5 m3 D C3 W6 n9 ]. C) R else if (document.layers) {/ n( T2 F# Y% t
xMax = window.innerWidth;
2 Y8 F: H3 I4 l2 \ D9 L3 A yMax = window.innerHeight;. J0 r8 s9 ?+ C
contentWidth=document.supertext.document.width
9 j1 @# z4 l6 b9 o contentHeight=document.supertext.document.height4 Z: f; ~1 e) m) ?! w, l# u: w7 R
document.layers["supertext"].visibility = "show";
3 w& ?6 Z- V4 Q: z }
9 v: h! l0 |* B* f setTimeout('moveBall()',400);
7 {2 {, `: A! D+ O/ F% ^ if (hidetimer!='')& b% Z' v7 k' h& X: j
setTimeout("hidetext()",hidetimer)' H: M O2 u q6 m& D& O) q
}& K6 _: c# c+ n+ k* g3 `
' s+ h/ u* S) Q, |/ ]4 Wfunction moveBall() {
- R' S7 I0 A1 r% v6 W if (superballRunning == true) {- P4 u- d! o5 R7 v6 v0 N& k, I
calculatePosition();; a4 u3 V! m0 }
if (document.all) {* Q/ z# p3 ]8 R# f) `
document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 X* i4 U) [0 _5 {. R$ } document.all("supertext").style.top = yPos + document.body.scrollTop; F) I, {' c1 j3 D w1 Z7 q4 p
}
0 s5 p+ a: E" a else if (document.layers) {. E) w0 W- Q% Q. H" _
document.layers["supertext"].left = xPos + pageXOffset;
+ b" H ^' f2 K3 n document.layers["supertext"].top = yPos + pageYOffset;
3 [ Z1 K" z3 ]+ M& U# C }
8 o; s0 n/ f8 J( A7 u* w! }6 m animatetext=setTimeout('moveBall()',20);
0 n5 `8 X, |+ g" _) T( B }+ |) @4 P5 N% t
}4 x# I7 R5 ? P# i
+ m0 V1 d. G) x6 l" E9 dfunction calculatePosition() {/ I; w7 x6 J2 b3 T
if (xDir == "right") {8 v5 D- E! L4 K& A6 Z$ b; `
if (xPos > (xMax - contentWidth - BallSpeed)) {
" m8 G5 c4 W& Z2 f xDir = "left";
3 |+ d7 t5 ]" G; I- V7 E. J }) o* S3 F$ ?9 Y3 m$ l3 l
}
- I9 K2 h) Q5 C else if (xDir == "left") {: s9 u# m5 r3 o! f
if (xPos < (0 + BallSpeed)) {
& |8 E, m/ Z: G' O5 C4 h' @ xDir = "right";
; q8 M! [6 x" X9 J5 b* t! V }
) o. Q# L+ }* s) ] }% M, a: ~3 b# {$ P% T" X8 _
if (yDir == "down") {; ^" S" b9 [- w+ Y
if (yPos > (yMax - contentHeight - BallSpeed)) {
3 w& i, e% i1 I1 y% l1 T% i$ e yDir = "up";1 H8 @" [- Q& v& n; A9 F' O
}
. d9 z- D i4 [7 [+ m }* e0 R/ \. [8 L3 B
else if (yDir == "up") {
) [/ b+ c" F3 P if (yPos < (0 + BallSpeed)) { K- K6 n- b: E
yDir = "down";
! ]: W; g7 s' C }0 o( _/ B0 M0 U; ^
}$ `$ j$ |. k' m: i3 W
if (xDir == "right") {
( h) q- w; ]" g" x; O+ n3 U xPos = xPos + BallSpeed;
& W- n' E3 o G& B( j3 V }
8 d7 b+ c2 G- A$ x, d) ^1 q, d else if (xDir == "left") {
0 h, @- f: _: R' `9 ]! t/ ^" j/ T xPos = xPos - BallSpeed;% b" X+ |: Q+ Q2 k
}
% b& Q% A6 b" f' y( N* s2 ` else {' W# l+ `& j: B9 g0 Q
xPos = xPos;
, D9 p# |+ d3 e4 ]. z, e$ B g }% \& X+ m/ o$ O8 m
if (yDir == "down") {
5 a* g: K: z5 T3 W yPos = yPos + BallSpeed;$ D- p7 L! p1 E* z$ c, h7 w4 J! W
}# |1 O8 ~2 H: L- C3 N% S4 V& V
else if (yDir == "up") {
% ?* f7 n! ~9 q* p8 {! {0 o yPos = yPos - BallSpeed;& N R1 v& p1 y
}* D0 Q5 E1 {2 \( A, m2 _8 \( e
else {/ U, d! E, L% l7 s7 I% a
yPos = yPos;
4 U! j r; \# L0 t0 x$ Y }
5 v7 D7 k8 j9 x: Z }
" ~5 C" {5 P0 {3 I- M5 g
Z j0 Y* Z0 Xfunction hidetext(){8 Z' ^5 l: F; y9 O. _- z
if (document.all)3 w! x- J* E0 V9 E8 q! R2 J' b s
supertext.style.visibility="hidden"$ s* d; R+ S2 o2 u/ b
else if (document.layers)2 x5 K% i4 s0 ?
document.supertext.visibility="hide"
, F+ L F& v: d" c, Q- gclearTimeout(animatetext)
R8 o$ o t3 @; Z6 u6 |+ I$ X}
+ y, k# n/ o" Q0 C3 x w8 d/ e2 T! e: V( [; V0 w
if (document.all||document.layers){. w. i1 X: H+ E5 r' q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')0 C: W, c& d1 _" `& J
window.onload = initializeBall;
- {! Q( w) H) Q) ~window.onresize = new Function("window.location.reload()");
5 b8 c/ { S7 |; ~9 u}
4 ?; s2 c. s' I+ P2 d: K% R% D2 U- F3 i$ s6 j& q
</script> |
|