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

|
网页之不断弹射的文字-特效
<style type="text/css">
9 X. W7 u1 \- I) o; {( p1 Z) _) ^#supertext {
9 r. _' V7 r" }/ C2 lposition:absolute;
; h) W% z9 E! E. ?left:0;
! F% U+ O7 n& d' A* x6 a# Y# rtop:0;
! x- H' s: w! d* hvisibility:hide;5 F3 q' X3 W' o; X, f
visibility:hidden;
7 N+ V- Y8 K, W: Y# i} _. l, I+ X5 {$ o5 H }* H
</style>
" H4 ?7 C6 p/ T3 ^ w, D& \<script language="JavaScript1.2">- q" ?( M* m5 a3 m( u9 s2 ^
<!-- 改变下的字体的大小。颜色-->' [2 r& {% E4 [, B
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 B# {) H# k& t" F- K0 Kvar hidetimer='';
6 ~8 P8 ]. V, l8 O5 ^<!-- 改变下的弹跳速度-->! s K4 A2 C, T
var BallSpeed = 20;8 v! F/ ~: \) U9 ^$ t
var contentWidth;) S' B9 i) n" y1 i* |2 Z
var contentHeight;, Z7 {0 a* j8 }+ z3 F& u
var maxBallSpeed = 50;
) C4 N/ A* c( l* y+ l; S
& N2 ^# ^- p$ I, Y/ u0 W) Q" |: o4 ]( a
var xMax;% _% d3 q2 m0 W9 _) G# _
var yMax;; w& E0 p- i4 J& d: r5 W
var xPos = 0;
' R: L% }; M* Z) w$ O) c7 A9 Mvar yPos = 0; u" ?( R1 g' W2 p. j
var xDir = 'right';2 _0 o: g( q, r6 k* `
var yDir = 'down';, }) c9 E/ h+ u; e' w6 \. K
var superballRunning = true;
" O* S" {# P1 R4 ` Rvar tempBallSpeed;
[- r; J0 Q; N. }, m/ v6 R' F9 ivar currentBallSrc;* X W/ }' S' m# S4 B
var newXDir;5 @, c2 m3 X C6 G/ r0 w) c
var newYDir;
* T% V0 i* a( u5 F; X9 c3 P# R% O
) H. X5 Q9 ^2 g( a0 U7 b4 Jfunction initializeBall() {( x6 W: a. o' }$ X7 v) v9 f3 A
if (document.all) {
E9 [1 M6 G( _; e xMax = document.body.clientWidth
0 t* L6 O: d8 U1 N9 B5 t yMax = document.body.clientHeight
. m& y: F( } b5 F document.all("supertext").style.visibility = "visible";7 Y0 F5 }1 x$ @
contentWidth=supertext.offsetWidth8 L! C+ p' k) x- D0 `3 J
contentHeight=supertext.offsetHeight/ b3 k. t* u3 ?, N" R! S
}
) M6 }$ l) e( s w2 J; X else if (document.layers) {6 v" |, ]; h) t
xMax = window.innerWidth; q* o |: U) O
yMax = window.innerHeight;8 [. L, i: N+ J
contentWidth=document.supertext.document.width
. x; I, C. g# w$ f) h! Q contentHeight=document.supertext.document.height' E. Z1 F' S3 |5 C
document.layers["supertext"].visibility = "show";
5 E' r# {7 i- g7 ~7 m k }& l7 F4 M' s: K8 ?9 p' r0 e
setTimeout('moveBall()',400);+ h9 u9 V% w: z: p: H7 ^
if (hidetimer!='')( _8 j/ z; B/ O2 O* y
setTimeout("hidetext()",hidetimer)# |. N6 n6 C9 `& z6 A
}
5 B h& |$ p- f7 g
" B) ?9 ]1 t7 r+ ^7 h9 cfunction moveBall() {! G0 @ S& F- r7 \8 x7 B
if (superballRunning == true) {* Q0 n* v( s& Y$ K* Y$ B: x
calculatePosition();8 ^1 D% Z9 e/ H0 w; m
if (document.all) {0 ^2 J$ D. [- I) M4 \9 @
document.all("supertext").style.left = xPos + document.body.scrollLeft;
) ]! ]1 C9 x/ Q2 ^+ e0 r document.all("supertext").style.top = yPos + document.body.scrollTop;; O5 z" a8 g0 f8 Q8 v4 F m
}
/ G: k/ F( ?* t# C: ^4 u7 u) v( g else if (document.layers) {
3 {( T6 v. S/ ^8 B q document.layers["supertext"].left = xPos + pageXOffset;
5 w! C7 h" F* ?! o document.layers["supertext"].top = yPos + pageYOffset;) Y8 P& ]+ y- E( m- l* w9 I
}% `& O9 `0 M" k# S
animatetext=setTimeout('moveBall()',20);% A3 N9 e' R1 x; N5 P
}% P1 R) m' [7 i! _# j5 o1 g; G2 Q C$ J
}) ?+ o" ~1 W* n. ]
& o# Y: ~8 N( J; ~* Lfunction calculatePosition() {
" d. }. F' k( @- R& e# C! [& R) p+ a- W if (xDir == "right") {& [ {# ]5 ~, |
if (xPos > (xMax - contentWidth - BallSpeed)) {
9 q" ?& B) d$ o: ?- j xDir = "left";
* X: S i p. U& I9 g, |( T }
& m% u/ k6 A" S }$ A, o' O/ v" e" T/ b9 Q8 e2 Q
else if (xDir == "left") {
: d- E; } b( z7 i2 e if (xPos < (0 + BallSpeed)) {5 a; A* ]0 O( p2 Z
xDir = "right";. Q' W5 d) ~0 H. s, Q& |
} y! |, g4 [7 O( R: _) M
}+ f8 Q! G6 U: g" Y
if (yDir == "down") {0 |/ x6 ~1 d3 w6 F5 j, W. [4 Y
if (yPos > (yMax - contentHeight - BallSpeed)) {
" `6 p! u% f7 f. ~ ?6 k. v yDir = "up";
3 Q0 g- x) W: d, p }
6 t! C( L2 [; C* Y0 B/ R% k" L }
9 d8 H6 Q" F# |! t _ else if (yDir == "up") {
. t+ t+ [ _% @$ R( w if (yPos < (0 + BallSpeed)) {
5 w! |1 m8 R; d$ a9 I yDir = "down";
# i3 p0 \. b5 j0 B3 V c; f4 H }
5 V# `% n- y3 v* f }
9 f0 r3 Y+ A; i* W: j" k if (xDir == "right") {, Y w1 F# ^6 }" H+ P
xPos = xPos + BallSpeed;8 s5 M) y+ m6 r* H
}: r g0 J- L" V. E. z% e
else if (xDir == "left") {
. n' ], \3 x6 M xPos = xPos - BallSpeed;
) X% g% {, x' t t8 P8 } }; ~8 v* e2 b, N3 z
else {. @6 U1 c, F! } b4 `( ^- a
xPos = xPos;6 C" Z, h& J2 }1 m* Z3 q
}& F/ s3 b! i/ F* S: @2 I
if (yDir == "down") {/ `& N, ^1 ?8 C5 ?
yPos = yPos + BallSpeed;
) y c4 ^ e) ~' C }
2 \! e8 b! d4 t; u else if (yDir == "up") {
3 d3 d- \- t( o, s8 W( o yPos = yPos - BallSpeed;
$ F* K6 }' t7 k7 O5 n% @$ P9 N }
% V" O7 j+ x" D* ~! _$ f else {
2 g: K3 Y$ x+ |' \" L yPos = yPos;1 _3 X: Z8 [, q( U2 q
}
8 A" j# p9 h, J) y3 Y k+ v }& ?5 x6 J6 r- y( X: I" a
; j1 s7 I6 B% k: s4 xfunction hidetext(){/ ^ J3 P# |/ |: C7 I' O0 f' E7 c) k
if (document.all)
6 I6 |& E1 g9 b7 J2 \6 V& csupertext.style.visibility="hidden"
" ? v8 \; B* j3 x3 i* |else if (document.layers)
1 C( X- s$ v5 a/ I% h! Wdocument.supertext.visibility="hide") ^5 U6 }7 a. z
clearTimeout(animatetext)
) i5 T( J# N7 R' o' Y2 O1 u7 ~$ h4 @}
* R9 z1 s- Q1 a/ p& f% ]
1 h) D7 Z6 y) M; p6 K/ Pif (document.all||document.layers){& ]8 ?' j1 w* Y$ c2 S- e
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: ?5 U) v* I/ B2 L9 v* q( s# nwindow.onload = initializeBall;9 X8 T# I8 a' l% K
window.onresize = new Function("window.location.reload()");
6 z' a- R9 c/ r# u}2 g( A4 v, O% H9 z$ {8 Z* e* q
" j3 G/ s8 A, S
</script> |
|