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

|
网页之不断弹射的文字-特效
<style type="text/css">
u: c5 o4 ]7 E; p#supertext {# a$ w4 G# k0 S+ L
position:absolute;- {! d2 b) @# S B! ?' z: B
left:0;
0 K' b5 ~, a" d- z! O5 c6 Ttop:0;
, u, }6 \; G% c2 x2 Q' o6 }visibility:hide;- F' A# d+ X& L& `
visibility:hidden;5 n% t% i/ v j) J) j
}: [* F5 d! K3 f8 b- H& g
</style>
% `1 w4 ?, _& I5 k0 X4 X8 \7 }" O<script language="JavaScript1.2">" i' I$ L; [& k* S. M2 _+ q+ W
<!-- 改变下的字体的大小。颜色-->2 d% E7 v4 L* |/ O6 ~5 l
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 B6 K% [4 g& X
var hidetimer='';
# S" E- z6 `2 e8 t. p; ~4 A2 t<!-- 改变下的弹跳速度-->2 T; a ?) R: W( A
var BallSpeed = 20;
" o" \; L' d8 I+ Y& `+ zvar contentWidth;
# W; g6 x( P8 N# y6 u' k/ d( B- Vvar contentHeight;2 `( y! {7 S% P
var maxBallSpeed = 50;1 c* T8 c- {3 L) p, U& o# T
4 M% m2 T) y3 _+ p1 E4 h8 |. ? Q8 a- `/ C. q
var xMax;
, F- M1 q" t) N. {8 e0 u Kvar yMax;
# u% X8 s" [* `$ u5 @var xPos = 0;
2 R9 K3 E4 y' m# Bvar yPos = 0;
: Z, D( C) L1 wvar xDir = 'right';
$ Y% m# m5 ^* b9 F$ R2 Dvar yDir = 'down';& }/ e$ w1 H, l' T' X
var superballRunning = true;
6 K/ N, ^* Q: ^! A. V0 I& evar tempBallSpeed;
4 f/ v# |& i( k/ T1 e( Mvar currentBallSrc;5 s. {: r7 m( b: z
var newXDir;
- K/ a: r- } B. w# X ivar newYDir;( A. t) d/ j5 L# f; j) i& s
! o# W* u( k- w) [5 f$ }# x7 N
function initializeBall() {
0 u8 p) v6 f6 i! h; b* b; W4 M if (document.all) {% ^) e" t w6 S
xMax = document.body.clientWidth8 d- o! \) P$ f3 l+ h: ?6 d% j
yMax = document.body.clientHeight7 Z1 f/ `' q$ ?" n/ l
document.all("supertext").style.visibility = "visible";; Z. d/ a& g: w. ]
contentWidth=supertext.offsetWidth1 v3 @5 c% u- R7 p& C' \. x* M
contentHeight=supertext.offsetHeight
8 w( E5 n1 c, N! |5 ^5 D }* ]- g# W3 l- U3 H9 J9 Q" p. Q. M: |0 O
else if (document.layers) {7 y8 v, m6 M; p4 Y/ X. E3 F
xMax = window.innerWidth;( ^1 b7 }# j F: E) `1 J
yMax = window.innerHeight;- \4 \* k% m# [# u2 T
contentWidth=document.supertext.document.width
, S* e; w9 [7 I5 r* s& R% v9 Y$ s' y contentHeight=document.supertext.document.height
* b$ q/ u6 a( e$ v. O( y# E; M document.layers["supertext"].visibility = "show";3 V( w4 a5 J: }' N5 w/ U
}
* ?0 o0 {' e2 Y$ a% s setTimeout('moveBall()',400);8 E1 z% `; k! Z% j; c o2 c& o
if (hidetimer!='')
' ^3 ~7 ?0 x( C# T" g setTimeout("hidetext()",hidetimer)2 l3 K( F9 X5 w1 A1 N9 Y
}8 |( u/ U% T5 ^+ ^ p
* M( h$ L% Y; U$ r# {
function moveBall() {
- a8 @3 m) b: n/ @ if (superballRunning == true) {
; ?+ Z1 J' m9 d4 S0 R) N calculatePosition();$ F7 ~7 e) T+ \1 o u8 `9 ~
if (document.all) {* D- S- b# }+ p
document.all("supertext").style.left = xPos + document.body.scrollLeft;
& `5 z3 t0 }: h3 q7 c document.all("supertext").style.top = yPos + document.body.scrollTop;
- B" Q! v9 U1 o" y }1 U) T A3 E* l: i
else if (document.layers) {& l: J1 T& v3 P- a: i f
document.layers["supertext"].left = xPos + pageXOffset;6 h, Y# p$ D ~/ J9 n! j
document.layers["supertext"].top = yPos + pageYOffset;
* A5 H4 b0 f+ X+ I }
; T% g" A! `3 T; V4 q5 ] animatetext=setTimeout('moveBall()',20);
, e; K* P: Z/ S- | }7 T; w: i* A1 a
}
- U) G2 z9 ?& T* V/ Z/ \, R0 c# N/ s: c- x6 y; a% R8 C
function calculatePosition() {9 p" n. s3 a, j; k$ s- |+ J
if (xDir == "right") {
7 Z9 x& R. k j" e if (xPos > (xMax - contentWidth - BallSpeed)) {4 \" u. q# a( V
xDir = "left";2 _& \; _+ o& \- N9 i$ a; r
}
, A* f7 f* r5 y; f2 H+ Q }
* t5 i+ {' O3 ?; h' D/ { else if (xDir == "left") {7 k q5 ~5 X5 _$ X, l- m
if (xPos < (0 + BallSpeed)) {
6 ~ ]4 q* ~9 V+ e xDir = "right";
M! L, a" }) |# l- K2 h2 S }# f7 x. y7 J4 P8 d* a$ s
}
' X, g$ Y2 _5 O if (yDir == "down") {
8 G+ }& A, x* _ c if (yPos > (yMax - contentHeight - BallSpeed)) {
0 v& l7 n- @+ j. e" w* v" a yDir = "up";
, _: E# J! H( M" b Z. c } I+ d8 K& ~6 S# N. M
}
# x; o* @. i, N" V else if (yDir == "up") {" Y$ N: P1 h) i$ c! u; A3 d
if (yPos < (0 + BallSpeed)) {- S% a0 B$ y% o: e) ]& X
yDir = "down";! P9 D8 a% A3 B' ^& L
}
+ R5 I1 O& g" L3 e6 l L5 B, T. C }+ X8 I6 ~! U' I. P" h
if (xDir == "right") {
6 \7 ?0 H+ j! Q9 ?* X9 A* S. O xPos = xPos + BallSpeed;
) k7 v2 m7 d) C/ H9 e$ r }7 R2 A& f* e8 O- a7 z
else if (xDir == "left") {
; U, Y% e" x7 J6 }& L8 D xPos = xPos - BallSpeed; A0 j9 Z2 _6 [- t/ ~/ ?
}
* X8 G" Q; ^1 L# d% P5 i else {
: ~) E: i) K! r, T% Y xPos = xPos;
' ]( o$ B- B2 c! L }
" f. j' ?7 J' a3 U1 Y- B$ r3 H if (yDir == "down") {
3 {) u r5 q( @6 B% m% K yPos = yPos + BallSpeed;2 S# p8 ?' O. E: [
} I4 W1 }3 @8 {. h; x5 M1 Y
else if (yDir == "up") {. |, S+ Y! A; U: M- Q0 t$ i/ B
yPos = yPos - BallSpeed; \3 V& Y) k5 ]" y% A7 T
}" @8 i$ o! |# N O) Z- ?' `/ [
else {+ G+ a! x f) T
yPos = yPos;
! y! t, ?" h3 A( s! G }) F: j- u2 P* `: s. l: O8 q
}
& r6 W: J. T. b; H1 R
$ g, s! j1 n& H; j+ j2 tfunction hidetext(){
. t& }+ A$ K8 Wif (document.all)
5 `4 u9 B0 B/ O" A% Csupertext.style.visibility="hidden"
0 L$ \) Y" W3 G w$ d5 Y8 K0 t" Welse if (document.layers)
# X; I$ x: F3 q7 J6 U$ hdocument.supertext.visibility="hide"
& {6 F9 i! B9 {$ j2 [0 u- m$ w0 eclearTimeout(animatetext)
3 ~" u+ {$ q) c) I& U}7 r, c- D6 b8 f% j9 w
: [6 Y6 `2 p5 f/ p
if (document.all||document.layers){7 \" V3 N& a) o& m# i2 f0 g4 ?- R
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( M: ~( n5 E% H, ?' y6 ] X6 Q
window.onload = initializeBall;! d% M! n( [4 |: B, b
window.onresize = new Function("window.location.reload()");" [2 }8 R, j$ p4 t9 @
}4 c/ K* b5 |& |; a
$ X; N3 t _/ M( o" c. s8 V6 j' L
</script> |
|