|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">8 p1 `& U, T% g5 G; O2 k
#supertext {, q9 z0 C" R. o- E; P* z2 c
position:absolute;
- c3 U0 v8 b& Xleft:0;! u, {7 O- @6 V0 h' \( d
top:0;4 ~1 A' p" v- |$ i. i
visibility:hide;
( F1 }0 y, V" x" L% {visibility:hidden;7 l8 [7 e: u* o. a
}
0 f$ @4 O' G* `/ y- N7 Z5 J# Q3 o4 \</style>
2 z3 I D5 Q0 ]<script language="JavaScript1.2">( a6 g0 }. x5 L! f" l
<!-- 改变下的字体的大小。颜色-->+ S" f* S0 q/ A( I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
, D" z& R0 z& y8 |, Dvar hidetimer='';& O; Q7 G% _, r( M& G3 j2 x
<!-- 改变下的弹跳速度-->
! @) F6 [$ X5 N$ Hvar BallSpeed = 20;
8 U3 ?2 j& Z8 {4 t, Ivar contentWidth;7 O4 Q Y' o5 s1 F7 A, H
var contentHeight;
1 R+ ~. I! ^ t% Ivar maxBallSpeed = 50;6 u# t v) I* r# H2 C8 B
. e5 n) z( U$ l; u7 L9 e: d+ L: P C/ `% X2 b
var xMax;
( Q7 L4 y4 |# n! c0 Avar yMax;% `& ?7 v5 \+ T' K0 \
var xPos = 0;
* _3 }* \ c8 B$ e$ O) @1 i8 l- Xvar yPos = 0;9 w5 r, Z' {% W- a5 ^
var xDir = 'right';4 n6 D9 i& b% w0 P
var yDir = 'down';
0 S( c: X3 C6 q- h/ Zvar superballRunning = true;
; U6 ]( {8 a$ w" j8 Y5 T5 _- X. ivar tempBallSpeed; J# k9 B# m3 _, b3 B8 ~
var currentBallSrc;1 G9 b- F$ E( Y. V
var newXDir;
0 H5 L# M9 u" q# }var newYDir;
1 u1 X0 @# M y, Q q: K8 f8 @
2 P; y1 i+ I5 l8 \function initializeBall() {
& u0 T) z& n' c1 r! [* X w( ^ if (document.all) {
& Q$ U! p9 h' \: J2 B xMax = document.body.clientWidth
, ]1 }0 p, f! m* c5 P- L) c yMax = document.body.clientHeight7 M4 x: }/ H! j+ N
document.all("supertext").style.visibility = "visible";
! E$ T2 g9 r) p$ l) b3 `+ T contentWidth=supertext.offsetWidth( {$ K9 I+ v: s1 h
contentHeight=supertext.offsetHeight/ d, J3 N0 t. F" M! v& A
}
3 j' e u! |- ?% e2 J1 z else if (document.layers) {
7 ^8 d6 T5 i' A4 |9 O1 j xMax = window.innerWidth;: j7 m0 i+ r9 C; y7 f
yMax = window.innerHeight;# ]$ |; c$ O) z( m4 u
contentWidth=document.supertext.document.width4 l& v, s a4 f6 h6 p
contentHeight=document.supertext.document.height
1 N5 P6 j% f# K9 ]( X document.layers["supertext"].visibility = "show";* ?% v( z! G4 W* _
}
$ H e7 p. C! H! V ~! C setTimeout('moveBall()',400);" C0 a8 J( f" j% e. A
if (hidetimer!='')6 u/ ^+ D2 f- a: O7 R1 Q6 A
setTimeout("hidetext()",hidetimer)
M4 j* l9 c, Z5 z- Q/ E8 q! s }
5 F$ u3 ~# J. s- u
- S& q8 r& o( L Cfunction moveBall() {! R3 @6 p' I3 u, U
if (superballRunning == true) {
8 B9 c: u$ b+ A A calculatePosition();) S7 q$ K6 E+ d/ j* g
if (document.all) {, J4 S5 e7 r* Z n6 Z2 L& n- l+ E
document.all("supertext").style.left = xPos + document.body.scrollLeft;; _9 s& N9 n! A# l7 i! I
document.all("supertext").style.top = yPos + document.body.scrollTop;) e4 |9 t* t+ s
}# P c4 o4 Z' A7 v/ X+ Q- X
else if (document.layers) {
' P& Q/ d I4 w5 I& I" A document.layers["supertext"].left = xPos + pageXOffset;+ s& Y+ }: U3 `9 _, r
document.layers["supertext"].top = yPos + pageYOffset;2 s6 w5 i/ |* G$ F" x) h& c
}
' F4 N: [' V+ j k* m animatetext=setTimeout('moveBall()',20);# I; b+ o$ n+ `7 k! A7 ]
}7 A; y# E8 P, }# O4 b
}
, S! x4 q E; ?/ N+ Y" \" ^9 Q& I- y
function calculatePosition() {
1 j/ X+ h2 ^& Q1 N c2 n if (xDir == "right") {
0 }" t+ |# f+ I8 C8 U5 T% ` if (xPos > (xMax - contentWidth - BallSpeed)) {+ u2 \" W# J6 ~; C
xDir = "left";
) b; m$ `# g& G }
) r0 m0 @5 ^: ?: a0 [0 U }% E! w8 l, `- `; X
else if (xDir == "left") {
0 `* i# ?6 i3 r" b if (xPos < (0 + BallSpeed)) {
/ D; ~* c( }% f2 {1 d- b3 e xDir = "right";, v8 K/ @" C9 e: i
}
2 c* e5 }0 r C, C" S }
/ p' V& y" X* U if (yDir == "down") {
% x ]# S, w3 \/ g% g/ \/ Q/ X6 ^ if (yPos > (yMax - contentHeight - BallSpeed)) {+ H! w9 D; W# T4 q
yDir = "up";
- u1 j' a1 b/ w: k; \# e }
3 C, x1 D' ~. ?" x- l }4 P- n+ S# F( v
else if (yDir == "up") {
% V, [! m( V/ D: p# ]) D! @/ T! s9 g' v if (yPos < (0 + BallSpeed)) {
) A6 A1 F( Q1 p5 \: b yDir = "down";
- F w) M# K1 W }4 O F4 [: [% \' h: F, A# [
}1 E$ b6 R2 N/ @" Q3 V2 f
if (xDir == "right") {
+ z* O5 L( P$ b7 L( v) n xPos = xPos + BallSpeed;+ ?2 @1 o+ J/ F5 G2 a
}6 T- h; P( x8 L" j k
else if (xDir == "left") {+ I* m/ J; f8 L( t8 G
xPos = xPos - BallSpeed; L" s. t9 `6 X) `: w! v# n6 L+ u, q
}
5 b/ P% ~( e" z5 V else {; F& L, O' y/ n' R9 g7 w
xPos = xPos;
6 u% x$ s4 U' y }
7 C% M+ R! ~& H+ P2 ` d5 ^" | if (yDir == "down") {
6 E' s* _- e" s6 y. x yPos = yPos + BallSpeed;! w+ ~% }" e4 e4 |- `1 u
}6 j" |* N+ ]: d
else if (yDir == "up") {
- o Z, [( s+ [% M, n8 T" n; Q yPos = yPos - BallSpeed;& h5 h1 j) r3 J" } \
}* b1 A- Q! c. c/ W" f
else {% K- {# W+ C9 u y- U
yPos = yPos;
9 `- ?& B) _" O3 I }
% I! O/ z! X* e5 T# Z2 J- F }
2 @& L8 m4 ?$ Y, }
' {! |% r9 e X9 ?) P) ufunction hidetext(){0 y) \4 C0 B" y: T" b
if (document.all)
; x/ p: ^7 m9 y' Dsupertext.style.visibility="hidden"7 L* D5 V5 A& y% R7 q, p! j- M- K
else if (document.layers)9 \/ X" u2 d7 g( c |- F; z
document.supertext.visibility="hide"' X$ s2 u6 Q& \7 V
clearTimeout(animatetext)
* L$ \( h7 \3 Q8 V9 [& g}+ R& \2 ^1 Y, q! H( x% s9 J
/ w: U6 {2 Z. L) F
if (document.all||document.layers){: `! M: r& l2 K6 f, `
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')0 S9 b8 S2 H7 s
window.onload = initializeBall;
- P( D) g) e7 L1 E) Fwindow.onresize = new Function("window.location.reload()");
! n% f7 I. J% {* U, W}
" \9 A* p1 e, z9 ?8 H9 t" v9 z2 Z6 X/ x" p: `
</script> |
|
发表于 2008-1-21 20:55
|