|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">( ?) j- Q+ z" |* J! ^
#supertext {, I: P3 Q1 a" q
position:absolute;, D1 J3 d8 n. b, d+ Q
left:0;
9 M8 P+ L' j' s$ Q7 \" z( N- Ctop:0;
+ X# X" P4 j a6 a1 tvisibility:hide;
# `. j5 B: p8 I2 L# {, Z& Z9 w" Evisibility:hidden;
- z F: `# J( p) V3 A, @: `}
, K6 a1 H+ B: L5 w) l; n</style># a U1 t# _# S2 a- z8 D9 ?
<script language="JavaScript1.2">
$ ~0 T* f6 I% k<!-- 改变下的字体的大小。颜色-->5 F. u8 ^9 l5 I% L
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 u, A/ A* q S0 E, m
var hidetimer='';
# |' [: m0 e3 y$ }5 k8 y<!-- 改变下的弹跳速度-->2 u" ?4 g1 E1 a7 Q: U5 R
var BallSpeed = 20;
s+ W. w7 m1 g D$ ?9 `var contentWidth;
( }+ c A1 o: \( M- R/ Kvar contentHeight;
6 g9 m, h. F. `2 T% J- m4 S) ]var maxBallSpeed = 50;) Z( k3 t% K1 T6 W4 H* i
1 B) \8 K4 v0 m0 K& a Z! k [
) ^' t% g/ q+ a2 G7 N1 x; ]2 d
var xMax;
" h' L# j `- m7 g# R$ mvar yMax;
$ c( o7 u, T: K8 Vvar xPos = 0;& f# t" Q% [" |& Y/ Q! Q- @
var yPos = 0;
* l3 Z1 ?! \" |, V8 P+ ^var xDir = 'right';
8 B# Z1 n& {/ v" u1 Wvar yDir = 'down';' l% C( e% ~# J; p P4 k7 Z
var superballRunning = true; f! t( k" T$ X8 O ^
var tempBallSpeed;
+ z |! L# x: e% Tvar currentBallSrc;
' N6 G' J% G, ?8 ~7 d# `var newXDir;( g$ e( f! G7 K; o6 Q
var newYDir;
V2 W( O) a V! o* \* ]; @: [7 n# e6 v; z5 g7 r
function initializeBall() {
. E+ C$ m% b6 k- i# K. w& I9 r if (document.all) {
8 r; U( L2 `; g5 j xMax = document.body.clientWidth
9 C7 Y2 E: ?1 N1 M- s yMax = document.body.clientHeight
4 D6 F% m6 h) F k8 n6 i document.all("supertext").style.visibility = "visible";
, F" S; v' W" r) Z( G6 k/ Q contentWidth=supertext.offsetWidth# y8 M. @7 X0 x$ M
contentHeight=supertext.offsetHeight
3 u, ^* Q* D! g# w }
# m6 b6 s2 C! ? else if (document.layers) {
. C) u, n% Q, j* A. ^$ L xMax = window.innerWidth;" W, S) u2 ^2 i$ q
yMax = window.innerHeight;1 B, g3 R) [9 q/ w9 M8 b" d
contentWidth=document.supertext.document.width
w0 l& g0 P8 a. ~" ^! O7 S! K contentHeight=document.supertext.document.height1 _" `. y, h3 A5 |9 h
document.layers["supertext"].visibility = "show";- z& r0 N+ Q* u* r, A. k+ P* ^
}2 |! p2 i( a, \" V8 s7 ]
setTimeout('moveBall()',400);) m. y2 I& V: Z, _7 G3 ?0 @
if (hidetimer!='')
2 H% a- J, F# c: f setTimeout("hidetext()",hidetimer)
- b. B! Z2 [2 v. Z1 L& W }
; s/ Z$ t/ G; j: D- R. [* L+ }# V6 _ h
function moveBall() {
- B" j4 P. }9 { if (superballRunning == true) {
5 Y; ^9 x; J( o calculatePosition();6 w4 O! b( J6 Q1 H
if (document.all) {
7 k9 z" S3 y2 N a, P document.all("supertext").style.left = xPos + document.body.scrollLeft;! ?; g- n9 x! M/ u
document.all("supertext").style.top = yPos + document.body.scrollTop;
" k. t: C- r. c! }. m! A }
/ b, r$ R% g6 q5 [! z) U' }. _ else if (document.layers) {
+ O$ _0 d W7 ?! {( [: u- ]" m( [ document.layers["supertext"].left = xPos + pageXOffset;, b' M m7 C7 Z# c& I1 K2 j
document.layers["supertext"].top = yPos + pageYOffset;. `/ n' v# `( a; l) ~7 D0 Q
}: G6 f7 A6 c7 {* I: X+ a$ @: d
animatetext=setTimeout('moveBall()',20);
& ]& h3 e7 A. k/ I) L, M, m }( l& b6 M/ |9 ~/ F1 d9 i8 Y2 `
}
7 H) a+ O& H8 J& S Q) a- Q6 P1 I/ {- ~; j' R9 c5 c
function calculatePosition() {
" W7 h9 j4 F6 S% z if (xDir == "right") {9 g. j9 W# k* N$ r% P2 g
if (xPos > (xMax - contentWidth - BallSpeed)) {
- \& f& ]& _& W2 R xDir = "left";' r# T3 x2 X' P' ~* K+ `
}0 d; j1 M) ]/ O1 w7 k# c$ y8 _
}) k: Q! J: i6 L5 _' F5 i" H
else if (xDir == "left") {
8 T7 g& L$ T2 k7 Q" {+ R( O if (xPos < (0 + BallSpeed)) {
5 b: S, l: ~* {+ n' b xDir = "right";
8 e, r9 f: J2 r# I# F! T }
6 A8 R% j7 A# }# G }( p5 Z3 j; M3 q: J: v
if (yDir == "down") {
% v8 `3 ~: o6 a/ o$ Q' [ if (yPos > (yMax - contentHeight - BallSpeed)) {
) t; T" J# n7 N+ D5 |0 [/ c1 M/ e% b& V yDir = "up";
4 ]1 G1 i" e U' W( J }% Y4 |0 n9 m; d/ ^% g* W) K2 Q
}
1 l) D$ L1 N) t+ b- c else if (yDir == "up") {7 ?: n/ w. w q
if (yPos < (0 + BallSpeed)) {) x- S3 r. {: j6 Z/ y$ `4 U
yDir = "down";* M# a# r# V5 Y5 V1 X/ M5 Z
}& R/ ^1 y4 n# `$ U
}% K4 |" p+ G+ f6 g
if (xDir == "right") {) D+ A, p# C; y# ]) g
xPos = xPos + BallSpeed;
1 c2 n9 G7 ^8 \: J% r6 K }" o% N* _- q4 X. B6 v0 S
else if (xDir == "left") {
% \9 d. n2 D# @! j! k' T+ k4 A; ]- F xPos = xPos - BallSpeed;4 W% E& { m9 ]1 R
}
9 ~ I7 k. t' d, [5 n/ r4 c else {
+ q6 C( w l" q6 C2 {( b! e xPos = xPos;
5 i1 k" q1 }% i5 t& Z; x }3 M9 ]: _% |: u( e
if (yDir == "down") {$ N) w2 |2 v) h5 u$ ]
yPos = yPos + BallSpeed;2 N0 N& Z+ c& J
}( `! o. N* j& j, f1 Z3 W
else if (yDir == "up") {8 ]7 H$ `5 U4 c- k0 k# I: ~& u
yPos = yPos - BallSpeed;3 M% H! q1 m8 T! w; i
}
: N9 m) }9 A) d4 u5 w$ h. } else {
, ^) }0 p) Q8 ]# P' y& p& p yPos = yPos;/ p5 F& {) Q* j7 x- @/ b
}, {6 \" M' x) H4 Q% G
}
# @. Z& u6 Z5 C/ Y8 |: B1 y5 g5 ^1 S2 S9 P$ A$ ?- m
function hidetext(){- ]( b' M' F0 P" _. n& l
if (document.all)5 ] c3 K% w# M6 D" X; w
supertext.style.visibility="hidden"& ~: l1 A$ a1 P$ E% \: k/ J; x. `
else if (document.layers)8 ` B* y+ H3 n' G0 n
document.supertext.visibility="hide"/ c+ {$ q$ |8 @+ `' z5 p
clearTimeout(animatetext) @. ^+ C; g$ V0 l+ b8 S2 m# ?; h
}# S+ o4 ]; i5 s& _
. q5 P: U5 U, A
if (document.all||document.layers){
6 J) a: ?+ P. H! T' ~document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& O0 m/ @3 }( Q3 v2 ? j+ Z. twindow.onload = initializeBall;
7 G3 m, ?9 J9 s `0 E( C) \window.onresize = new Function("window.location.reload()");
7 `3 S$ p! w2 J! _; }}
. r; J: M0 T; q z2 T$ c" a j2 z% T/ ?+ f; x9 q
</script> |
|
发表于 2008-1-21 20:55
|