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

|
网页之不断弹射的文字-特效
<style type="text/css">
9 j6 Z1 ~$ Z" c: G* B#supertext {) {& |+ \1 J. A$ U! n7 o" V. l7 G
position:absolute;
; ~6 e; \ R# g n8 b% _& X" vleft:0;# `! r `; v. p7 b5 ~2 a$ o1 D
top:0;
0 e+ O9 T; s# F1 d0 W& Z$ Lvisibility:hide;
8 v7 j7 F3 |! ], ?visibility:hidden;
& F. }1 N+ c% b) n}
9 w: X1 {7 A; \</style>0 }9 O9 X; i2 R$ y
<script language="JavaScript1.2">- e5 p' T: {) g. U# ?, g- \
<!-- 改变下的字体的大小。颜色-->
7 A. |# o5 f2 P0 yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% ~2 J5 d. ]; g* h2 H h
var hidetimer='';! Y! H; h6 g3 [3 X. J! G: }" S/ a& O
<!-- 改变下的弹跳速度-->
" ]7 N$ W9 U- b+ Qvar BallSpeed = 20;% r) _4 b3 g- r+ b
var contentWidth;$ ~, j/ M" f3 N/ ~( ~5 V
var contentHeight;
( K/ t% @4 E: ~+ D7 @var maxBallSpeed = 50;2 A5 N0 |. l) S
& M7 \0 Y. y) A9 t2 W" g1 {# D
& Y8 T: I- L3 b' Q; Gvar xMax;, a1 d( q4 x( |. l/ @( Q- c% I5 P
var yMax;
: R3 o k3 V) |* W0 kvar xPos = 0;* S( D# ~ o$ d5 x% U. r$ ~
var yPos = 0;
; o' H; D2 j( m6 s! a" Rvar xDir = 'right';5 Y2 C, s$ Z3 w+ [3 W
var yDir = 'down';
) g# ]$ w5 L; q9 Y* E5 l- T t+ V0 Hvar superballRunning = true;
! V( L: N! i, c; W- t. I0 ^! Bvar tempBallSpeed;
( Q+ [- ?( F6 C0 C+ e8 E5 ] Pvar currentBallSrc;
# S7 q- }4 O1 |, ^9 yvar newXDir;
; ]) T$ M! i& ?( Z" d, `var newYDir;+ [4 I; @3 V5 b
. S& s: g3 H+ E6 d* q9 S G) i8 bfunction initializeBall() {' F. D5 t- G% R) M' U
if (document.all) { t6 P5 G5 W* w0 K! y8 s
xMax = document.body.clientWidth
2 i2 s' K- U- v3 e, H% e0 c yMax = document.body.clientHeight
2 q+ F9 y( Y. f2 ~ document.all("supertext").style.visibility = "visible";, `" t! S4 m- Q! }+ ^
contentWidth=supertext.offsetWidth
3 k# N3 O1 W+ Y* ]* {# X contentHeight=supertext.offsetHeight
( W x2 h& s% d% ] }) U' a) A: L' \# Y: ~) z3 B
else if (document.layers) {9 Z- T) Z+ L# t, \0 J$ H4 P
xMax = window.innerWidth;- L1 ]- |5 `) Y# ^# K
yMax = window.innerHeight;( y: X3 ?2 A$ y% W3 E0 R: o
contentWidth=document.supertext.document.width
3 o$ p: t# r$ |# x contentHeight=document.supertext.document.height, p% J* k6 w0 @3 y
document.layers["supertext"].visibility = "show";2 D* u2 ~. R1 \; N0 V' |) \9 S q3 Z
}
' p+ i S% m. z( r% I: h: z' Q setTimeout('moveBall()',400);0 d* W+ ]7 a2 \* h
if (hidetimer!='')" d& m5 H7 {0 J0 v; g
setTimeout("hidetext()",hidetimer)
" c) I, Q1 D1 ?& ]% U( \ }5 [; W# ^8 \) W( h' l
c" O# y0 V( ]1 V! L0 lfunction moveBall() {- L. v2 |" u& [- q: W
if (superballRunning == true) {: {7 r( \: Q( P: H) E* {7 Z
calculatePosition(); O7 k F0 V6 T( D6 b) l
if (document.all) {1 e$ O, K% J: z0 X$ W* a# }
document.all("supertext").style.left = xPos + document.body.scrollLeft;
& H6 t/ g. t' s X) k0 Y document.all("supertext").style.top = yPos + document.body.scrollTop;" [0 U u9 H6 @8 ~; y/ S1 B
}
- L% R1 u6 U( H8 ?* D0 q- O8 [ X else if (document.layers) {
5 ~5 S6 C3 [7 j" y, ~2 S document.layers["supertext"].left = xPos + pageXOffset;
* Q X! r: b7 q9 x6 }% |6 ` document.layers["supertext"].top = yPos + pageYOffset;* w' r3 ?: K( s P' O
}
4 \* }; n3 Q; ~, A" S/ p1 Z animatetext=setTimeout('moveBall()',20);
( w, U; D6 O* v9 l- S$ O4 m& R! u- O }
! y0 v! j4 l/ X4 K5 X }
9 w6 F0 n& K6 a0 y
0 y' D- a5 \ A# Efunction calculatePosition() {# {0 R- K, p! i# x+ T2 i. A6 C7 h' X
if (xDir == "right") {, g$ X$ y8 _8 g" t. P& A
if (xPos > (xMax - contentWidth - BallSpeed)) {& [1 K' y1 @8 b, b8 x, X
xDir = "left";
( u' u3 }( `3 q; {; e @ }
" p, o. c0 y. D4 H& `: { }: R1 o+ }0 |' V2 y
else if (xDir == "left") {
# G( J4 K6 k4 o* J$ j! T8 W# A. C if (xPos < (0 + BallSpeed)) {
y+ J& m( `( G: U xDir = "right";' j2 D. J+ d) k" m
}& [" w1 k5 J7 O, f% [4 W
}- I5 v9 D" t" u
if (yDir == "down") {
. b& @) w# }# m' _% r# P8 l if (yPos > (yMax - contentHeight - BallSpeed)) {
- }0 T1 E/ @- v7 X$ X yDir = "up";
5 a9 d' n6 x# Z. d$ a }
) X/ @9 L, O. y3 l M }! D# {9 I3 u/ A/ R
else if (yDir == "up") {
: Y& k! f9 _8 b0 P/ Y* N( ^ if (yPos < (0 + BallSpeed)) {6 N6 k L6 X U
yDir = "down";! N: x/ o8 a2 E Q
}
}4 w# t, k* I, W }
9 ]& Y1 n/ q) x2 A" t2 m# ^& p if (xDir == "right") {
! u) d" k# q' w: n: h# Q xPos = xPos + BallSpeed;
1 J2 l7 y s8 f6 e$ a8 w, R2 D }+ m# b; x: L# I, ?3 o# n9 m
else if (xDir == "left") {
6 ^3 a% q0 P. y4 }) N; t; H xPos = xPos - BallSpeed;
! z8 Y5 a+ W8 U! Z+ v }
0 W* Z( J& A: X* j else {: L. O" ~& _+ k$ w
xPos = xPos;8 A% V U# z/ |
}
( } U5 }5 x& l3 q" u) g# } if (yDir == "down") {1 p. g0 H- H4 c" D
yPos = yPos + BallSpeed;$ ]; W3 x- V2 G% r/ B' C2 o2 f; u0 b
}
4 B$ p* \/ {0 v# B/ t' h8 G else if (yDir == "up") {& v- |( m8 e; Z% C. X# |
yPos = yPos - BallSpeed;
% B& X+ U0 ]4 t2 o0 M( U }3 }' _, f) `' ?1 q8 A
else {
% H* ]* q" o1 O: H yPos = yPos;, u3 r: R8 ~ }
} l @9 E/ G5 O6 R
}
2 [; C/ c) O$ L6 F; `* M/ Z' h- T" ]8 q
function hidetext(){1 m7 v0 `& C+ f" J
if (document.all)% {; W) u. w: N$ r5 B
supertext.style.visibility="hidden", S2 M) D2 [- Z' s$ d
else if (document.layers)% i( a* q! m2 A- ]2 C) z$ o/ C% |
document.supertext.visibility="hide"0 d+ x1 ~- W$ M8 Q! m
clearTimeout(animatetext)% @3 Z3 J" O) f* z( a$ [+ m
}! n4 ]; o( e/ l- a
! b* h f- L! [3 P& d0 s
if (document.all||document.layers){/ S$ ~ J) R( b7 Y# F
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' d8 k7 z# }; r/ Awindow.onload = initializeBall;
! P4 }- |, a+ h/ J" T! t1 @window.onresize = new Function("window.location.reload()");' @! z( w: C3 Z5 v/ r0 B
}( g) M( I- C; f. p- ?; L
4 z0 r4 I' e. c: k</script> |
|