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

|
网页之不断弹射的文字-特效
<style type="text/css">: i/ P- z+ p" c. g
#supertext {# c8 O. z% Q5 a3 u5 z: `: b. M6 q; N! y
position:absolute;
- z. ]# C( g6 ~9 P' R/ e* Zleft:0;8 Y) \2 w3 L6 ^0 L% |* {
top:0;" U: T" X2 _ c3 ]. a$ A. m
visibility:hide;4 V2 J- k% p+ H( s1 s' w8 Z( I
visibility:hidden;( N+ o) O, g) G# Z) `- E' g7 S
}+ F& O- D) y& }
</style>
: X7 e% y. u* j6 s/ n, m: b# v<script language="JavaScript1.2">) b; C: c( L( ^, k4 q5 v5 c
<!-- 改变下的字体的大小。颜色-->: E1 h5 q& o- s+ b- p- L+ F8 i
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', m {% ^1 J( E1 n+ u
var hidetimer='';
! X e" V6 i+ ~$ s<!-- 改变下的弹跳速度-->, N0 K" h9 U1 [3 W' ^
var BallSpeed = 20;
( r2 S( X4 o. B6 w xvar contentWidth;6 F( h( e& t& F" x/ U! m
var contentHeight;
3 c7 V+ `, V& C' o* n* H1 Rvar maxBallSpeed = 50;
$ ]+ L: i1 I$ q* i2 j$ {3 V2 E1 ?" Z5 B$ ]) V. `0 i
3 n$ m# u6 K9 t9 C& D" ^var xMax;6 j5 x' K! r' d: K
var yMax;6 Z, t* {" X/ x' c
var xPos = 0;
- U p) c/ _ h6 s; }9 U. i9 Evar yPos = 0;7 V, |; Z8 {4 R) p7 c
var xDir = 'right';' \& ?1 J2 |) T4 ], m; |1 ?
var yDir = 'down';
2 u# l2 E6 I7 Q8 E0 Avar superballRunning = true;. R5 U" N0 s8 y% E7 _$ J
var tempBallSpeed;: A/ T7 t0 V. d9 t
var currentBallSrc;% U) j6 u% `5 \1 D
var newXDir;
0 O C v$ ?8 j1 m0 Dvar newYDir;
% A0 ^( c& Q! x! H
m7 I( t. y4 T4 T [function initializeBall() {
2 V, V4 F2 l8 M E0 |* A+ ~ if (document.all) {9 G" Z5 h* ]4 N# x
xMax = document.body.clientWidth
3 x- I( l( z! G yMax = document.body.clientHeight
0 {- X4 P, y# c' K8 X) K( i* M document.all("supertext").style.visibility = "visible";
! i; r- [$ T" X% c, b7 r0 b e contentWidth=supertext.offsetWidth
9 R+ W) q" ?& Q0 n/ T% n8 ^5 @ contentHeight=supertext.offsetHeight
& K) A5 t5 B# H3 K+ C& @, g4 d$ g }
4 e; J' B/ s" z/ c! ? else if (document.layers) {
0 ~) Y7 |) D2 _ xMax = window.innerWidth;% ^) w; l' Z$ ]: R
yMax = window.innerHeight;
; w1 O" }5 R# p, S/ V2 y- L- V6 X contentWidth=document.supertext.document.width
+ o, x5 G4 T: }: T# b contentHeight=document.supertext.document.height
5 B8 y3 w0 t' A document.layers["supertext"].visibility = "show";: O+ _ w3 j# ?- X; U p: I
}0 T7 `4 R0 y9 A! d
setTimeout('moveBall()',400);
5 D& }8 f2 U" _; E( b! m& W if (hidetimer!='')
& [. h) Y& ?: N6 Q& H$ i setTimeout("hidetext()",hidetimer)2 h$ e- j3 |. O8 y. b ]# K
}
& q% n: r, j5 {1 c! B
3 @, x1 e2 v1 D2 A7 nfunction moveBall() {! v: ~+ u& G E+ v
if (superballRunning == true) {0 ^( j( s8 g% k: Z# s- J- e2 K
calculatePosition();
3 H4 w: T+ U* @5 W0 C% t if (document.all) {
I2 c7 s4 E; I document.all("supertext").style.left = xPos + document.body.scrollLeft;2 f2 p; j! [' s+ C
document.all("supertext").style.top = yPos + document.body.scrollTop;6 j* \& r3 i! \' ~4 I
}
# |8 K' Y" X$ I: e! l else if (document.layers) {
6 j. p5 Z$ O$ o, P2 Y document.layers["supertext"].left = xPos + pageXOffset;
8 G1 ^9 n% T' Q+ P0 J, V0 S5 T! N3 z6 p- N document.layers["supertext"].top = yPos + pageYOffset;; r$ s0 `7 c) i
}
' Y4 r0 F) d" Y4 A, g animatetext=setTimeout('moveBall()',20);
# Z e! ]. h% N8 O1 I }5 J" X4 D v! N2 R/ v5 l
}$ s+ w! J, d1 i! Z8 k+ C
3 i% H2 w. g& G1 V: D
function calculatePosition() {
' P4 y; q% C* R# S6 O if (xDir == "right") {
0 m4 l ]- u/ z r# Z3 D9 Z0 l if (xPos > (xMax - contentWidth - BallSpeed)) {
* [& k4 c. |% I# i0 _ xDir = "left";
# Z0 Q7 W- ~! }! d/ q( N }" I1 S+ G% D) n; u5 o, b
}
v' O+ G& t, w/ ? else if (xDir == "left") {
7 |2 c" H" G H4 ], ~; k7 U) | if (xPos < (0 + BallSpeed)) {( h7 `+ S. J/ S& p
xDir = "right";) x5 v/ J& I3 l* S4 a( d( C" N
}
; @: |8 E$ ?: U }
/ z1 y' x" Q8 |: U6 u if (yDir == "down") {# h" I( K6 n. p l6 B a' I5 |
if (yPos > (yMax - contentHeight - BallSpeed)) {
; F( q4 \. |! J yDir = "up";( L, w7 H* K( Q
}6 H/ I" n0 i q+ |- z
}
: v7 D! q/ F5 R) s+ G& y2 c a$ ~ else if (yDir == "up") {
d1 z" a- F8 ~ d9 K2 B3 Q if (yPos < (0 + BallSpeed)) {! X% |% P6 }9 E0 M
yDir = "down";
/ A5 U+ S2 ~0 o+ X0 [, O+ Q }
/ O2 P- y( ~: O+ g }
: }3 s# I5 r9 o if (xDir == "right") {
, V$ Z) j4 r+ }6 O' e xPos = xPos + BallSpeed;
- O0 k* W* j. ?, G }- d6 S3 E2 h! a$ T/ |: ^
else if (xDir == "left") {. r) a3 ~% K' v: p& f2 K' m2 l) D( K
xPos = xPos - BallSpeed;
" W& S. }4 W+ [; o }" k- x& V! a% p; F/ c1 x1 r4 c
else {$ b3 @, s; a( L0 k. ~
xPos = xPos;3 Z6 `# T0 ?2 M8 M D
}3 U8 o* x5 {. x4 X+ l+ M
if (yDir == "down") {
1 D. S# y+ P$ g yPos = yPos + BallSpeed;4 \% |1 j5 w- ~# D8 \
}
( F1 i, l; v8 W, ~1 v else if (yDir == "up") {% [, Y Z7 m9 H: R' Q
yPos = yPos - BallSpeed;9 ?- A5 v3 M) z. U
}( p3 _2 S& ^; V3 C P" I
else {, {. X# S+ I5 F8 F: a
yPos = yPos;, h. \7 z0 Z4 r/ w& l+ Y0 H* j
}" Z$ Y7 d8 ^4 K# U1 r2 a
}( ?; S. q! W8 \
+ Z+ o; s4 l H, Efunction hidetext(){
" i4 f+ L( p8 r5 U2 Dif (document.all); s& x. `1 u5 }. K
supertext.style.visibility="hidden"8 A% z3 r9 `* ?2 h
else if (document.layers); V3 o5 j7 z9 X+ ]& p6 A5 N, ^
document.supertext.visibility="hide"% {2 A- Z; n( ?/ \" z" ?
clearTimeout(animatetext)
$ E! S# `! c& V0 E! M: K+ _}# |- R, l: }$ e) K3 Q0 }$ V4 U' w' Q
1 o8 A" Z( z+ d8 W" p* `4 Jif (document.all||document.layers){
% s: k/ V- w7 t5 \document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 F& \( m$ K4 X* I1 y5 A
window.onload = initializeBall;
* f: N9 p0 G4 _. }* ?window.onresize = new Function("window.location.reload()");
: p3 g; H. c# k& ]5 B. L}0 N- U* _+ w: s: z$ H# M* b
9 P3 s5 ~) d. a) S+ |' y</script> |
|