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

|
网页之不断弹射的文字-特效
<style type="text/css">
+ t+ Q3 i+ o, ?$ ~! f/ f @5 a% P#supertext {" A- A) R7 Y9 [( N+ r& w& b1 J
position:absolute;
) Z- a3 K3 V7 q# F0 } jleft:0; m% F) a% P7 P+ J6 Y* G
top:0;9 Y: l; r2 q$ a# N( T6 y
visibility:hide;* }; t" _+ }, V+ O4 b7 E
visibility:hidden;
3 x! u; W+ ]8 K8 G}8 @: [; l- s$ Y
</style>
( l5 ^3 F) Q8 \/ Q<script language="JavaScript1.2">( V. M/ q( ]1 `' E: t5 {
<!-- 改变下的字体的大小。颜色-->/ r# A$ M- ~* U) z8 p
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ g% W) l$ z, o9 _/ t7 u
var hidetimer=''; o( [9 G" I6 I
<!-- 改变下的弹跳速度-->
! T$ k& ^* s. G; A+ kvar BallSpeed = 20;
! r- _2 q( g% |* W& \8 q% Pvar contentWidth;
+ F' E% w6 S) K9 p1 Y" {) rvar contentHeight;0 m \& s9 M2 @8 i
var maxBallSpeed = 50;
6 m4 r8 ]5 \0 x" z8 f, ]1 }' A$ O( S' g9 _5 T( n
, @! e. K3 W u" B/ H+ k5 t2 ivar xMax;
5 ]. H4 ?$ L8 @4 svar yMax;; B( C8 A3 I$ N" f9 P3 j+ D
var xPos = 0;
4 i' {. o- j& Z Z. c+ D X0 Q) p; Q) fvar yPos = 0;
( C* L' A* M3 [: D8 pvar xDir = 'right';
i7 I8 Q& H9 K0 Avar yDir = 'down';3 g, Y1 {3 E2 _
var superballRunning = true;* r: p9 z+ w: Z1 U
var tempBallSpeed;
" W8 E3 K" a* `3 \5 w5 U/ h @" R! s$ xvar currentBallSrc;
+ Y+ `% r6 N* mvar newXDir;" ]0 Y5 s& g0 m
var newYDir;
Q+ L9 L: O6 I$ j4 I1 j# f3 x4 o
0 i: Z0 {) W: w e+ G. E$ V6 b0 Kfunction initializeBall() {
9 l/ P! t3 x. p! j" I! e if (document.all) {
& U/ K/ Z5 J E/ G! T xMax = document.body.clientWidth
9 r( _( a, q! X yMax = document.body.clientHeight" W" p) b. e9 z; n0 L- u/ @6 r" ~
document.all("supertext").style.visibility = "visible";! A5 x! o* I. y7 b) o
contentWidth=supertext.offsetWidth
, N; s% l3 @0 n contentHeight=supertext.offsetHeight" g0 |, ~0 z/ ? | r
}
. d/ M8 W3 J% Z3 s5 ~0 W3 W) H else if (document.layers) {* y4 N# _5 ]% ^' H9 J; x
xMax = window.innerWidth;9 N0 B9 H; s8 P0 i9 Y; f; O0 H' {2 \
yMax = window.innerHeight;4 r X: s% g# v3 m7 d% D$ k
contentWidth=document.supertext.document.width
4 u* m# g3 l A$ _/ K8 x2 q3 ~ contentHeight=document.supertext.document.height
- u- @. K* E+ N' ` document.layers["supertext"].visibility = "show";
$ k! Q* ^0 S7 p }8 f4 ~5 }6 s+ z6 Y6 q. I9 O# ?# c
setTimeout('moveBall()',400);0 `: l5 M6 Q9 J1 V# o, G$ P
if (hidetimer!='')$ e( M2 D+ p3 C( k7 U" N5 I
setTimeout("hidetext()",hidetimer)
# x! m6 Q( J/ N3 u/ _& {4 w }
, Q" e- b/ n# h1 D
7 j* ^5 @. G0 u8 k- W- ifunction moveBall() {
6 J# u& H. P* U0 N) ? if (superballRunning == true) {
3 f! m( H' k# P( S* n calculatePosition();+ F" t/ p3 @' o
if (document.all) {
. K5 O* A! U/ h document.all("supertext").style.left = xPos + document.body.scrollLeft;5 {0 d2 P U, W
document.all("supertext").style.top = yPos + document.body.scrollTop;
+ a6 Y- J! o- I1 `! P/ V/ J! G9 Y }
& k, ]0 L- T# F; K else if (document.layers) {
8 {& k I2 _/ i document.layers["supertext"].left = xPos + pageXOffset;
5 b6 q8 v; C& t5 N/ x document.layers["supertext"].top = yPos + pageYOffset;4 S' V# T3 w0 Y3 ^) g' ~7 k
}
# F6 E9 E& A% c9 J animatetext=setTimeout('moveBall()',20);
' n* [* s! ^, X, e }% U2 F4 s; l5 w& v, d, G' P7 M
}
% N: o3 r' Y, N7 f. I" T1 y
( a) w8 T& R8 z5 c0 D4 V: cfunction calculatePosition() {4 M, G0 N4 {" ~* r e/ }; E
if (xDir == "right") {: B7 a, D- }3 V8 p9 j
if (xPos > (xMax - contentWidth - BallSpeed)) {3 o/ [( `9 @) s, v( m
xDir = "left";$ r& u$ @. _$ Z x0 [0 V" t
}' h- t9 T! A2 S
}
3 b3 Q) i( Y6 j( ?9 L$ g else if (xDir == "left") {" \! e2 ?; w; ^( B/ u# c* ^6 x- W" @
if (xPos < (0 + BallSpeed)) {
) z, n% z! V6 L5 P9 j5 e R xDir = "right";
* U# S. i0 b0 {. I, {/ E- | }
" H% `9 j8 n }8 E3 @ }
: y7 f; X2 _- E if (yDir == "down") {3 o a0 A$ D8 {0 {' L. J
if (yPos > (yMax - contentHeight - BallSpeed)) {
8 l! v0 O0 @; N/ L yDir = "up";% J* R& {' o3 b" i3 G! t" }
}1 D) G/ z* t4 |! H7 F0 i
}
6 R3 Q; I r5 b% O8 p& R& ^1 C else if (yDir == "up") {
# E, L2 t* u5 d; M+ e if (yPos < (0 + BallSpeed)) {/ M5 A: m( j) V7 ]1 H- B* A
yDir = "down";
$ A" {: a, B) E/ m0 d# Z1 I }% }, J! {) k* N* w
}
3 H- t H6 D0 k+ ~. ?) C3 i T if (xDir == "right") {- K% _! c8 F: p9 l/ A1 x( x
xPos = xPos + BallSpeed;. X9 k: i" d- L) p. `, ^, I2 U
}
1 }/ v7 N, t. E; _3 a+ ?8 E else if (xDir == "left") {
" u9 M3 }- A/ Q% { xPos = xPos - BallSpeed;& X6 Y7 Y! q) o$ n* d! J
}$ o# z' Y5 x: p% K" ] \
else {. r- b" `+ w. g& ^ B
xPos = xPos;
$ }( q! D) ~" U" S) j }6 y- y+ [/ N/ y7 H
if (yDir == "down") {
! r' f! ^- W+ B! W9 S/ b* }- } yPos = yPos + BallSpeed;, }- V2 _. [- `+ z7 _
}
) q1 X/ b; j. k4 k$ N1 G else if (yDir == "up") {: ~" S. |* F. j% m0 U- X% s M
yPos = yPos - BallSpeed;
7 }5 E+ h& J; }3 {* l$ V: ? }. k9 d- j; Q0 L+ q: B( }
else {
% x- O3 J1 Y) E5 ~. M+ f5 |% K* D yPos = yPos;
9 R, f! X |# z/ x0 j, c Q }
- p. @. s4 ^3 m D0 z: K1 ~( N6 N }, s5 e$ X0 ~. l
8 Z+ G. }* e+ [- O/ a7 Yfunction hidetext(){ A) m2 V9 A6 L& L! \
if (document.all)2 _( |5 B I9 ~: D
supertext.style.visibility="hidden"
5 y9 [0 N+ z4 t: {7 j9 \$ G: uelse if (document.layers)
7 ]5 R4 r7 t2 \6 s, k9 A" udocument.supertext.visibility="hide"4 J6 F+ D' g( z: t7 j# n
clearTimeout(animatetext)0 U1 y& B' ?; h3 k
}
) R& |+ @9 }& W+ D* S( I1 x1 P2 Z+ G( G! N
if (document.all||document.layers){, t* F w: @+ n& o
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# {: \/ V7 J, Z) ]1 r
window.onload = initializeBall;
! |" i' S$ }1 z- }# j1 b2 E* H, d! awindow.onresize = new Function("window.location.reload()");; b/ g7 B; }7 d! c+ C
}0 f, \% y* W1 u
. f* v7 i7 Y+ K3 t% W</script> |
|