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

|
网页之不断弹射的文字-特效
<style type="text/css">8 T5 X0 \# V" z7 r# ~4 y. G. P: g
#supertext {+ k+ q" ]. B" _& R& q+ W$ U
position:absolute;
, S- [2 S6 P5 u( ~ k! o8 Aleft:0;8 W; b- w) p% @4 O) p
top:0;
$ Q1 k* r0 f' O/ E" v% r7 C& jvisibility:hide;7 ?9 V6 V. n( u; l" Q8 T# x
visibility:hidden; Q$ {5 K, h( W1 l0 w
}+ A1 `; Y' `( K: t& x% D, N9 E q
</style>
8 _. F, @" P! q! u# U<script language="JavaScript1.2">
5 y0 o" a: q& d, k6 Y$ p<!-- 改变下的字体的大小。颜色-->8 L- |" J' ^7 \' e# X! ?6 Y& ]
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" S2 q I- }# f8 l. I
var hidetimer='';" k' R) l% Y5 Y9 H
<!-- 改变下的弹跳速度-->$ `+ ~) r% o9 P, S
var BallSpeed = 20;2 L* [. z9 m9 h4 m! G
var contentWidth;- N1 M: {& q) U) Q3 P0 H
var contentHeight;
- z; K$ e7 ]' \ h1 L6 F9 H) ^5 Rvar maxBallSpeed = 50;
# v6 j9 A5 k$ _$ u3 |# [8 w8 {: P2 U) ] _7 V( @* P$ R. F
- ]' ~0 B& E1 B8 B
var xMax;
# z- n- x) d5 w( j0 yvar yMax;' w A) N O2 Y
var xPos = 0;
$ v D J3 a5 \& Qvar yPos = 0;
; v# F" e, a) ~" j+ q. O2 svar xDir = 'right';) p7 x9 T$ `: v; m( s: p, Z
var yDir = 'down';& F5 e; m$ R4 f5 E& u+ ~
var superballRunning = true;1 U3 W+ `" F9 d, y! A# i0 s3 B
var tempBallSpeed;' f8 I; n6 Y G5 ?$ ]0 {
var currentBallSrc;
0 H$ W# K7 B& n# E) U7 N' v; evar newXDir;
! ^! [5 n, H' |4 [var newYDir;
3 Y1 d& T) {) e! k5 G( }- j! u' n! c6 v4 {8 R0 _/ x
function initializeBall() {2 ^8 k6 y$ `, f9 v$ }
if (document.all) {8 E; [& V8 @% ]. n8 y; e2 w/ P
xMax = document.body.clientWidth6 Q& c/ l" U# I3 U% {7 H2 A6 ^
yMax = document.body.clientHeight
1 |3 l" u7 D4 ~+ f. k document.all("supertext").style.visibility = "visible";
( F+ W+ N9 t) P! h/ @* u contentWidth=supertext.offsetWidth
8 E2 M7 a8 K0 n } contentHeight=supertext.offsetHeight
( B' c* l* u% F& Y }/ o. e; i; U- {! d) q( j* h- x K
else if (document.layers) {
$ E5 @$ _- |; i7 D7 s xMax = window.innerWidth;
; \0 O+ Z0 p. }& D yMax = window.innerHeight;
3 {4 b+ @- Q H" _ contentWidth=document.supertext.document.width3 _% V3 m. W- @) t/ y* S: ?
contentHeight=document.supertext.document.height
4 ~% r$ g+ J4 J" [6 b document.layers["supertext"].visibility = "show";
- J9 f( n6 Q/ E, b5 Q* r }9 D8 [! g: c8 n# [: j% u& Z
setTimeout('moveBall()',400);9 z% B. u# ?+ }) R
if (hidetimer!='')! o7 G9 `0 M* P' g
setTimeout("hidetext()",hidetimer)
% B. x5 s) m' C; e9 q% c/ B5 a }* E( ~2 ]3 K8 N% P
6 P$ [/ L4 X3 {9 w
function moveBall() {
" H$ v& ]; i5 c. }9 W if (superballRunning == true) {
' v `# T- _% i" r calculatePosition();/ o! \4 d0 s& K& n
if (document.all) {
: s" X9 W/ l- M4 w8 B document.all("supertext").style.left = xPos + document.body.scrollLeft;$ E2 _9 I5 w9 T {& b b
document.all("supertext").style.top = yPos + document.body.scrollTop;' S) _+ A# |& w- B- {
}
# @& h1 c8 b' [ h1 p& ? else if (document.layers) {1 @. g8 h x5 ~; r8 s
document.layers["supertext"].left = xPos + pageXOffset;
; y; E p" }( P7 p' B document.layers["supertext"].top = yPos + pageYOffset;
& ]& Y# S# X O/ w3 x }' g1 m! H, g1 s9 S" E: m3 E
animatetext=setTimeout('moveBall()',20);4 U& t5 m' h2 _/ N! t Y
}6 k/ q0 R; S2 Y* T( [
}
% u% Q- d! {+ O" p8 `
! \7 \- E& A1 u& O: r4 j- W2 Lfunction calculatePosition() {3 D, x V0 o8 O1 _6 Q
if (xDir == "right") {
/ r' Y7 c1 R. B* O! Z if (xPos > (xMax - contentWidth - BallSpeed)) {
) V# |0 D) D6 H7 N. W xDir = "left";* z1 N% ]; O$ o& E
}
' v" U# W/ `0 _ }
9 o: [, a- e4 h& P: S2 z) O else if (xDir == "left") {
: S1 \3 V% ~8 S5 }; D+ M+ {3 W if (xPos < (0 + BallSpeed)) {
; } ?! ?& q4 W* S xDir = "right";! l) a. q. s C" A7 K
}( m( u' q2 [: c* d( y
}+ @# I. i, R1 n+ x" K& _0 ^% C
if (yDir == "down") {
, b5 ?6 N9 Q G3 \' b if (yPos > (yMax - contentHeight - BallSpeed)) {; B( O' e) R; y' V2 }& w2 L
yDir = "up";
* R+ ~! S( \; q9 b9 ~ }3 |& |9 y' M9 @2 s- t7 N1 _
}3 P t/ u; X0 ]9 \, @) Q
else if (yDir == "up") {+ ?4 C! c/ C: T: z7 D
if (yPos < (0 + BallSpeed)) {
* S; }; s' o. [8 q S) [ yDir = "down";- O4 I2 P( P& h) g4 O
}
; T- f, Z4 b$ H- K& z }
: \% t0 a6 \( U% f if (xDir == "right") {
/ ^1 V+ C7 c( @3 R1 z xPos = xPos + BallSpeed;" Y0 k" C- D5 T
}
, D+ O1 C& i& V, @; `4 _2 y else if (xDir == "left") {
% A: ^8 t3 G+ \; B: c xPos = xPos - BallSpeed;0 b' p) J* h% ^, P# S1 Y/ K
}
* y! H4 \+ U% d# L* i' M else {
* S9 F& R9 ?+ S1 j- _- l xPos = xPos;
4 V9 F4 ^! B% u7 b0 ` }/ E) |: E; n5 m
if (yDir == "down") {
- @1 e- T* Z' {( o. d yPos = yPos + BallSpeed;
0 ^! V( f7 x+ j* S }0 | u' y* j) t" v4 c. A. u V
else if (yDir == "up") {
8 t& }% r; q( n& @4 A0 B yPos = yPos - BallSpeed;: v% f2 m& V8 m8 X+ a5 e
}
# Z3 M( C7 T, i, E else {
* d `. t! F$ J% c yPos = yPos;, d- m( A) J( j! h- |
}: ]' l# Q) }0 Y& U. f8 u
}2 G( _, K. R+ s6 X3 |
. e2 `0 X+ m! p9 B3 I
function hidetext(){! H! O! N/ G9 k7 X# J
if (document.all)" Z/ X6 ~6 k) S, {
supertext.style.visibility="hidden"% q0 `/ \% `) Y1 p
else if (document.layers)
% X4 }/ P# i( }6 {' B* S- Wdocument.supertext.visibility="hide"
8 ^; F6 K' u# C3 C5 p8 p$ f) I2 gclearTimeout(animatetext); t& R- j* {5 ?8 }( E; J
}
" P3 h3 \5 t0 ^: F5 k+ }6 ^3 y; c5 X, s, c* y! G) N
if (document.all||document.layers){
4 D! K$ ?" ~: rdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ F) u# n" A2 O& W' h7 W/ c, Y) X
window.onload = initializeBall;
3 ~& p, b0 B8 W$ C- @1 f4 R) Nwindow.onresize = new Function("window.location.reload()");2 c8 z, _8 b9 N. R6 U
}
. h5 o$ Y" `. ]" E) v+ @" H/ z$ B Z: ~% w ^+ [/ S: a; p1 s$ L6 }
</script> |
|