|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">5 R/ Q( J9 r# s8 Q+ t/ h. ]! `
#supertext {/ }: I4 w8 a5 q1 \) Q
position:absolute;9 U( f& ^5 e$ K/ Y
left:0;
/ T; N6 o2 w9 K. g6 d5 s5 F0 T* Dtop:0;
. [6 r# {0 e, e5 X a- Dvisibility:hide;
' U* E$ r' r6 \3 w3 p: e* Kvisibility:hidden;
9 p: t: T, Z5 ^% T6 k- S. v}
8 U' O+ A: R* N' Z0 Q1 q8 ]</style>
( A& n& M" F+ Q; c* l0 l. b7 ]" _* Z. }<script language="JavaScript1.2">7 A. Z1 b9 e5 z7 a
<!-- 改变下的字体的大小。颜色-->" P- w9 e% p. c8 K# f
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 S# Y! U* w5 s& i+ d- k. s* R
var hidetimer='';+ E% h4 s% `) ~2 d
<!-- 改变下的弹跳速度-->) A5 n4 @5 S8 m1 b0 ]
var BallSpeed = 20;
/ w' L) t' j1 c& D6 L; evar contentWidth;7 A, h/ {: o# B* X
var contentHeight;
6 H; d1 u- S1 N) q) hvar maxBallSpeed = 50;
: X- ? i9 V* ^$ g$ I& \ U9 F* _9 ]+ R2 V" L6 z
$ D4 O E% C M) Xvar xMax;
1 |2 K* O; e, s0 Z8 I" }var yMax;5 y5 i6 P# G& F( H% }- F% e" |
var xPos = 0;( C/ P- B) E# Z) y
var yPos = 0;
; F" ]/ Q$ O9 \4 l. ^2 M: Avar xDir = 'right';
R+ L4 k1 M9 j) r/ j$ Lvar yDir = 'down';
' [) k+ ~7 m# {. B2 }# _% Tvar superballRunning = true;4 x' a! E) [5 j9 o
var tempBallSpeed;
! C6 Q( Q# \9 l! L6 p3 Nvar currentBallSrc;
: P( Y4 E: ^% W' W: f8 E7 w$ Jvar newXDir;# @" M* f" T+ \ C4 Q9 U
var newYDir;
& f' Q( f; H* ]' K' `- E& q
* }; ~( s( F: Lfunction initializeBall() {
; ` e. ]: p$ K9 v8 n+ `4 j0 b! N0 m if (document.all) {5 L0 g) z( ]" @: J A
xMax = document.body.clientWidth
6 M: o3 V% m" U yMax = document.body.clientHeight
* N; O- S7 Y1 |; M. m3 z1 Y" g- ^ document.all("supertext").style.visibility = "visible";
; m4 M, Z2 C' b% Q m/ D contentWidth=supertext.offsetWidth( {# `, _4 Y2 Y
contentHeight=supertext.offsetHeight6 B: N# v) n/ D$ [$ B
}2 k! u9 k) r% `! |! |
else if (document.layers) {8 s$ a; x) \4 E- D8 {6 F
xMax = window.innerWidth;
0 [0 J, b. j7 X; @1 t* s$ e6 W yMax = window.innerHeight;
) l W1 H# k) C3 Y, b+ H. T contentWidth=document.supertext.document.width
z! E& B( V @ contentHeight=document.supertext.document.height
H* |0 A7 O( D: T document.layers["supertext"].visibility = "show";
2 [4 c4 B3 A& k0 Q }
1 z6 c) x9 N+ r- o* |( Z setTimeout('moveBall()',400);, T8 \9 x8 [# X( q
if (hidetimer!='')
( a0 r, t0 V9 f7 O setTimeout("hidetext()",hidetimer)) G! v9 `. P- A$ ~ j3 p
}2 t2 ^' i2 {. Q$ B: H0 _! X" N( v
5 C, D! ~, j, f. a& n9 dfunction moveBall() {
& i7 g( {, Y g" G6 g4 e/ N if (superballRunning == true) {# |( y/ K9 q& T* _
calculatePosition();" [! B6 d; ^9 G9 m
if (document.all) {
4 {' N4 y1 B; E1 w document.all("supertext").style.left = xPos + document.body.scrollLeft;, I( g+ J; r6 V. C, |* z4 X
document.all("supertext").style.top = yPos + document.body.scrollTop;* w1 S* o' ]6 [6 \ E
}8 a6 y6 z+ [0 Y& N! `0 H
else if (document.layers) {
. b& A8 t; Y1 M U document.layers["supertext"].left = xPos + pageXOffset;
& b, Y6 A u: q8 T8 j document.layers["supertext"].top = yPos + pageYOffset;
+ |# Y! h8 p! A7 v) F& [0 f }
' B& `* h. S2 [% F animatetext=setTimeout('moveBall()',20);& p* D) v) m2 N' q/ ?( G$ P
}) F: y( K: M4 K+ e2 ?
}4 [. V( |: Z7 `# _) T
# R$ d- f+ {' D) t& r4 Ofunction calculatePosition() {# |( u/ R6 E# ?% F. Y- h' J
if (xDir == "right") {
/ f% I, f" {! F& V1 D6 _ if (xPos > (xMax - contentWidth - BallSpeed)) {
& S! l' b3 @- v4 v xDir = "left";; `( ]! f' G5 T4 `* L
}6 O; \) R7 S' n4 D( Q8 W2 g
}
7 U1 d4 H6 B$ ?* k else if (xDir == "left") {1 A' {8 [" N7 Q& ~1 H
if (xPos < (0 + BallSpeed)) {0 r4 E# S/ a8 |# i: B7 A( b8 Q
xDir = "right";
8 X: k! W6 ^ N* i: ] }+ R& _2 s( {; U3 R6 b+ i, A
}
, q& J4 ^6 a5 s+ ~ if (yDir == "down") {
, w4 s9 ~9 U& ]/ a# ^ if (yPos > (yMax - contentHeight - BallSpeed)) {
+ t x9 R! ~0 c3 ^) u, { yDir = "up";$ X; c% |6 o$ b% @5 D/ X
}2 k$ r4 I, W7 y! Z$ [/ Q
}1 {& _0 C# u0 @: B
else if (yDir == "up") {
4 |, S0 W2 ^+ Q if (yPos < (0 + BallSpeed)) {4 D/ e) }# ~* D% i, T7 b8 v1 g
yDir = "down";
( |7 E) G2 T" H }
; c2 C. ?& F/ ?" _: T4 ^4 T }7 m- g/ r7 g# [- f' p" S, d9 F
if (xDir == "right") {. ^* l: e# O! `; y' Z X h
xPos = xPos + BallSpeed;
2 S ]! B$ l6 m0 h1 p' [' h }
6 r1 v( X4 ^; }. C" r; M else if (xDir == "left") {
! d0 k. O* {/ j o. y4 ]; W xPos = xPos - BallSpeed;
( K, z& K4 l" O6 W2 q8 q }! o) T4 m# e6 d6 u8 J
else {
8 t5 n# q, ?8 p6 J0 d5 u: O xPos = xPos;) j; s1 R7 P0 m1 S& l/ s
}
8 y; H) f6 t% Z p, U* D if (yDir == "down") {: u w% [# P9 |4 _
yPos = yPos + BallSpeed;
, d' [6 z$ N$ B8 \# [ }0 v/ c8 @0 K" j+ |
else if (yDir == "up") {
7 E; g' K$ |7 M/ p+ p yPos = yPos - BallSpeed;1 h5 z6 P4 P8 j Q E% k
}
$ G1 J# i$ b" b) T3 s else {
9 S$ k( r+ ~% `3 v5 |/ P$ ` yPos = yPos;$ K* _5 {) M7 y0 B+ _
}5 E) J C1 p* m2 A. W
}- s! N3 Y7 R1 c O# `5 B
# v, c/ `1 Z4 xfunction hidetext(){
9 X9 r! c3 Z7 sif (document.all)% H. R( f' i3 r3 ?% k* x7 v$ S
supertext.style.visibility="hidden" r& Y& `$ F0 t
else if (document.layers)
( ^7 j) ?( M, N0 a! _document.supertext.visibility="hide"9 H' ~" W3 {; L" X! z0 Z3 w
clearTimeout(animatetext)7 `1 I* K+ r# V5 c0 H
}- [9 C* i$ q* f+ D; {* g
3 T9 \6 N+ ~: g* b! D
if (document.all||document.layers){
+ R; f4 c! t- c3 ?2 `8 [document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, o% U# G' |# Awindow.onload = initializeBall;
" V% ?6 m/ F! Z! C f5 Kwindow.onresize = new Function("window.location.reload()");
9 X5 [/ b$ E3 _+ M% T, r}
1 f' P; G& @/ f0 p# T$ x* c5 f8 M' s$ v; T$ w: R; `
</script> |
|
发表于 2008-1-21 20:55
|