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

|
网页之不断弹射的文字-特效
<style type="text/css">
8 ]9 ^2 d q7 S+ M' n9 S#supertext { o8 a( M8 d2 d9 P" w
position:absolute;
' r- Z6 q `; ?) Cleft:0;
# w- d. }( I4 P6 p' P! ftop:0;
, H0 P. z3 A/ Qvisibility:hide;8 y5 v5 h8 m2 c8 i3 [0 D
visibility:hidden;
' f' W) h! }0 M8 b/ r/ {2 U2 D}
! S1 {4 T: @- o, [( u; e</style>
% | H: }3 ?1 S; m4 X9 B<script language="JavaScript1.2">7 Z: V* Z) u' ], ]) }6 r2 o
<!-- 改变下的字体的大小。颜色-->8 N0 Y# U% {7 |2 D% N
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ e0 L8 e! @6 J4 {4 O. @
var hidetimer='';( T1 h) k% J+ i _2 I j
<!-- 改变下的弹跳速度-->
' \: h a4 }7 O& avar BallSpeed = 20;" d( J6 u6 Z$ ^$ u2 o8 w* O
var contentWidth;
; j" F0 d1 o' ^( H8 \8 d" B, P9 cvar contentHeight;
0 R% w2 H; K6 d9 f8 }& Nvar maxBallSpeed = 50;
+ q0 E1 Y% L- G+ @# A
1 X% V7 q5 e$ ?# R$ Z5 s+ d$ t9 D; a$ j. ]3 q4 g# ^- R0 H
var xMax;
4 x- _3 I0 u! Y0 p) e; _3 W8 wvar yMax;
( E) j' [* b, W2 cvar xPos = 0;6 X7 @7 d7 L/ L
var yPos = 0;
: R) C# `: k9 i& P. Gvar xDir = 'right';- h! d u( T5 z' D# n
var yDir = 'down';7 k+ z4 U! @ L! @. T
var superballRunning = true;$ z% L$ Y! \0 v; n: y% F' R- C# M& l
var tempBallSpeed;1 `" b6 f& l1 I! O2 A
var currentBallSrc;8 L( P# [0 G; \: p2 I e4 W$ X$ E
var newXDir;7 Z' A6 `& T' X' E9 g
var newYDir;
: R4 A& ^5 p" P8 L5 D: C& j7 C% r" u" ] A. S7 S+ c0 Z/ \9 A
function initializeBall() {
9 A% L, F2 M" J" b; ?% y& B# }: ? if (document.all) {+ H% D% S7 {- y1 t) r: u9 g
xMax = document.body.clientWidth' d+ K7 S. a+ j* B
yMax = document.body.clientHeight( @( p0 v" o4 v: v( d
document.all("supertext").style.visibility = "visible";' `# u; `3 M' i
contentWidth=supertext.offsetWidth+ L0 b w1 |* K* o
contentHeight=supertext.offsetHeight. |9 v$ D% O) e1 \
}/ ]) Y8 j$ e+ \( `9 [
else if (document.layers) {
& j- o5 l% ?6 m xMax = window.innerWidth;. G) s; M) `; s
yMax = window.innerHeight;* T/ h6 M6 r& L
contentWidth=document.supertext.document.width* ^- J0 v* R4 r# m8 V
contentHeight=document.supertext.document.height
* D+ M6 Z v' O document.layers["supertext"].visibility = "show";& o6 q! K& L N2 Y4 [' U, x* Y
} `2 B- E, U/ \( n' p" [
setTimeout('moveBall()',400);
h( w4 }0 @! e6 s, @. a0 q if (hidetimer!='')
, @( z/ v$ ~/ G( C; p) h9 E v setTimeout("hidetext()",hidetimer)
, P5 B% a: G/ O1 P }3 I4 Z8 n3 y8 N, d; u, `
+ A- s7 g9 E- l, U- _7 [# E" H U% v
function moveBall() {
( ^) j, T8 d" [, {' Z$ h/ R; D* e if (superballRunning == true) {2 N6 ?( p$ H2 e+ z9 `: F
calculatePosition();
/ s/ |. K' b3 A( U* | if (document.all) {
, o: c3 H% p1 f& h document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 U( E9 f# o L* U" r4 D; R' F document.all("supertext").style.top = yPos + document.body.scrollTop;
$ L2 [2 ~' P+ ^1 v& w }
8 O- H7 D# z9 h else if (document.layers) {
1 \4 z1 F2 W k4 T) P7 u/ B$ } document.layers["supertext"].left = xPos + pageXOffset;% d$ Y: ]7 w, J$ o4 E+ m' c2 b
document.layers["supertext"].top = yPos + pageYOffset;+ P. G( [ R( I! M$ L9 @/ N
}& h& Q: G7 t: i* x
animatetext=setTimeout('moveBall()',20);
' h/ Q; p0 I$ B. M6 f }' a2 [, k$ T" {) K
}* @6 a @4 h a
; C1 w H. [8 {; S% w7 U, m5 r
function calculatePosition() {* q! ]" ?' t& U8 m' ^3 {
if (xDir == "right") {& G7 d* _; y+ Y3 f
if (xPos > (xMax - contentWidth - BallSpeed)) {; N. K7 i3 j" `5 S/ {7 a
xDir = "left";
, V% c' ]* E2 K: N- r+ l3 I7 ^ }5 ?& t% q" Y( b8 o+ Q' `9 ?
}: b3 N- d$ x/ J) U5 W. A
else if (xDir == "left") {! o4 Q& j/ L% j ^4 C/ Y
if (xPos < (0 + BallSpeed)) {
: ]! v q! g7 c/ Y xDir = "right";$ ^5 d- u% U% I4 Z6 V2 c& ]
}
1 n( P2 q: `! T }
5 a) A: t" |) L- a, c# b if (yDir == "down") {
% B. z# P: l0 n& V5 E8 o9 v if (yPos > (yMax - contentHeight - BallSpeed)) {
- I* ?( Z! @3 i9 u1 C% r0 P7 b5 x yDir = "up";
3 A% @( y" g7 t, d& Y5 O8 ^ }$ s$ f% C. c% g# c5 x# X" Z
}
7 r, y6 n& R' M% q8 M- g else if (yDir == "up") {. A! S) x) m5 V. T$ X8 k7 ~* I
if (yPos < (0 + BallSpeed)) {
/ N3 t/ O1 U" Y yDir = "down";
8 j/ H& k; F4 o8 ]5 Q9 Y }" K1 j; q( K/ D8 G5 G6 V
}
- T4 e. L9 A: W, p0 [$ l if (xDir == "right") {, L- @! N% \ C% u; d
xPos = xPos + BallSpeed;7 x+ l" S3 b& H, E/ R
}- x/ q; G' _* u: W ^+ K
else if (xDir == "left") {0 b/ g+ ]: D1 a( z( F" R. N
xPos = xPos - BallSpeed;
) I' I, n0 v4 r, T }
% x" B4 K8 o' S2 q/ a' h( ? else {6 O- n. b, r4 f
xPos = xPos;
# Z4 z4 h0 g: q. [* X4 p3 q7 z# a }- z* A. e6 p3 j: U
if (yDir == "down") {5 O& @2 Z6 o. H# V0 j+ `
yPos = yPos + BallSpeed;* N7 p% o. `$ \
}8 {7 w! R2 z" J3 q$ F$ P7 _
else if (yDir == "up") {2 n: O8 ^9 C! H3 e( @8 U
yPos = yPos - BallSpeed;
0 I7 E- l2 ^; F, K o }
$ F& E3 h4 @7 W+ O' H else {
' M3 D4 w+ i. w# V1 A: [' o( D+ g yPos = yPos;. g3 I: N$ d* v* Y+ V/ T
}
1 t) J& O. c, f7 ?. z0 N }
/ {. r2 G8 m( J) K. @, E% g s8 |6 \9 v! p! p
function hidetext(){
( T4 @; K* K1 Q: M0 }/ Sif (document.all)
2 B4 O, Y4 l3 L1 V9 B1 wsupertext.style.visibility="hidden"6 C/ m3 G# _ ?* ?
else if (document.layers); S+ W. v6 W1 f0 h1 T& z$ ^
document.supertext.visibility="hide"; ~7 I" j$ R1 o7 [; }) c0 W
clearTimeout(animatetext)
9 y. c$ z, c$ t- ~( s}
' U' o! Y; o3 Y" b$ q; L/ y1 @/ ^$ ~' F' J: X$ }0 V9 K! N
if (document.all||document.layers){
# i4 w+ Z1 L7 m, T/ P, E+ `; Vdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" _. Z8 ]% B% a3 K
window.onload = initializeBall;
$ q5 f6 }1 `* L7 T- A# Dwindow.onresize = new Function("window.location.reload()");4 [/ U% P5 M" _6 G% M
}: q" N8 S' o7 D8 `8 t
# k' F; M4 x* ]: X U' ~</script> |
|