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

|
网页之不断弹射的文字-特效
<style type="text/css">9 v1 c9 k+ A/ m
#supertext {
+ o$ {# T2 c, Cposition:absolute;; T0 F+ e2 I9 s1 ?& n- v! c
left:0;% }7 U* U- g% _0 f7 N- n# X
top:0;
" b& b1 R s& [' p5 E5 ?visibility:hide;
5 K" N2 v- r# t0 S$ R: y& z' hvisibility:hidden;1 g& \ h% q- I9 {; F) Q
}0 I: f+ Z' J" o; w/ @* e
</style>0 N& ~. r' G( ~" x9 O) t+ q2 B+ M: i
<script language="JavaScript1.2">$ g" [* D1 b8 P+ e: L
<!-- 改变下的字体的大小。颜色-->
" D2 r/ ?5 l# U: ]9 jvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 h7 W ~: B3 G
var hidetimer='';# g; n. y) q( Z# E
<!-- 改变下的弹跳速度-->+ x' ]8 ~; J5 m0 x# E9 l
var BallSpeed = 20;3 j3 { a. R1 d$ W' e
var contentWidth;1 u- m* L" x1 T: [' w
var contentHeight;: P- ]8 [( y- m2 w* \: W3 }
var maxBallSpeed = 50;6 K: z. `' T+ x) V; J
7 v# x+ I# J1 Y9 A9 U
2 P8 z" I0 h* f! A0 Zvar xMax;
2 J- t$ m; r7 q0 m/ L$ q9 [var yMax;
- k5 J/ j: C; Q" c( Lvar xPos = 0; ^" x0 w9 l0 H( n, L
var yPos = 0;
4 L: D: k1 G' s4 g4 kvar xDir = 'right';
( N( K2 `: f. Q* o; s$ h) qvar yDir = 'down';
9 i4 \' N. w# x, ]$ N" svar superballRunning = true;3 k% |" @! A/ g
var tempBallSpeed;
# d5 I1 o3 Y) Y/ Fvar currentBallSrc;
3 d; n3 d7 Z; h; Fvar newXDir;" d2 H( _2 G" n$ e
var newYDir;
; Q( E) d7 J- r( |: a8 O0 y7 k2 ]' j9 j+ v- h" s; P
function initializeBall() {7 e' L% l& {( Q7 ~ r j
if (document.all) {8 I5 [4 |1 H7 P: P% X8 @
xMax = document.body.clientWidth! }, k& Y9 I; P! ^' d, q% ]
yMax = document.body.clientHeight
9 _' B7 P; }/ |( a4 ^( k" W6 ~ document.all("supertext").style.visibility = "visible";% I+ j! F5 S$ k8 j
contentWidth=supertext.offsetWidth/ C- F- a4 B/ F. o8 ]1 p8 H8 \
contentHeight=supertext.offsetHeight
7 N E! i; Q; f+ U( R2 u9 U }- Q7 g6 m M# `2 B; T5 f
else if (document.layers) {! I" ` j( N) _7 W4 M
xMax = window.innerWidth;
( s" ]# \# x, ]; K% p; c) r2 b8 `$ I yMax = window.innerHeight;& ]9 v2 X$ i* X, e; [* t) F
contentWidth=document.supertext.document.width
- u, {' P3 @5 \ I contentHeight=document.supertext.document.height7 m1 ~4 x. T5 M4 i
document.layers["supertext"].visibility = "show";
+ e; @3 J8 V8 s, }" h- R7 e1 F }$ b; |! [5 _# h2 c- J
setTimeout('moveBall()',400);; Z+ X5 ^7 g9 z; M' U
if (hidetimer!='')
( M6 B g& ~6 L, F7 X' \+ N setTimeout("hidetext()",hidetimer)
% |/ x, Z0 ?9 M `' c }
5 `. ?. Q! ^1 x# B, A4 ?: _1 [" H8 P* P2 D: P
function moveBall() {
, u, J; _6 I( i8 o$ H2 I if (superballRunning == true) {
$ D6 w, J4 }2 p1 y' E0 {- | calculatePosition();
4 w2 s+ }/ m5 T" I. g if (document.all) {2 ^6 V5 H( ]. H- x3 k2 g
document.all("supertext").style.left = xPos + document.body.scrollLeft;. I* t6 _" S! \
document.all("supertext").style.top = yPos + document.body.scrollTop;9 C& m/ [2 f/ i) ]0 |; T8 Z5 `
}+ F# F+ s1 @+ T% e; f5 n8 C5 R
else if (document.layers) { U9 S& _# g( \ y, b2 x
document.layers["supertext"].left = xPos + pageXOffset;
. b) p- F9 \5 i7 w6 [6 k document.layers["supertext"].top = yPos + pageYOffset; D9 m4 W. H5 b$ n, d1 r0 w
}& c) ~3 |- W# y5 n& w) Z9 F/ e
animatetext=setTimeout('moveBall()',20);+ ?- T4 a: \/ K8 e! \0 Z( |
}2 r4 @+ s3 w$ W
} D1 O+ {( p% ?$ [, r7 t4 W1 `, J
( ]0 O2 u9 z. {4 @
function calculatePosition() {' a ^1 b. k; q& t
if (xDir == "right") {+ z) ~. S& y4 f* f8 I! t+ p
if (xPos > (xMax - contentWidth - BallSpeed)) {4 H/ ^5 j; r" I
xDir = "left";
" u# W( e" B3 P) E+ f% a }; d7 L9 i9 A4 ]* t3 G
}
; y* d9 A. h& [ else if (xDir == "left") {
- {; ?7 q! P7 |8 M; V/ ?' l f if (xPos < (0 + BallSpeed)) {7 d$ D4 Q* i: z, P% [8 {% W6 k
xDir = "right";
- ?# h7 B: B; Y% y+ h. ~ }9 C/ Q* x& c7 w2 S
}
6 {9 @/ o1 ~( o$ O+ p3 r, I8 v if (yDir == "down") {
; X- a3 s% x" ~+ J, u7 @ if (yPos > (yMax - contentHeight - BallSpeed)) {
7 o6 H; \9 X) O9 E n! Q yDir = "up";
* N. e6 S% \; B/ C }
5 ]4 q C; a9 R* O }
% t1 F/ q3 s9 A' \! O else if (yDir == "up") {
t" j) u0 X4 G2 g$ x# m0 G if (yPos < (0 + BallSpeed)) {
8 ^" P! [( H7 @. j& U! d yDir = "down";' u5 I. I! P0 |# i
}5 X% G% H) Z+ {/ u ^
}( _1 N- g# I0 E2 u5 n) m# F
if (xDir == "right") {
" j% L0 v! X; U xPos = xPos + BallSpeed;. J8 J0 i" Z$ ^0 V) r, i5 i/ s
}
# y% p8 Y' b; Y' n else if (xDir == "left") {
' i0 C Y1 Y% e F" n6 Q xPos = xPos - BallSpeed;3 m2 ^! w8 {% M2 t7 g- P
}
& q( S, d. ?% v else {8 h8 L0 q) a! L! d
xPos = xPos;
- M; f8 S8 j6 l# e }3 t# P, D, m, R0 l v3 [
if (yDir == "down") {, b$ F* ^) J. a: g
yPos = yPos + BallSpeed;
9 P, T+ {5 E) N. X } J7 k& ?- h$ x8 R8 {3 s
else if (yDir == "up") { k0 o' ~) e' h: @9 y
yPos = yPos - BallSpeed;7 O7 R: P1 J/ s/ ?# r' |7 t
}
* ~) [% d0 V% T0 \0 a/ ?4 L3 v0 a else {
: x2 J/ W& y% c' Y! y yPos = yPos;
0 j' f- }7 e: z) C z* s }5 D7 z+ |: c5 j d. o
}
* B% _/ t4 z/ j0 l2 D6 P6 [9 \3 I) v& f P% ~. ?
function hidetext(){
; A5 n( m- v' d2 C- }/ A2 Pif (document.all). e% @+ t2 u& X
supertext.style.visibility="hidden"9 i+ u2 ?0 h4 \: V, K' i
else if (document.layers)6 @; E! o0 ~( Q6 [
document.supertext.visibility="hide"1 I" U0 a2 [6 L+ x7 W4 N" e0 D0 ?( j
clearTimeout(animatetext)
) E3 I `7 f6 U# {, |}
6 j( i/ Z; G0 R' W% l" p+ U: s1 g+ x$ a7 e! G2 s* N
if (document.all||document.layers){+ P# y. c I/ z- \% q; ~1 K( l
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( u; y, e( ?1 n0 M# gwindow.onload = initializeBall;
2 R& _) O* @4 \3 ?( j3 Owindow.onresize = new Function("window.location.reload()");3 i. B2 t1 u: Z- V" f1 ]
}
+ l* e F' r2 W7 D2 \3 P
2 D8 A# U& D: D6 j</script> |
|