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

|
网页之不断弹射的文字-特效
<style type="text/css"> K ~3 C! \; ~. ]* ]5 I
#supertext {7 V2 d" C# \; L' D1 B0 z9 E7 u
position:absolute;
& \2 r( Y \5 j; T) j% Tleft:0; }& W/ h2 Y+ r: y/ s" i$ ~" x
top:0;
6 l) J* k6 t% ]visibility:hide;
* z* e. \% p1 _6 s0 svisibility:hidden;$ w9 t( k, x- i7 O
}. [7 ?" ~3 Q$ w$ u" O9 f$ D5 B4 t
</style>6 F- S0 C' J4 r r$ H3 n1 q
<script language="JavaScript1.2">" D3 `. j. v# ] _4 B) o# Y3 W, U
<!-- 改变下的字体的大小。颜色-->
a$ f4 ~# X4 j8 p- a! ~0 O0 v, dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ {9 Y) x& v8 o2 t# s! Lvar hidetimer='';- p' P# S) c, Z7 y3 S5 s% T
<!-- 改变下的弹跳速度-->
6 ?. E. ~( C% b! z' u: Ivar BallSpeed = 20;
" R7 [9 G' z3 b' Hvar contentWidth;( Q9 Y" r4 H; C! A
var contentHeight;
/ x( k9 {1 l$ Z" ?1 ^5 Avar maxBallSpeed = 50;; \0 ~3 C$ J0 V1 m/ `& M( s- f$ t
4 B# D1 v5 K. N5 B7 F) j
& p. o; o8 J9 p6 \var xMax;! D3 ]2 y. [- ~
var yMax;# F8 v3 n* L) d, X* b: s& _/ m$ ^" ~
var xPos = 0;
" k, a' D9 N3 @$ pvar yPos = 0;
+ d6 a2 X6 u1 H. K% Dvar xDir = 'right';
; w8 {4 @1 T0 |var yDir = 'down';
' n+ Y2 D! V9 D4 K" J) H Uvar superballRunning = true;" q7 H% |$ T! N8 B
var tempBallSpeed;
; X1 D. p- w, r2 J) |9 |9 k( P# uvar currentBallSrc;
3 n: c! E# x1 W4 Y3 \0 F1 Nvar newXDir;
& r' y! J8 l( u+ c% B9 Yvar newYDir;
]1 `% L0 T2 p: x! _0 b* N7 T; M3 Q& V E$ n. Y- p
function initializeBall() {( j( C4 V$ w+ n: t5 G
if (document.all) {( d8 u- {, P0 K8 k% j `) I( y
xMax = document.body.clientWidth& ]* N: Y! t' y* x* W+ O6 j% S" Q' t
yMax = document.body.clientHeight
# z( U. A4 P+ h2 J. L C document.all("supertext").style.visibility = "visible";
1 K' l7 C N+ J/ w: K contentWidth=supertext.offsetWidth
+ ]3 n/ T3 \! e2 V/ |; W' [9 U0 j( O contentHeight=supertext.offsetHeight: K+ B( X* p3 y. j' U0 E
}
+ c9 `) z6 f5 R# ]3 q: c else if (document.layers) {
4 C- b8 O% A( X: {5 W* ] xMax = window.innerWidth;
* k$ k4 s! I6 o1 x( E yMax = window.innerHeight;
8 ^# Z% d4 q W! F# {+ _ contentWidth=document.supertext.document.width
{+ c7 n9 s0 ^1 v contentHeight=document.supertext.document.height2 g- b/ `0 i& r* R
document.layers["supertext"].visibility = "show";
2 y" Z5 d' I& [ }3 s7 ^" K$ F! J% P
setTimeout('moveBall()',400);
% D& e0 \/ P/ K* w& P. E, h if (hidetimer!='')* o, ?# E, W: l7 t
setTimeout("hidetext()",hidetimer)
5 w+ h+ i3 ^2 P. x4 q8 R. U }
8 H/ x6 ?- K- A% Q4 r: o: d, g, h" }: [5 C5 j; X1 E
function moveBall() {
9 r% @0 ]) w" p |7 C if (superballRunning == true) {, @1 ?" r# C/ l7 }( c* v
calculatePosition();
7 h4 {7 o$ G- b3 H5 [ if (document.all) {
, k/ c; w( Y1 f9 @& I' p document.all("supertext").style.left = xPos + document.body.scrollLeft;. ?, p# e* j0 u$ [1 z# C
document.all("supertext").style.top = yPos + document.body.scrollTop;
( J5 z. \* ^2 m4 i: x9 S }
/ W! g5 m7 P5 L& M+ i$ ] else if (document.layers) {/ I/ \3 h7 `3 P' R" z
document.layers["supertext"].left = xPos + pageXOffset;" D( I' g: T( s3 L2 _9 c! c0 V
document.layers["supertext"].top = yPos + pageYOffset;
/ g' T; v6 Y( V7 W3 R }
+ l, K) n2 d; ?7 O3 [/ h animatetext=setTimeout('moveBall()',20);
3 n: n& d, w- _# Z; e7 Z }' j: ^: W* i- ]) z# z
}& Z3 e& D8 p+ w" L0 ~5 r
* O" c. v3 J% P C% K$ ?! Efunction calculatePosition() {" d/ J7 H0 G% Y8 @( y$ z
if (xDir == "right") {! K( J' Q- |% G0 m
if (xPos > (xMax - contentWidth - BallSpeed)) {
3 F+ b9 L+ C. L. J" H* q# ?5 L xDir = "left";
6 `- ~$ c1 p" `3 `1 Y) P }- d7 D8 C8 V$ u: n
}! B( p# L. ^" I0 M7 l1 m& C# k
else if (xDir == "left") {* o* g$ F( q2 [4 F4 I
if (xPos < (0 + BallSpeed)) {" G( h- m$ @& `1 }
xDir = "right";
6 d( |1 d& ~( A' ?- B* ?, s }+ _& L0 R `3 C+ r
}
9 S6 U2 k4 y0 W; ^ if (yDir == "down") {& B7 Q* Z# U- b( {3 y) j8 N6 ~ _
if (yPos > (yMax - contentHeight - BallSpeed)) {! Z; ?% A$ a) W/ W* e5 G# |
yDir = "up";
$ F' Q d# E) _. n! @ }
9 A3 B0 ^$ h9 B. @4 A1 b }8 s( U/ h. g; R( ?* a
else if (yDir == "up") {
2 ~1 X- N, z8 P) G z; D& u2 f2 T if (yPos < (0 + BallSpeed)) {9 r% @9 T+ Y9 t- P: i+ C
yDir = "down";
) D: ^+ L3 _) M) D' z4 ?5 C* J2 d }3 U! }6 |/ o9 f8 X4 v: V
}
: c( X6 X) I. e5 {& G" x5 e if (xDir == "right") {5 G& ~7 J8 R( t$ m; I2 g
xPos = xPos + BallSpeed;
0 w( \7 c6 Y! o8 i g3 Z }1 N3 O; D" G' ^. q
else if (xDir == "left") {
Q# z' Y! U3 d. ^$ t/ X a xPos = xPos - BallSpeed;8 D2 h2 O% r, r0 V" o, e
}2 n; S2 J1 [5 w5 L# x4 u, M7 J5 v
else {
) `& T1 x: e. Q: ?; o: N xPos = xPos;! H$ O3 g+ d0 e' v! }) g; y& W; U( F
}
3 S. t' @# u! b2 W) K" i if (yDir == "down") {
$ g" N" y5 W" t m4 d( ?& U. D yPos = yPos + BallSpeed;# F; F. d- w9 _- S5 `' V- B
}+ a' X1 A+ f( [2 {) ^
else if (yDir == "up") {' T5 w( D+ n; ~3 {+ K$ q; S
yPos = yPos - BallSpeed;- `0 ^; n) g5 I0 a
}
2 l( _# i8 l2 \- G else {$ ]2 b8 g5 o# s2 l7 Y( h
yPos = yPos;
4 V4 w: X; u/ u' z5 N1 Z7 `1 s+ x }
! {* Y( a; T& _2 b- ~3 r* b }
* q; m2 W# ~& _' J8 K! P. X# \3 c5 n/ P, i5 z
function hidetext(){+ G2 L' R- m* r+ Z1 V
if (document.all)& B+ C/ m3 H: v
supertext.style.visibility="hidden"1 W9 V7 m* f# e8 R9 Q" {8 P, ?. L
else if (document.layers)) x4 V& z- ?6 }4 m: T$ K
document.supertext.visibility="hide"
! F. L# n9 \ A3 _4 r4 T0 f6 U" NclearTimeout(animatetext)
' L/ s J% D4 \* H}! z7 I7 r! z# d
2 ]4 B; o+ y+ j: L1 S5 i0 l% kif (document.all||document.layers){0 W7 c6 i! E7 M8 y% }# b( o2 K/ R/ ]
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), W9 [; d! K8 N/ r, m
window.onload = initializeBall;- j( q* N' C/ q {& M$ h' H
window.onresize = new Function("window.location.reload()");
- B- H8 I- W5 M* d}
0 b* |0 S+ r7 M& a" }( e8 M7 X1 p$ ^7 [7 [2 a# R% f! t
</script> |
|