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

|
网页之不断弹射的文字-特效
<style type="text/css">% H) @; Z' o$ _& Q; T( W
#supertext {
; ?: B9 @' |% D# W) O9 n8 m/ nposition:absolute;; K E5 N" m9 }$ n# u: M
left:0;) g- n( _: u' W
top:0; ?; x) E1 g8 p9 m6 s, N1 ?
visibility:hide;
' @; e7 u8 l$ V8 b1 |# u' Ovisibility:hidden;
+ \% }1 _3 a) U7 b}
& n: M; Y* V" Y* E: Y</style>
# F2 W6 T- s4 C; _& E& W# _<script language="JavaScript1.2">" e4 s( J- J9 }6 O7 e
<!-- 改变下的字体的大小。颜色-->/ T; [) o" V) [# m0 _% I* W
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': W- O# B! _/ i3 E; n
var hidetimer='';; S9 U- n0 F$ O0 K
<!-- 改变下的弹跳速度-->5 a" m6 \' f' N4 Y$ h z# a: y
var BallSpeed = 20;, D, J7 R/ Z8 E6 O' O' a
var contentWidth;- ^( H" E. i$ @; m: w2 x& k6 {5 b
var contentHeight;
8 z6 z# g6 o6 e% P3 rvar maxBallSpeed = 50;* o* ~: F6 S+ r! O( J: R' a
A. \4 r; }/ k+ s# L
; p9 c6 p% T1 x% P$ J1 }8 q8 O
var xMax;8 q* g* t9 a9 h; B3 B
var yMax;
# G7 s. M- L5 v6 n3 Svar xPos = 0;8 q: _* E3 k+ \8 v) D3 | r, a1 e
var yPos = 0;
) d+ H( [ i7 |& U$ b( o9 {var xDir = 'right';
]# [- c# J" A7 B% ~, c! }4 bvar yDir = 'down';
1 Z+ B: M% s4 @; Kvar superballRunning = true;
- n O2 W* z% m' Tvar tempBallSpeed;
. J) Z( e& o% U. v. f& yvar currentBallSrc;! h% M9 U9 R/ s0 v6 Y- b% s
var newXDir;! }/ Y/ q5 i9 \! O' M* `
var newYDir;! D! ?9 `) s" g8 C2 A
" {" t; l0 N* T2 n
function initializeBall() {
" s0 |2 L9 P4 u5 S* Q3 R s if (document.all) {% Z- G" {: @6 m2 N {
xMax = document.body.clientWidth. T: O, U' K" u
yMax = document.body.clientHeight
$ Q% X5 }- k+ ^ document.all("supertext").style.visibility = "visible";+ h0 }9 X$ O' a7 t: n2 I. f0 q5 j
contentWidth=supertext.offsetWidth. o! L5 }% r' p' ~- }7 d
contentHeight=supertext.offsetHeight$ V- a2 X" g( s# u& M& P+ {6 W @
}! H2 Y. t, F" x5 H
else if (document.layers) {1 t/ J. ]0 Q* f7 j7 r* o5 M9 f5 t
xMax = window.innerWidth;# i! k% P3 F$ c9 a8 `
yMax = window.innerHeight;
# _8 f1 v+ u" T6 t# y% A' D contentWidth=document.supertext.document.width
& n: }( B9 j) e" F- ] contentHeight=document.supertext.document.height/ G! d. w1 f' Z* p0 O- u
document.layers["supertext"].visibility = "show";/ @; R2 s5 r5 Q) i8 h" O3 m4 o, |
}4 t( _) ^& [! \5 ^ M/ [6 v
setTimeout('moveBall()',400);/ [. m2 q. z) h: j* R* i
if (hidetimer!='')
, z, j/ i$ a( S6 M9 x7 C! D# m setTimeout("hidetext()",hidetimer)/ L c' N4 `/ r7 j% A/ t
}$ L( i8 d3 s0 e, d
, Y0 P* T/ h. F' ^; t" `5 u: ]% b _
function moveBall() {
) I3 q$ O3 u `7 Z9 `0 n if (superballRunning == true) {
9 q9 x# L) z: l7 b/ A) q3 h" N* D calculatePosition();
5 n. S- \$ |. z if (document.all) {
4 Q% \5 J7 R) e/ ^ document.all("supertext").style.left = xPos + document.body.scrollLeft;
( B' e" j& w# v6 g: i& p/ ` document.all("supertext").style.top = yPos + document.body.scrollTop;
8 r. K1 r6 ^* f+ [" | }) _! d+ U2 `- l3 V7 G3 l$ _0 }. M
else if (document.layers) {9 ?5 \$ q0 X" `. W9 U
document.layers["supertext"].left = xPos + pageXOffset;
, A6 ]% n. {9 D1 \; D w( K document.layers["supertext"].top = yPos + pageYOffset;" M' i% Z9 Z$ T: O
}3 D9 U& Q# n4 I
animatetext=setTimeout('moveBall()',20);
4 F x& w9 U+ Q+ B# j7 _) ?" N }& g( d% `1 f( Y- {8 t" ]- V
}) q) W+ v- ~7 d# r6 O2 i$ k
' _; @4 x x$ S3 a0 bfunction calculatePosition() {% b0 ]2 z+ T( T" f
if (xDir == "right") {
' f. ~9 j* C6 t9 O if (xPos > (xMax - contentWidth - BallSpeed)) {; ^" Y" x' K; G+ T
xDir = "left";- K. M. ]. K3 @' } z; O R/ Q
}
* W0 I! K5 Y+ F+ h* d }' V, d# Z5 L( h' v0 k& y0 S
else if (xDir == "left") {
+ n: q& Y; V4 X0 Z* ~: G$ ? if (xPos < (0 + BallSpeed)) {
; r& _ p6 A8 Y _/ G xDir = "right";( N) A% m' \- a, W0 m! \ V
}
, J) T& r+ x- R) ~: l }0 K/ ?2 l% ~ p3 Z( @
if (yDir == "down") {
; h9 `/ D; H% G if (yPos > (yMax - contentHeight - BallSpeed)) {6 I) G0 M: a1 m9 d; ~% G
yDir = "up";
2 Y, S0 Z; |8 r+ a5 h- ]2 W. g; \ }8 G) A- m% A* t& K
}
0 ?9 y# Y8 ~: ^7 {, e2 K else if (yDir == "up") {
6 K$ N7 }' b y# \ if (yPos < (0 + BallSpeed)) {7 h1 D' `! A! U/ |
yDir = "down";3 D- a( }7 Y+ u# I
}; O$ U2 B( `* Z" y9 ^( }
}* k& V9 E6 z7 K0 z. J( A
if (xDir == "right") {
, R/ H' e3 r7 q2 C P" H xPos = xPos + BallSpeed;/ l+ B0 Q8 N8 M( W( f
}
d' r* |/ o+ h j5 y else if (xDir == "left") {
, E! O* c6 G5 y! D6 k9 p# X5 J xPos = xPos - BallSpeed;
3 v' f- H' I/ e. P4 N }( D0 P3 T7 `9 z/ ^
else {8 T- g0 S j' x3 d: N
xPos = xPos;6 }5 T; d# M, b1 X/ l
}
( O8 b* ~4 Q9 Y" I8 _7 X) H if (yDir == "down") {
- Q3 {0 `- \. l: o yPos = yPos + BallSpeed;
' ? s$ a0 { \2 d+ L( ] }
! d6 n& k3 w( W# K) Y else if (yDir == "up") {; Y3 |9 y7 J; x& u+ I
yPos = yPos - BallSpeed;3 I, t: J4 N( h' h
}
4 b% W9 T1 r) f; G" \ else {) v" c0 a, d0 r1 \5 S
yPos = yPos;9 J' W; t( }" h p; `5 x: L# l
}
{' W8 Y$ f; [" @9 V" B }% V$ \( O1 Y- Q( y6 s. V
/ o* G! `/ _' n3 z8 Ofunction hidetext(){: ^: W, j, Y, j9 i
if (document.all)
% }$ n8 f* P6 a" V. L" R2 H! {supertext.style.visibility="hidden"
' H- q6 d0 r( P/ }2 k2 O/ ^% Felse if (document.layers)7 M8 Y) S8 y9 r* q: B( Q. H
document.supertext.visibility="hide"( o* R4 s7 Z1 o V: S
clearTimeout(animatetext)
; Q) X, T. P1 e+ y% M+ h, c0 ^}
4 _4 I: E D8 a4 K1 [+ L
: l5 D8 U+ s/ q# `if (document.all||document.layers){
; ^' V* C6 a) _8 @document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 v1 G- P, o, v1 V, o0 @
window.onload = initializeBall;7 F( j% z# A% C d) P
window.onresize = new Function("window.location.reload()");
9 c% J7 ?# H# V8 H& J" q}% o/ C& p) t; @& T4 p# Z9 y9 z
2 c E& Z" `; j3 I# `& [# U# G
</script> |
|