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

|
网页之不断弹射的文字-特效
<style type="text/css">
3 O# l- }9 ]1 C#supertext {
c n; I+ X8 c) g/ _4 sposition:absolute;0 w1 F# K% l$ v0 D
left:0;! V/ k3 ?) P5 h( f: J- `- ?0 c
top:0;
& v6 [4 p+ M @6 A0 w, hvisibility:hide;
2 {* O5 K' H5 |- s3 ~visibility:hidden;' J6 k& g1 x$ [% M6 F
}2 T& I( w( k5 W X5 O% O" L( X
</style>
8 V2 ?* b1 E& q* @+ I7 ~( I7 |4 f<script language="JavaScript1.2">
8 t# r. D7 k8 b<!-- 改变下的字体的大小。颜色-->
& o# }& ]9 G1 R+ f' S& J2 F6 Dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'- S! Q2 `& c- X! _
var hidetimer='';
5 k2 M2 F& U2 y3 F W<!-- 改变下的弹跳速度-->
5 G' F& O1 F( R, j% e A4 Evar BallSpeed = 20;% n3 W9 v" l# G& P7 b& d
var contentWidth;6 }! l* Q# z- d1 N
var contentHeight;/ z, J T/ Q8 Z A& H3 P9 o8 t/ e
var maxBallSpeed = 50; g/ T' h8 u$ M+ K3 F4 {/ w
% ]. m' b3 n6 s8 J) N
3 H! \7 L5 s" m3 ~. R* Pvar xMax;
/ }$ f+ H3 A r! mvar yMax;' V, O) ^ A5 Y/ F: D" {
var xPos = 0;& _0 z1 k* H" I0 m1 o8 c( H
var yPos = 0;
+ r) f1 m+ B- C% U' h% E! avar xDir = 'right';
# n' E' f( g9 P/ v4 }6 G3 R' _8 Uvar yDir = 'down';
! S- g- S4 [* Uvar superballRunning = true;
1 k) t X$ T! u+ R7 m# O" L; h1 o8 Ivar tempBallSpeed;" K8 w3 [* w8 r1 A4 F# e% G8 j
var currentBallSrc;
* d7 L* j/ {4 k: ]# ?' X: Dvar newXDir;2 {4 t7 \/ D4 x" A, [% _ O
var newYDir;8 I: I) ^5 k9 `# J
4 A' ]) W7 O) W
function initializeBall() {; Y$ n+ Z$ Q- ?7 V. M `5 S. X
if (document.all) {+ F4 l: q& T; {; M" ~& P
xMax = document.body.clientWidth
+ x7 g* L! x0 r" E( ]6 M* ] yMax = document.body.clientHeight7 I+ Y: h# f& z, L5 m
document.all("supertext").style.visibility = "visible";
6 I7 V; ?! \' g0 Y contentWidth=supertext.offsetWidth
+ C5 j$ f' Q5 O) e3 v2 |1 r contentHeight=supertext.offsetHeight6 v2 [" b. l" k1 T
} C4 f7 i; p- J
else if (document.layers) {
3 n2 h" g" u, y+ h5 P: H" Y) s xMax = window.innerWidth;
' a( V7 f+ t1 X* A6 j. X+ ?) {0 Z9 v yMax = window.innerHeight;
S3 m9 u# \# e. B: I9 F% j contentWidth=document.supertext.document.width$ h, z4 b, ]4 [! N1 e' Y
contentHeight=document.supertext.document.height
1 S* q# V( Y$ k2 j; g1 Y) M9 M7 y; g document.layers["supertext"].visibility = "show";' U8 \1 }. W- K; B: b
}
% C5 c& A+ z5 ?+ T* W setTimeout('moveBall()',400);
" y2 @, j7 d% |$ n3 K$ t/ I if (hidetimer!='')
x8 }2 \; H- U setTimeout("hidetext()",hidetimer)7 b9 l( n# y m% [5 n: [% E) ]
}) C! @) ?; c7 e6 Y4 O
$ k# }* q# Y/ {, d3 U8 \function moveBall() {2 ~% l. v* j# e9 ^/ c
if (superballRunning == true) {
4 f7 @, x- E! H) Y calculatePosition();
2 X y# L, [ K0 O& h& h if (document.all) {
6 R. E. {* n1 W1 Y8 Q8 L document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 A9 B0 f$ }) P0 _ document.all("supertext").style.top = yPos + document.body.scrollTop;/ u: B) A' Y E3 v# p5 p3 m
}, s0 k/ _! o7 G7 n, j
else if (document.layers) {- v) ?0 t1 z6 E. t# ]( F( M, M
document.layers["supertext"].left = xPos + pageXOffset;
/ g0 P- }1 b5 @ Y9 i( Q5 x document.layers["supertext"].top = yPos + pageYOffset;
0 z% \, z( n# y0 g$ c- y }, E$ _. H1 V2 C% i. m
animatetext=setTimeout('moveBall()',20);
3 y6 ?/ V. R* o' {0 x, @4 r* Q }
' ~; @1 D" H3 `) W. c v }
2 W" i' A, `% h e! F
4 |4 @, I; A1 h2 s2 Y& Z5 Ffunction calculatePosition() {
+ j% K, X" ?* U0 G& q! U if (xDir == "right") {
; }$ `/ I: B. l* [ if (xPos > (xMax - contentWidth - BallSpeed)) {
5 B! J$ w0 w9 \% x ]4 C3 }& g xDir = "left";
3 _7 {# D- Q. m+ [( g/ T }, n! b6 J; M+ k( b( X- N
}
1 ?3 g3 Q5 V2 H$ N else if (xDir == "left") {6 ? Z5 ?: B8 h7 D
if (xPos < (0 + BallSpeed)) {, R' ?3 D. B( d6 v5 z* _" t
xDir = "right";/ }( U( H2 C- i9 A& C5 k' Y
}
: B0 o. [1 h5 x }8 G4 a* A/ U% _
if (yDir == "down") {
2 B5 g- Z) h/ @. M& m if (yPos > (yMax - contentHeight - BallSpeed)) {- I: }1 j+ Z1 ]8 p
yDir = "up";7 T! H X5 g, M% H7 d% i
}$ L' Y+ F3 x5 E% f: u9 D3 C/ T
}
: X( L2 E) W ?# c else if (yDir == "up") {
) g/ T) a' P. m; P8 p$ u1 T0 r if (yPos < (0 + BallSpeed)) {
4 @: W( C; W9 k- S- k# Y5 W yDir = "down";
( X) _: t2 A5 f, A G }
% r8 C: ?" h2 ~3 M1 X4 J' ` }
, ~2 h5 k6 u1 y; o if (xDir == "right") {2 O! z- ~" @$ H6 n2 D& e$ H( r
xPos = xPos + BallSpeed;
' R/ X9 u3 P( u& ` }+ C6 d* ?- z+ w$ V
else if (xDir == "left") {
5 U7 n- d* Q: x$ G$ x: N% \" a xPos = xPos - BallSpeed;
8 k4 N: [5 F9 z$ S1 u+ t }$ H) N# Q% a+ z* K/ B3 B& Z( T7 \9 ~2 M
else {
% M5 C( v4 l; ]+ g7 z* s ? xPos = xPos;
5 Y: ~8 h7 o+ [6 X& D) K( _( \4 E( | }
n C4 t' o) M: I. \: [. r# ]3 S7 a if (yDir == "down") {( b5 Q; `$ a: ^ z. y
yPos = yPos + BallSpeed;
+ }, H! m1 C$ W/ S5 ` }8 r5 D, l W' s1 ^$ n, l0 h6 L
else if (yDir == "up") {) t2 T7 y2 B+ D& }) f4 U, c0 a1 M
yPos = yPos - BallSpeed;/ |; Q' w0 }* V, T
}
5 `% t% h) _5 M; @" P else {
# l p8 C% D O yPos = yPos;
. k8 k/ C+ V/ W4 e$ r" P+ k }
& S, S+ q& R! s: f- S* n }
/ h4 o, \, R( a5 \" t& T9 N( J7 _" \& E1 _, z% Y* x( |' p6 o
function hidetext(){
! K( d) {/ O: Nif (document.all)) a# o6 L- `9 G! {- v
supertext.style.visibility="hidden": A: R: Q: \- J7 V
else if (document.layers)' R9 s9 z- \" N1 H N% R
document.supertext.visibility="hide"- C/ Z% ~$ Q! y3 _# l6 n
clearTimeout(animatetext)* ]" C1 v( i" U% s1 c
}
2 |" F8 ^3 d2 j) R9 ?
# p9 b* t' d3 l! Rif (document.all||document.layers){% g6 U3 d [2 {- E" ~9 _- Z6 H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 c) Z; L) O4 ?window.onload = initializeBall;
( ?6 y7 r( |% t9 cwindow.onresize = new Function("window.location.reload()");1 ]9 n* _9 S# E9 I
}; p* E. ^; X2 y3 o/ g
! Y Q* `! k, s7 e5 I
</script> |
|