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

|
网页之不断弹射的文字-特效
<style type="text/css">7 o& \7 j# `" R3 v1 U, X2 w0 P; r8 S
#supertext {
: p! z2 c" ]/ B: ]& ~position:absolute;
! W& W& Q- i2 A% Bleft:0;. t0 U, i! [1 F1 j5 Z" M
top:0;" R/ p0 J) P# I2 R# F% m
visibility:hide;
9 G8 q& ]+ f' P" w1 A }5 Q3 avisibility:hidden;
2 l9 T) Z2 A0 M- \ r1 o: K- m}7 f5 \7 P. _9 g, [
</style>
" R1 d1 T9 c1 k9 t2 p<script language="JavaScript1.2">
0 Q: C, }5 w; T/ W<!-- 改变下的字体的大小。颜色-->
$ K% K( ]: P f+ b, [$ H& u$ svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 {2 k+ M! v, ~
var hidetimer='';# W8 |- I7 U2 o$ ?4 a5 R
<!-- 改变下的弹跳速度-->
2 t, J/ n9 d: S3 O' h; v0 Zvar BallSpeed = 20;& D! `2 D; T5 Y, q1 r: d& b
var contentWidth;
: _4 E, @6 I9 V, jvar contentHeight;
4 f+ a, y, J6 `8 |6 i/ Z3 h8 qvar maxBallSpeed = 50;- f( T( F! ^8 }; f0 ~* [+ P8 O
$ X; r& r) e7 A, J4 A# ~0 Y4 D9 W
var xMax;1 b8 k% T x3 k3 y7 l% d+ w
var yMax;" p4 M: w& L* m7 R4 \# e( |
var xPos = 0;% u7 W* C1 b7 E5 n) q/ a! O! b
var yPos = 0;! a( J2 G; r& D( c; ^, X& A
var xDir = 'right';
) B# B7 ~' n* a# I3 Vvar yDir = 'down';
9 s/ O( Y2 R, F" m. Wvar superballRunning = true;! g9 Y D: h9 y* g
var tempBallSpeed;
2 a6 S+ X4 Z5 ?; d Kvar currentBallSrc;, {' i4 _8 G3 U. n y! G, e
var newXDir;
( E. C/ ?# C6 T% l, yvar newYDir;
N. R# _( ]1 z( F$ |% I( w4 E, M( T. [ c N! P$ A# [9 F
function initializeBall() {
4 u0 M9 k2 W, b! H if (document.all) {
4 Q# P; E$ J: l1 t+ } xMax = document.body.clientWidth
6 ^2 X" y7 V% z6 p" A ^ yMax = document.body.clientHeight
P# I, y0 }% t& G/ A3 n6 x+ z ` document.all("supertext").style.visibility = "visible";
! C1 M1 V4 D$ Z" \+ x4 w+ L contentWidth=supertext.offsetWidth m. {8 A- r) i# m3 i, \
contentHeight=supertext.offsetHeight
* @- J8 R& _2 k6 Q }
" m) v9 J5 H5 p; X- X7 q else if (document.layers) {0 }5 }- u' a# A$ @3 |8 \% A7 s
xMax = window.innerWidth;
: d- w. `- I7 ?7 t1 O( t9 z) _ yMax = window.innerHeight;% C, O9 K {: x* I, I4 o
contentWidth=document.supertext.document.width5 [9 }2 c, R- Y q* C& @
contentHeight=document.supertext.document.height2 O. f1 V1 r7 l0 d/ [2 X
document.layers["supertext"].visibility = "show";6 m# y5 A( ^2 L) h6 p9 \' F1 |
} b' E' i! ?7 y- ~
setTimeout('moveBall()',400);/ x7 v. D+ B. p0 I0 |
if (hidetimer!='')
1 c% D$ Y% [0 t W setTimeout("hidetext()",hidetimer)) `0 j% A5 C0 J t$ [
}1 m4 R4 q$ w- \+ z. Z
( K b" R; ]; Z
function moveBall() {: |/ I* W$ g& _7 }; p8 Z
if (superballRunning == true) {1 Z+ X' t- A7 h- F( ]
calculatePosition();+ r K; A- L$ U, D' K& z1 l
if (document.all) {% |/ }, M$ a7 ^! I. `5 D& G
document.all("supertext").style.left = xPos + document.body.scrollLeft;' \$ E; K5 `: Y s& c% q" C
document.all("supertext").style.top = yPos + document.body.scrollTop;. `$ N- ^$ b) |1 F
}
) w U. h# R5 K0 y, \ else if (document.layers) {
, X$ V1 {3 d' ~& w o' E document.layers["supertext"].left = xPos + pageXOffset;8 ~) A" B/ j/ m# n" _) _: Y
document.layers["supertext"].top = yPos + pageYOffset;
A w J' H& B8 R }/ z) [/ w1 v6 Y- [" x6 z
animatetext=setTimeout('moveBall()',20);* @5 {5 p& D" ^1 m
}
: Y8 s5 i% c$ ]2 M) b }8 n) b* b' \5 S/ V0 E
9 a9 [* k% Z9 }0 ]) Afunction calculatePosition() {
4 ~& H0 h6 f( m. B- d if (xDir == "right") {; `5 o" N! E8 q9 b
if (xPos > (xMax - contentWidth - BallSpeed)) {
% ^9 z- e' o4 p/ X) D5 [. _/ Q, t xDir = "left";# Y. `/ m9 U/ m" j, ~6 C. F
}
3 |" H( ?. p# m( _+ x4 W% Q }
+ k% x" [* l/ f! I! L else if (xDir == "left") {
0 P7 x' p5 o, ? if (xPos < (0 + BallSpeed)) {
9 ~0 y3 M, n3 `5 ~ xDir = "right";
: L; E/ g7 L7 F6 B }; ~7 n |* C. \- S' L
}: R2 r# [0 U8 d
if (yDir == "down") {
( T, A: X! ^0 [ if (yPos > (yMax - contentHeight - BallSpeed)) {
9 ?$ w8 A4 K R6 L1 ^ yDir = "up";/ E; P% S- T2 b. G# y- f* I
}
f1 ^1 t: Z% S7 G9 `, l% j }2 k) G0 A1 i5 Y( `; m7 w6 C* x3 a
else if (yDir == "up") {) @ M- f/ o% m
if (yPos < (0 + BallSpeed)) {
}2 m, O: M" Y) _; p yDir = "down";, l( ^/ ~! j6 P& n/ ]$ C: m
}7 u0 o) {: _2 i; {3 V B, C
}
+ D$ O" f1 m+ b4 E } if (xDir == "right") {- m9 w3 u/ ]' Q; a
xPos = xPos + BallSpeed;9 l. x% w* o* i; k3 M
}
7 W1 F) W& Q3 J, D1 A# y else if (xDir == "left") {5 g( _4 K6 p6 x$ Q
xPos = xPos - BallSpeed;
' O+ f4 X' _3 A6 J. j" z7 g }, A9 k0 t$ z/ I z1 N! G. B
else {7 U3 Q! y+ w% c+ C: i, u
xPos = xPos;2 \7 y8 _! S- d$ I9 r P
}
9 G/ u7 \' u" G if (yDir == "down") {4 C" L0 Y) a6 K ~; r4 Q
yPos = yPos + BallSpeed;
4 B9 B# J/ D: _& i, x4 U }9 k; m; B$ Q: D
else if (yDir == "up") {; V/ ~' F. a( W9 g5 x& I2 Y
yPos = yPos - BallSpeed;
- A ?" A6 M3 Z. W; p! j' l }' R2 I4 g, v/ s# E% P K
else {
& S4 r8 H6 n0 N4 r) A yPos = yPos;& z( o# m8 P+ ?6 d
}) p T5 y: j1 s. O) W
}
2 }2 Y' C" U# H& z) D' f: z$ x! s
function hidetext(){% F( |) `: D) a7 k, q0 q
if (document.all), Q& C$ l5 s% [* r- P& c/ c5 m! B
supertext.style.visibility="hidden"
: p, B/ Y3 O. U) [else if (document.layers)0 @7 P+ m% q* q. R- j
document.supertext.visibility="hide"
7 A8 n0 z- s% J e; u" fclearTimeout(animatetext)3 U1 E/ k( S8 a8 o% m
}
8 f7 L6 x$ y$ N4 p) b/ T# ^/ l% J
if (document.all||document.layers){! F2 S2 S4 }/ {
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 z8 V8 ?0 v& C$ H7 i V
window.onload = initializeBall;
e1 [1 }. f$ W m/ b& ~window.onresize = new Function("window.location.reload()");6 J9 w# A: @! W
}* h1 x! i, ~1 _* V! c" ]2 a+ ^" Y
4 i/ m1 ]& d$ l w( ?1 W! V' y
</script> |
|