|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">
$ \+ @: {- E" C8 V, e! U9 H# Y" Q#supertext {
$ @( a" q8 }; w2 g% P" ~: Bposition:absolute;
) B8 |0 J1 ]4 n+ oleft:0;
: {( n& m! J" M6 G0 i; Qtop:0;" Y0 N9 c+ M2 J" R
visibility:hide;9 m+ P; r- {) ?
visibility:hidden;7 |3 s1 z/ y6 u, {8 z0 V
}/ i% x% F' _/ F6 p0 {/ h W) `
</style>
z% o: [/ c9 \9 [<script language="JavaScript1.2">
$ w! k2 L) G# D, B4 d<!-- 改变下的字体的大小。颜色-->* A* Q. r: ]% s3 O0 \6 a) t9 p
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% c- A+ \: e( Y. O
var hidetimer='';
0 e9 q8 t5 l* ?( r$ L4 q<!-- 改变下的弹跳速度--> i6 y% a, x& U9 A& R2 z( A+ H8 D
var BallSpeed = 20;
% @2 b; A8 h% _var contentWidth;, v1 a3 k% L8 E8 U1 J# f1 R2 i8 ]* q; _
var contentHeight;
$ m3 d$ M! y- z- @; J Ovar maxBallSpeed = 50;
: |+ l. ]2 R, a1 h2 h1 v, f0 S! q8 X, @7 j3 H
0 q, N! I2 u" v# N+ d( uvar xMax;# m' J0 ^4 Z% s$ S: k8 G
var yMax;# W. g2 Y1 r6 @- U' W( G+ b
var xPos = 0;
) l) l* B5 }7 }/ vvar yPos = 0;
. [- ?1 a3 t" A# [var xDir = 'right';- f5 u. W5 Y5 _/ a
var yDir = 'down';
q# W6 r9 h5 O2 U [# |var superballRunning = true;! t8 r. i/ i2 H( y
var tempBallSpeed;
. v5 ~$ y3 U% {var currentBallSrc;: F4 `' X, m- V) S) u
var newXDir;' i1 {/ _/ h9 O8 J: x
var newYDir;* c, P; W1 S' {
& h+ p% D0 X; i" K5 Z% mfunction initializeBall() {( _, o9 I4 M4 m
if (document.all) {4 I3 C( ]$ k% E" i0 r; K& |0 P: ^. r
xMax = document.body.clientWidth' ~8 E& b- L! K, W: C2 ?+ ~6 f
yMax = document.body.clientHeight3 t9 M8 c9 A+ }* c3 H8 K" h) ?
document.all("supertext").style.visibility = "visible";
! c! F& I: d- W2 r contentWidth=supertext.offsetWidth
! Z+ {" ?4 l* I: C contentHeight=supertext.offsetHeight, ~1 a4 ~: t* ~
}
~7 `4 J" N; E/ h. T else if (document.layers) {, R4 J4 A( s n9 \
xMax = window.innerWidth;
) I; y5 _& w8 Q: e/ f9 C% |0 T yMax = window.innerHeight;
- Q# y2 }6 S$ b5 d+ g5 d5 C3 X1 _ contentWidth=document.supertext.document.width
% [& e7 z( j1 ~8 ]! @ contentHeight=document.supertext.document.height$ w5 q. X3 V. [- f
document.layers["supertext"].visibility = "show";
& G* X1 L b+ K. M# F }' y% N" G* _# o# k5 m, b
setTimeout('moveBall()',400);5 f9 |% K" c, p& `' l X4 T
if (hidetimer!='')
9 P( r' x. M; s; D: [5 S3 \ setTimeout("hidetext()",hidetimer)* q7 J- s: w6 z- {
}
+ o6 d$ j$ b0 M4 p/ W" o$ T
3 w! C$ Q, L' Z& B* w! Q' Rfunction moveBall() {
9 M% J9 |% K* ~- v. T/ R if (superballRunning == true) {
8 W6 _7 z. y) ~0 N/ p calculatePosition();4 ^, i- E. }& e) t8 a
if (document.all) {$ v( b0 T: Q/ M, E: l) \! c" }5 R1 ` L
document.all("supertext").style.left = xPos + document.body.scrollLeft;: I! x- }, g9 E: g( q9 p1 w. Z
document.all("supertext").style.top = yPos + document.body.scrollTop;
* S: w Q: `3 u0 [; c8 ]6 v3 s }3 \5 u: F7 n- o# H
else if (document.layers) {
* y0 k+ \' s6 V& s: w L; q document.layers["supertext"].left = xPos + pageXOffset;
& S9 W. p. q# P# ?+ l+ R* S4 s document.layers["supertext"].top = yPos + pageYOffset;* H6 p, e$ [, \1 g
}
" S* n3 f$ O2 z( _9 T animatetext=setTimeout('moveBall()',20);
; G6 b6 @6 E, {9 V+ v; o$ s }3 g, D+ \' c9 y. d! \1 W( ~+ i6 L
}
/ K$ y+ _; k' T X
+ H+ ^0 N3 ^. a% \function calculatePosition() {& z# q; t% {0 M$ g
if (xDir == "right") {& m7 ^" ]7 R$ F! i Z. p. f3 {: r
if (xPos > (xMax - contentWidth - BallSpeed)) {
5 X3 j& A9 v4 e: G xDir = "left";# f( e) \% S, q$ I1 T) k' W6 V& b
}
0 W4 T1 ?% E6 s; U$ ^- X+ }2 w4 q }& ~4 d6 E5 i6 v5 Q9 c" U6 y D. _
else if (xDir == "left") {
# R. ~" V% d( k& b8 o% v- N if (xPos < (0 + BallSpeed)) {
$ t) C; }) \; V0 B xDir = "right";
0 u1 }2 |. Z2 w1 Q) I& ?2 _ }
8 m& b* d( f& K+ c8 P" ^4 K }3 j- ]' f; F; q1 R: b5 d
if (yDir == "down") {
0 ~8 S( x# }! Q2 c2 l; [. x if (yPos > (yMax - contentHeight - BallSpeed)) {$ o. Q C0 u3 ]1 u
yDir = "up";8 u" Q- @% S+ T3 u% A
}
) c% b1 ~( O/ j ]9 [ }2 o* {* h4 T* q. C) @) }1 g
else if (yDir == "up") {# A& x' u6 m- \* v+ a8 Q9 }
if (yPos < (0 + BallSpeed)) {8 z1 b/ B9 B$ x6 z; f
yDir = "down";
$ c2 i& Y) j0 v* Q4 p }
* F8 A* Z3 x: B$ B, \% W) Y( u }# z, w* z: X' D2 P
if (xDir == "right") {% K- ^1 ?! g! a, |! k9 i
xPos = xPos + BallSpeed;
0 S$ D% q. y+ P9 X& N; Y9 }5 X, r& m }% _8 Y% I% v' j) m2 h- M
else if (xDir == "left") {8 w# ^ _$ @# _! Z# p( d* p
xPos = xPos - BallSpeed;
: _) M/ P: |% S# Z; H }
L; N8 b$ a8 a' I8 u7 d4 a4 j else {/ x3 ]( I# ]# ]" A, b; B) Y5 h
xPos = xPos;
0 `& Q, |" z' s }+ g% ^2 C4 W7 i2 [
if (yDir == "down") {& F7 h$ f2 B- V: t6 E
yPos = yPos + BallSpeed;
, w. D& n; h4 k5 r& q }3 h8 N% r$ Q3 F5 d
else if (yDir == "up") {2 ?/ E s% E7 \: j* w, Y
yPos = yPos - BallSpeed;
7 ^5 k- G V, ~' T }
1 b9 k0 u$ F, y3 X$ h& {/ f else { }5 z+ q1 a9 n
yPos = yPos;+ X x0 I/ b4 ^# W
}; K9 l4 `' l) q1 m
}
v( `# F) _3 c. ?9 B( k$ M# G) k) n3 a
function hidetext(){
% ?5 |5 Y3 F6 W. D( n: zif (document.all)
8 d3 O/ r+ s. i. {3 S% wsupertext.style.visibility="hidden"
! t5 w8 i* ?. L+ Helse if (document.layers)
$ G% q- `+ Y) W7 w1 y8 k# U9 H! Adocument.supertext.visibility="hide"
, q6 X, o; {" o0 YclearTimeout(animatetext)
/ X6 O) M# A0 S7 x$ c& ^}
; Y* |( ~8 T! @" `2 {
5 D) P2 F5 I" A# f3 U) mif (document.all||document.layers){# @" u$ q; M; m3 U! y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ Q5 I% V/ f6 Y9 D+ F$ t+ y Ywindow.onload = initializeBall;
+ @' p# b. ]! u8 r) x4 uwindow.onresize = new Function("window.location.reload()");4 H# r3 t) l# W* A% p! }# c
}
4 I9 u. y0 E, F h6 U$ i/ a) Z1 v& t' w) t; J
</script> |
|
发表于 2008-1-21 20:55
|