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

|
网页之不断弹射的文字-特效
<style type="text/css">
, @" f8 A+ @, ]$ D7 U#supertext {
. x5 @( u }- l& b( V: b, P$ U7 eposition:absolute;+ Q8 U% E2 C: T$ t$ A
left:0;
5 _( d- a: k1 S3 i+ itop:0;
9 A- B- ~$ R+ }+ w$ b& ], t# ovisibility:hide;, b. n) l/ @. @+ f" u0 C: i I
visibility:hidden;; _1 F( U F& _/ I7 _3 y
}
' q, T# u. x7 A* e+ {2 @</style>) C6 X/ m5 _2 ?8 E0 U. Z7 P+ D
<script language="JavaScript1.2">
8 C2 k8 k9 V y# Y<!-- 改变下的字体的大小。颜色-->1 \! _7 d% U' D1 R' P
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ z( W( z' S9 O0 } tvar hidetimer='';; F4 [: U! @3 n+ Z3 P9 ^: @0 \6 x
<!-- 改变下的弹跳速度-->
1 B. n5 C5 t) _+ {/ h- Y$ }var BallSpeed = 20;
) n1 `; E: j3 G) t9 X* S% avar contentWidth;
3 t2 c! E" u3 E6 L% Bvar contentHeight;5 J, a: N6 L% a W( {
var maxBallSpeed = 50;
' F! x: i+ h/ j" y$ o9 `' _- Z
9 S: z8 Q3 u. j! I0 R5 ?, L4 G8 B' r s
var xMax;* f4 z: ]7 |, {' j7 b7 \4 ^
var yMax;0 y( w2 n6 i( y0 W6 H% H
var xPos = 0;- `# Z$ I4 P p% h' K; x; l. H
var yPos = 0;+ p$ c" [5 K2 m* ]
var xDir = 'right';4 B# G* s0 l; f; u8 M5 U8 R7 v
var yDir = 'down';
7 ~2 O: {0 p% Z P- ^5 J% Fvar superballRunning = true;/ L; V. K- @, |' X9 u3 _/ j
var tempBallSpeed;
: U% ^1 X& y W2 l3 B! Wvar currentBallSrc;7 F/ @2 n) G: O5 a
var newXDir;
- G# M3 h# e9 B% F( o* X0 ]1 i9 Cvar newYDir;
, u) m& U7 G1 X1 R7 b: V
8 V* @/ |" I: w$ X) N- Afunction initializeBall() {. N( Q$ `& j" Z. i
if (document.all) {4 ~6 {8 d9 n7 g+ \/ u' h* r; m( _
xMax = document.body.clientWidth
+ O, V6 T( t5 m( Q. @4 f5 } yMax = document.body.clientHeight
- [0 z& X4 n3 R) W. M document.all("supertext").style.visibility = "visible";
" R+ O) N0 { i% k/ X& | contentWidth=supertext.offsetWidth: \0 B! T8 T/ d) I$ O; [" P1 W
contentHeight=supertext.offsetHeight; d p8 K' q2 `3 P3 [! A
}2 B) p8 a$ | m
else if (document.layers) {- V& R" M4 `( \9 m5 }9 u) T0 y; ?/ \3 \
xMax = window.innerWidth;3 G1 M9 Z Q3 J4 Z% i5 ]# T; {6 W
yMax = window.innerHeight;# m$ b% `( D Q' k6 j
contentWidth=document.supertext.document.width# T3 Z0 B0 A4 O; f! b S# h& A
contentHeight=document.supertext.document.height
, n) \7 a. x2 k2 y3 T8 P document.layers["supertext"].visibility = "show";" |. Q, {* B$ e( D' [6 X
}1 B+ u* }$ |* f R1 ^
setTimeout('moveBall()',400);' E/ _- d3 B0 d$ n' i3 q
if (hidetimer!='')5 i J6 l$ y2 c$ e
setTimeout("hidetext()",hidetimer)6 C2 {1 e/ o) L) ~
}
9 H6 i9 U" ~& ~* D
+ N% Q( {$ S7 m' B/ ?function moveBall() {
; _3 N- A" I! a( _. T7 T if (superballRunning == true) {
9 ^1 e/ Y1 u8 Q4 @. O: a2 N6 x calculatePosition();
9 z" j2 |; z/ i6 m6 c- R if (document.all) {
+ T+ s# S0 J2 Y; U O document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ U4 `5 A7 G3 _: `/ g document.all("supertext").style.top = yPos + document.body.scrollTop;: N. A! F8 o! \0 X6 p( z' z) ^
}7 l- K0 ~% T( g; ~
else if (document.layers) {$ |. N" f2 {1 B3 l( V: X; j
document.layers["supertext"].left = xPos + pageXOffset;9 f6 y3 P7 W; l1 @6 v
document.layers["supertext"].top = yPos + pageYOffset;$ f8 D4 w1 R+ f3 _5 X) I3 ?
}
. l! R7 F5 n. w/ | animatetext=setTimeout('moveBall()',20);- V/ [0 F. W: a
}
" a6 H! D4 T( b/ P }
/ a* ^7 t1 c: j
" [: `$ Y; l6 l3 F$ @3 Sfunction calculatePosition() {* m- A: g, u% Q* W$ i
if (xDir == "right") {
- ~ w$ g! z8 s$ `* |, s/ A$ n if (xPos > (xMax - contentWidth - BallSpeed)) {
5 S* m0 d' G& E xDir = "left";7 N5 i: o! U& r# g4 E5 H. Y/ s8 ?
}, N* _/ A9 D: B' A# a7 L3 [. D
}
! u8 J9 g3 M4 ^& j) h8 l else if (xDir == "left") {: |" X' d4 q. U8 G7 S8 X
if (xPos < (0 + BallSpeed)) {- \! e. \/ e" a2 S) ~+ X
xDir = "right";
4 ~* e: z% {6 c }& }1 K6 u0 @0 e+ H
}! Q7 `- M k. \& p6 s
if (yDir == "down") {$ \# N, Y q3 W% g
if (yPos > (yMax - contentHeight - BallSpeed)) {; a& K- U+ p \
yDir = "up";$ ]- \/ j5 {# U0 V2 v
}3 P' l+ U4 m _- j8 N+ H _- \
}. O. H2 r0 {# {( Y" R
else if (yDir == "up") {
$ p4 s! X; c$ J! v4 u% V if (yPos < (0 + BallSpeed)) {
" [/ h: z$ j6 P5 M; a! P) } yDir = "down";1 N2 _% _# F( V8 i1 l, Y, ?
}. G; |" `7 S) K1 w0 z% B" a
}% k- N: ?1 q" ?" C
if (xDir == "right") {3 A9 O0 k" y& _2 T
xPos = xPos + BallSpeed; z M2 k& l& d
}; A; c& L( T! o0 Q' g
else if (xDir == "left") {, w. A% h- z) ~) f
xPos = xPos - BallSpeed;
' N$ D) X4 W2 h( q* L- ~1 G$ U* \ }6 \# e |6 c( Z% R; _ Y; j
else {
- w9 D+ p- d% N; f6 ^3 v. t xPos = xPos;
$ s9 r& `) C$ m }
: l% I( V) a7 B0 r0 Z8 b0 \2 H if (yDir == "down") {
7 {, G; K, [$ R+ I( v yPos = yPos + BallSpeed;1 x. `" n7 {/ W3 N% @3 f
}" u$ G9 X+ T1 {! i
else if (yDir == "up") {
3 b. V4 _5 e; v) b& z yPos = yPos - BallSpeed;
' Y) m$ _3 y5 O% k2 x }* k- f1 H z& }& B$ ^( n
else {
0 C: g. X" r/ d9 l$ V$ U yPos = yPos;9 |$ D* \$ k8 L9 E( e. v% j
}: A9 `& c4 {0 f y
}1 c$ Y5 V+ q, @* ]
2 \& b/ Z2 r- h P% d
function hidetext(){( o- n& Y7 d: _) d; P% u/ K
if (document.all)
v3 s3 L4 }( v# u2 e! Zsupertext.style.visibility="hidden"
. _5 O- T7 }( H# W, L# S pelse if (document.layers), M$ M, u, S7 g4 v
document.supertext.visibility="hide"
, s' A: s7 o. o2 `! E; tclearTimeout(animatetext)
8 |! T" o5 x& n1 v3 p}! e' W9 n9 K( K, {* U5 X& ?7 U+ S `( ?
4 n; O5 @$ y8 n! A
if (document.all||document.layers){0 u, D% [( \6 ]: ~
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ ?# {% m( R- Q/ \) f+ x- R' Z
window.onload = initializeBall;
0 O' O% V/ F' V% T3 [window.onresize = new Function("window.location.reload()");& F2 g$ x- K1 N) F' u
}7 ?) q# l8 q! I, ~/ e
( o: p J5 h% i8 f
</script> |
|