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

|
网页之不断弹射的文字-特效
<style type="text/css">3 O0 X% L( v+ N- V) B8 i* ~ a6 L
#supertext {
6 V! M/ }" C# g0 sposition:absolute;
# A8 x# Q. r8 b. Eleft:0;
' l7 Q. r; f5 S$ Ktop:0;
7 L2 f: w& E+ |' D* a @% Pvisibility:hide;* i0 C, z& o4 }
visibility:hidden;& F: y: {+ |! C
}
/ E$ Q+ o' t5 U) | X$ |, v. E6 Q8 s</style>
( j! d6 Q. }2 m' W<script language="JavaScript1.2">9 c/ S( S' [) @$ y% a& E
<!-- 改变下的字体的大小。颜色-->
; x \. x4 U4 U4 S p- Y8 Jvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 t: v w4 Y5 r' L8 Fvar hidetimer='';: u4 t, m& Y5 K! l# ]
<!-- 改变下的弹跳速度-->
1 x( e. g9 ]! f- U4 Mvar BallSpeed = 20;
$ H+ R" f+ ~4 b+ Mvar contentWidth;
0 x3 ^5 l! R' C4 y$ H/ k# M5 Jvar contentHeight;
6 w- y; ^) D: o3 l1 K8 G! svar maxBallSpeed = 50;! I4 ^: {( p7 L6 C" R
) T( c$ c+ ]/ P# b8 W( p6 t7 G$ ^! d, X/ D/ Q2 `0 }: J
var xMax;' k% u# y! q9 ?, k6 [
var yMax;
: T- b" a2 |3 m2 J2 J3 zvar xPos = 0;- ^/ E6 X/ c+ E2 g; A; M+ s& [
var yPos = 0;4 q' F E0 _, M, ?$ f1 N
var xDir = 'right';
& t$ r" L- M) S8 mvar yDir = 'down';
6 M- y o( B, R( tvar superballRunning = true;: B3 Z. B5 G. c1 i. l
var tempBallSpeed;
& i% b* j6 P8 J% u4 ^" |9 F" k' j/ ?var currentBallSrc;
& T! t% ]5 _, e+ a8 R* cvar newXDir;
9 g$ N) t* z6 r( Hvar newYDir;
( {2 E( i! P0 X% B/ q3 f1 k4 Q9 |) n9 A0 r4 t% _3 x5 J
function initializeBall() {
2 l1 H D/ N7 B( c l6 o2 n if (document.all) {
" |& h K+ v7 O, o. d xMax = document.body.clientWidth' X6 J8 q9 P8 R' o- H# p4 A8 O
yMax = document.body.clientHeight0 O2 h% P8 A1 c% J' Z! D
document.all("supertext").style.visibility = "visible";
0 g- v; x! `5 g. z0 ~9 s contentWidth=supertext.offsetWidth1 @/ @3 D, R; W r6 e' F' G$ i, v
contentHeight=supertext.offsetHeight5 F6 C7 W; c: g" g+ C
}; i# K; U; t3 `1 A* J
else if (document.layers) {
! ?! H* V, D- @' a xMax = window.innerWidth;5 J2 A$ Q; h. U
yMax = window.innerHeight;
" X9 Z# ~3 G: Y6 @0 ~' H+ s contentWidth=document.supertext.document.width
0 W6 M H/ i# i6 j& G9 r: l contentHeight=document.supertext.document.height$ T0 y. Z& h2 T
document.layers["supertext"].visibility = "show";! }6 n# A+ Q7 X+ L; J5 F
}
. t8 S$ Q, V! t5 B" u% K% t5 y3 O- q setTimeout('moveBall()',400);2 h C3 b: U$ j N; z
if (hidetimer!='')
1 R5 _" {" q4 m1 h; Z% l7 {) s5 j setTimeout("hidetext()",hidetimer): S9 ~; W& b* ~" v9 }- o$ g
}( Y( X4 H9 s$ l9 I' s# B
' g4 G6 G3 R+ h1 }) Ofunction moveBall() {* U6 T2 k" O" h( ~
if (superballRunning == true) {
7 _( B, M1 V0 }" y calculatePosition();
5 ^; X. ?! t. l9 k if (document.all) {$ R& B# Q( Z n
document.all("supertext").style.left = xPos + document.body.scrollLeft;1 a0 t5 x6 J& x4 u, g" r% u
document.all("supertext").style.top = yPos + document.body.scrollTop;
6 k7 T- Q, s; Z$ u }
- O, ?; F& i4 b4 Z else if (document.layers) {3 s" C" M. b @( d# D' `* Q
document.layers["supertext"].left = xPos + pageXOffset;" o! W/ w% r$ A& [
document.layers["supertext"].top = yPos + pageYOffset;
$ @" _6 B- B1 j3 v }
$ Y3 X! ]: I" D9 g" t animatetext=setTimeout('moveBall()',20);0 l# K# F, `, b- N5 ]; W
}7 N4 |6 N; q( q& ~& k$ C
}% `" O5 a' o: \7 ?' n/ {0 r
8 d$ W& o. p" a
function calculatePosition() {
: s0 w0 A, D+ G' J+ L- b. s( { if (xDir == "right") {( t0 i) C4 S- R3 t
if (xPos > (xMax - contentWidth - BallSpeed)) {5 p3 c4 F& F6 s2 d) n7 h
xDir = "left";4 s! P: t6 Z2 A+ M9 ~8 S3 a
}; s9 G! f/ M& w! f, v( [
}
% N: D) E/ }/ I% ^% c% b& K else if (xDir == "left") {6 y+ y2 |- Z5 x2 J) p4 ^
if (xPos < (0 + BallSpeed)) {
" F) h. W7 W) D# u6 z5 n xDir = "right";- b! {; N# h( V' a# f- O" G# [9 Y
}) N# M, H J: T% e; T$ ~( \& d8 M4 q" j
}) ?+ G& q s" G, J0 n
if (yDir == "down") {% ~$ S I- {, J# w
if (yPos > (yMax - contentHeight - BallSpeed)) {# z, i0 }+ n1 c. W
yDir = "up";7 c1 S" ^, o+ g' b
}8 w7 C( I2 Q/ l1 T* }9 J
}
: |' p' n$ {1 z' W. C else if (yDir == "up") {
9 ^, J+ z6 E9 @ W- z if (yPos < (0 + BallSpeed)) {
/ ^5 Q/ Q! n8 f0 y9 ` yDir = "down";
: a9 a7 k) n$ t0 Z9 z }$ y, `2 o' w) |
}5 H1 P1 g3 \' A% Z; s1 }
if (xDir == "right") {+ ^+ G7 D! j* q# B- n8 J! C
xPos = xPos + BallSpeed;
2 A4 }" W! x( B; Q3 H& ]+ W1 a }* |3 l* U- s8 @! w+ d$ Y
else if (xDir == "left") {
9 a, U3 h t+ S8 O xPos = xPos - BallSpeed;
/ X- j4 Z$ ?% t# T( q, a7 q8 b4 y( D }
. E) X; ~8 w9 \% X2 `2 S* ] A else {
3 U7 G! A' P1 P% Z xPos = xPos;
( ?, F. a9 E9 j3 v, n* Z, \ }
. b& t, g5 m; Y1 @" } if (yDir == "down") {4 b5 b* O' L2 u2 I' n
yPos = yPos + BallSpeed;: U5 J# d$ p/ z+ G' z |
}
- w$ w2 O& o4 M- I0 K else if (yDir == "up") {2 o& e! h, K3 e
yPos = yPos - BallSpeed;
# o8 G% l9 L# y! O, z4 v$ ~ }* M, M: s/ H) Q a7 w6 u! `/ Z' w
else {
+ h, x/ `2 c+ Z yPos = yPos;
, i" f4 i$ Y6 e% b }) p P1 c, y4 a0 {' `
}' r2 K; |7 F% ?; ]$ n( b* j
1 H$ Y2 J- W3 v6 J! U/ f
function hidetext(){: k& G' G- h# r! p
if (document.all)
6 U9 y9 z( v. _; e3 csupertext.style.visibility="hidden"
# k' K( ?" K8 {else if (document.layers)
+ N- ]9 ]) c8 e# u6 T9 x+ m7 Vdocument.supertext.visibility="hide". }. f# Y2 M# a9 X
clearTimeout(animatetext)
~# q7 |# a, O+ i( y+ P}
2 s2 r7 C% h4 Q+ T+ h% k
0 H+ V- d8 n6 f+ z4 h E0 [# nif (document.all||document.layers){
, G# s, r& z! u4 |- Sdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ o* o( h! F7 ?) `# cwindow.onload = initializeBall;4 a# f& E Y" {& n' ]* y6 E# d: _
window.onresize = new Function("window.location.reload()");9 U" H9 H7 v: }* `5 q
}* n) {% X- k+ K" `
; _0 r7 L. H- e/ I6 B+ j; ^ S
</script> |
|