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

|
网页之不断弹射的文字-特效
<style type="text/css">; Y7 I7 z1 i' a# \ ^/ q# j M
#supertext {1 w7 a3 f. ]4 Q8 }. G0 A+ b: y
position:absolute;
9 ^4 |' h4 X9 Q8 a0 C' yleft:0;) w$ E0 P/ H% d
top:0;
: l x# O: \+ `7 r1 ]9 Fvisibility:hide;
# j6 b `) T6 S, j" dvisibility:hidden;$ N- O) U' s3 H( U& ]& c
}
+ [! M5 W. A5 ]) Z</style>
# n3 `/ y. Z2 W, {2 \2 W7 ^; G<script language="JavaScript1.2">
# l: ^7 r* c" g5 @2 v: C<!-- 改变下的字体的大小。颜色-->7 c( s+ t! P4 p
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) V7 g9 {9 L5 a# P% @- ?% \) ^var hidetimer='';* o; e: p, N" E( S% ?# k6 I
<!-- 改变下的弹跳速度-->) N7 H+ z+ Q+ u+ c
var BallSpeed = 20;: W; X7 Y; G! ` P: F0 }& n
var contentWidth;
" i& k. o/ Z( F. {" I8 mvar contentHeight;
( Y- h b6 d; E" x& W8 A6 k2 Svar maxBallSpeed = 50;# `3 R7 j r& k% i* X
0 ]! ?( w/ z5 A8 S/ S2 g% P
8 @% i9 G! M0 P+ l( m
var xMax;6 R8 I5 X* V! w- ]
var yMax;/ @4 |# \% ~9 C+ k; V3 `
var xPos = 0;
3 { M E3 P; y# r, d3 Dvar yPos = 0;
2 h7 y. R: w- d! ]# [var xDir = 'right';
* P: B, @2 W [/ V- u% Zvar yDir = 'down';
0 I/ d) T$ l9 x/ Xvar superballRunning = true;
: i$ T. s# R& y) r8 Gvar tempBallSpeed;
! f( |" o3 e$ Y7 @var currentBallSrc;
. M6 I' x: d/ u8 a) @/ G6 Fvar newXDir;4 @/ O) A3 x- [
var newYDir;1 ~! g6 l/ a0 N6 I ^, ^0 T
4 T- ^/ Q7 V, k, l1 K5 M9 Nfunction initializeBall() {5 {3 W" ~5 ~0 B; i3 } L
if (document.all) {( y2 u6 Z0 G v0 |" m% g, v
xMax = document.body.clientWidth
$ |6 D7 x$ l: h9 f o9 z yMax = document.body.clientHeight, ?6 V j4 u, c8 n8 P* S7 o a& a0 r0 U
document.all("supertext").style.visibility = "visible";- S. u- ~" B" R% j8 p4 U
contentWidth=supertext.offsetWidth. q/ j' O' y/ u1 s- ^
contentHeight=supertext.offsetHeight
* ?8 q" u$ } z! a' s- d% z }
! ~# M; G/ s9 g& m; f F else if (document.layers) {6 b) M0 v" ?9 A( h) A
xMax = window.innerWidth;# T4 ]% s7 d3 k" k' Z( m
yMax = window.innerHeight;
. I' r3 m0 M _ [; ^. ]/ ]. b contentWidth=document.supertext.document.width
) J% T# w% u! G& t* P3 a% i7 Z contentHeight=document.supertext.document.height
+ N4 I* T5 s1 K& u; r% e document.layers["supertext"].visibility = "show";7 x x% j/ I' B0 c/ n: Z8 R
}3 r* V! T1 [; I- H$ K$ }# h
setTimeout('moveBall()',400);
0 X6 G7 v' d$ A8 ] if (hidetimer!='')% X$ ~* p0 m/ L/ L% q8 y' Z4 D
setTimeout("hidetext()",hidetimer)* l/ z5 z/ f- M
}
0 ?! n! k; [) B. O2 w0 V, {. v
, e4 f- O& U/ a! Z1 m' {3 z7 T& i0 Dfunction moveBall() {% ~" c4 {: _: J- `( q2 q
if (superballRunning == true) {
1 h @* f4 Q7 G0 }& E0 a calculatePosition();+ Q5 l& Y; D7 [: v5 W' p! N* ?1 M( y
if (document.all) {- H& t7 l. U/ u3 n
document.all("supertext").style.left = xPos + document.body.scrollLeft;
. k3 _7 e1 Y, B) W/ Y8 M document.all("supertext").style.top = yPos + document.body.scrollTop;1 j# F0 _+ M* l4 l5 i3 O
}* @8 i; W3 N7 O( |
else if (document.layers) {
7 w* {* S! G5 u/ {. }+ F! k$ \ document.layers["supertext"].left = xPos + pageXOffset;
, U9 Q8 p# ~; V: _, x0 d6 E2 n document.layers["supertext"].top = yPos + pageYOffset;
* S8 ?# j4 V( e3 x- H }
" ]7 d4 |! P6 i$ Y/ U* _! d5 l animatetext=setTimeout('moveBall()',20);
+ t! C# _& o, N& D y; [ }6 ~% L. f/ C! F3 }* M! }
}: F- z/ @- H. m0 x
! q" d* Q( Q+ o& Y: Efunction calculatePosition() {
o7 A- F: r5 N0 I8 U3 y if (xDir == "right") {8 H) g6 T& T {" R" E/ v& i; C
if (xPos > (xMax - contentWidth - BallSpeed)) {! G; } ^ `! N) @
xDir = "left";. M0 h7 \% ]( t0 z
}
4 b r$ C2 \9 M, w8 K" k }5 a6 F9 b* F$ F/ d
else if (xDir == "left") {# H5 i. t3 ?4 A. q
if (xPos < (0 + BallSpeed)) {
# K" G+ m+ v, D+ D xDir = "right";
7 h, a! |( m5 _8 ` }
- r: D+ P2 v+ X% _, [ }: t2 _6 {$ n* c; C
if (yDir == "down") {
# y! `& V, b1 V if (yPos > (yMax - contentHeight - BallSpeed)) {
: V3 i& h: }0 T6 L yDir = "up";& s- |; D) q/ L9 l8 ?; y
}
* W+ P9 L) w$ g1 U( b }# G6 v9 ~; U$ U7 V3 {. \) \% I
else if (yDir == "up") {1 W5 t5 p) v# Q- w9 |, |) |
if (yPos < (0 + BallSpeed)) {$ i8 V! {4 g% ~: D
yDir = "down";, Q; k: F$ b# i7 |$ O$ q$ }
}% i: C! R1 I- M, ]
}
4 W. f+ v: o6 O if (xDir == "right") {
1 O/ J; T7 k2 d) G xPos = xPos + BallSpeed;5 T. v1 j8 T! E6 n3 F! l E
}% O* r- @& g8 V4 M5 u
else if (xDir == "left") {4 U6 l0 P. x5 x7 [. a+ \5 x
xPos = xPos - BallSpeed;0 G' x1 y; o G1 _; Y% N7 c
}
# Z/ w3 ]: T0 s9 q, `" ?0 d& p else {4 G1 Z2 @ q. }% F& T0 `. l
xPos = xPos;
' u* |3 H, G9 y5 o4 M3 ^4 { }! ?. f; B) K- z% t* t0 d! G
if (yDir == "down") {& T$ i# X q2 J! p7 s, B- S
yPos = yPos + BallSpeed;
5 `: E4 ~- x+ D; s0 `( [ }0 N$ \. A+ ]# E# F% \; ^" @6 u
else if (yDir == "up") {5 g) i* I5 K) N' L" ]
yPos = yPos - BallSpeed;
; T" a; [* e- q }8 a2 `: j7 ^# a7 ^5 h1 L
else {, W5 U+ C5 y, ] G# y3 I
yPos = yPos;
: C1 J' `# C8 f) t6 z& v }
( Z v/ V3 g7 B- y }
6 n' T5 R. S6 J+ ?4 K" Q+ w" A5 H: {- v2 j7 E. ^" f' n
function hidetext(){
; | Q: Q3 @1 b8 uif (document.all)5 Y2 f+ Y, O! M6 d
supertext.style.visibility="hidden": }3 e/ \6 \5 I r0 a. f/ d
else if (document.layers)7 t; g, i6 q# r6 c& Y: Y3 H
document.supertext.visibility="hide"7 j6 Z5 Z3 v1 v6 P
clearTimeout(animatetext)8 O! M* g6 |$ }3 J9 B; B, k2 N
}9 t2 |4 h H0 F& p) C4 O4 J# e; K- D
1 U+ R J* n# Sif (document.all||document.layers){9 Q! l0 U6 o; z7 W
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: u. Y5 W+ n! Mwindow.onload = initializeBall;, }# t3 m( k/ y# I* r
window.onresize = new Function("window.location.reload()");! \. ]/ L- m* K) L
}+ ?7 O4 s! o$ v. ]! \
* x) w; H1 v6 E, L- g! M
</script> |
|