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

|
网页之不断弹射的文字-特效
<style type="text/css">
+ d: A+ T! s( I7 y2 W#supertext {/ k( m0 U! I" Q* _5 u* U
position:absolute;
4 C% P; p0 o1 T: S; p& aleft:0; t: T( s7 i+ F8 {) Z! Z+ A8 ?6 v
top:0;
1 L0 W& @( g6 N# `2 y( g; l5 hvisibility:hide;% h k$ m# Z% _2 Y5 K- ~7 n
visibility:hidden;7 Z$ G Y' ^+ W. d, S
}7 _7 _" ]4 ]3 }9 d
</style>' u$ s# `* u2 |5 h9 W% _
<script language="JavaScript1.2">; R; m6 l0 Q! W; B
<!-- 改变下的字体的大小。颜色-->" L- \7 B( s7 s. [
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" x$ O; b9 C5 T/ U2 A: E" Z
var hidetimer='';- ?+ q. {1 W$ l9 a# n8 p
<!-- 改变下的弹跳速度-->
2 G* w3 A2 o; L" [' U# xvar BallSpeed = 20;$ }! P( Z9 W% K# @
var contentWidth;% S+ i Y+ ^% J- J& d" g! ~
var contentHeight;
5 U# R7 {; b. B4 h3 zvar maxBallSpeed = 50;
) }& g4 J6 c4 Y& M6 W$ E y9 P* s \+ {/ X
( D5 b6 g3 ?* M* }
var xMax;
. _4 b f2 g) {0 U2 e, a, ~& J" mvar yMax;1 Q$ K+ y( c A w, c6 ~! @0 a
var xPos = 0;
/ P5 @# B# _" G9 m; |var yPos = 0;
6 T5 J. w3 D5 ]& j3 N6 svar xDir = 'right';1 y* ?5 D- S) M: Q
var yDir = 'down';& i4 l6 j: y( G# D
var superballRunning = true;: d4 z1 q' Z: \. }( f2 H! j! o
var tempBallSpeed;
' |+ ]! S, d. c( ?& y4 }+ gvar currentBallSrc;' D) R, z& {7 @, e
var newXDir;
( @: t5 @" o, ]- jvar newYDir;
2 K3 o K' `; @/ U" s
8 h, |! Z0 |$ q! y3 e% C0 Wfunction initializeBall() {
7 L' I- k6 ^. H/ o if (document.all) {- l5 L7 N( c5 { b$ \0 T
xMax = document.body.clientWidth
$ W! U6 f" C7 C, A3 O yMax = document.body.clientHeight
4 |/ C! S- y9 w+ C) Y document.all("supertext").style.visibility = "visible";
4 o! G! S {1 x' w6 t contentWidth=supertext.offsetWidth
% g# F9 F8 O" {6 B% V; b contentHeight=supertext.offsetHeight) _9 K3 p8 k3 [7 |- Q
}
* }5 l7 I* m3 n* ^6 [' h else if (document.layers) {9 C; t( S6 A% o. n- G
xMax = window.innerWidth;3 Z/ H: l9 w& y1 T
yMax = window.innerHeight;
: W& D' n# i) [4 Z+ R& }: \ contentWidth=document.supertext.document.width
" _* I* W P; X: R& \4 } contentHeight=document.supertext.document.height6 \1 l% }4 S- K9 j2 g' h- C
document.layers["supertext"].visibility = "show";
/ c2 k/ n$ R; b3 T, q1 B }6 ]5 Z Q' n" A
setTimeout('moveBall()',400);1 d( U- U3 t5 N, O
if (hidetimer!='')
- [/ Z$ J; `1 L } setTimeout("hidetext()",hidetimer)
$ b4 e9 Q" ?3 f. | X( { }
- T' d7 u+ x4 S3 ]4 @" Q- s2 c, I' x0 Z2 M
function moveBall() {
7 K' t$ j. X0 {) x5 t5 A% f1 L8 t/ J if (superballRunning == true) {
3 R9 P V- }1 z6 {- ^ calculatePosition();
/ I k: w$ p6 X' Q) W5 n if (document.all) {
9 v9 v1 \ d4 O) o. F. \ document.all("supertext").style.left = xPos + document.body.scrollLeft;6 n. r- U4 N; [
document.all("supertext").style.top = yPos + document.body.scrollTop;
9 \5 V! y! Z, H }
' `5 Q# {/ F J9 ] ? A else if (document.layers) {
5 h0 e! L# M J: f) m5 l X document.layers["supertext"].left = xPos + pageXOffset;
3 X7 T8 |7 f) r; c! ~* r/ t document.layers["supertext"].top = yPos + pageYOffset;
4 p. a1 x) Z0 M0 }% v! A6 t }7 C3 t8 {9 i0 C0 M
animatetext=setTimeout('moveBall()',20);1 K! l6 `4 n# P$ z8 I
}
. S0 r6 ^$ F1 a. w }
1 E+ N" E: j, u& u
) S) O( F1 O$ B, J3 X3 M% \function calculatePosition() {" U4 c& x/ B+ k
if (xDir == "right") {% ~5 Z! G& U+ @2 _4 G1 q- {1 _8 o
if (xPos > (xMax - contentWidth - BallSpeed)) {
8 [) m# G; K* X: n$ W( f xDir = "left";+ Y F+ \/ \$ `, Z6 c
}
1 a+ c: W* n( m& ]3 x }& g- Y. D$ z2 f8 |/ b2 T `
else if (xDir == "left") {
, X& O' E0 [& v& b1 J9 m$ Z if (xPos < (0 + BallSpeed)) {3 C7 L8 d6 O/ [& S! ~% A# ^
xDir = "right";# ~) R8 ]2 r& R1 ]! z
}
/ [+ G/ i6 W" L }- X: r( z- ?; y- U/ ]: p, }$ I/ Y
if (yDir == "down") {
: g+ Z, m) [1 y if (yPos > (yMax - contentHeight - BallSpeed)) {1 D* }# J" ]6 G" r- f6 u0 c
yDir = "up";8 p% X* `( m3 l9 W; G4 N& L/ S
}/ ~8 y; d- r |' c; ]
}
" y" r8 z' @1 M2 s" g else if (yDir == "up") { m0 F! ~" d4 m |/ U2 y7 {
if (yPos < (0 + BallSpeed)) {
8 I$ I( V7 ^2 w6 F yDir = "down";9 j2 F7 d, m/ X7 g
}
* s; z# s* B- K: Y }
% B4 [( \+ b' b% E# e1 W1 I1 k if (xDir == "right") {
; W$ k6 X4 D" a( z! Y/ y- [ xPos = xPos + BallSpeed;: e$ X5 b9 R) n5 o6 P1 J0 m
}6 _2 |0 O: N0 \3 x' X' R
else if (xDir == "left") {
6 O7 A. o/ [, n xPos = xPos - BallSpeed;
; N/ ~2 K+ |3 } }1 M+ a, W( a5 p9 C; ^ c
else {" m, r, z5 @* z% f. F& I6 I
xPos = xPos;) S; a# C3 E/ V N8 v+ Q
} y, f' d/ C7 ^5 T; y- m" N1 C
if (yDir == "down") {2 S! Z2 |6 J+ P5 }: p
yPos = yPos + BallSpeed;
0 N1 }, J) Y; x! @) m( T }
+ P# H$ C7 {9 u+ f8 r3 J, t else if (yDir == "up") {# m/ N% p/ u! L! b
yPos = yPos - BallSpeed;
& O& H& x/ Z; }4 o% p, F }) H3 T( u9 v1 x2 m. |8 Y7 Z/ b+ x
else {
A U9 U, z6 H Q2 m$ ^& C1 G yPos = yPos;$ V5 W$ x1 ^5 P% y6 V1 p
}; q$ v' |- e9 [' i" N$ g
}
1 P7 K' L; o3 q
- i P1 r* D% S1 kfunction hidetext(){
' r* L% y& m0 w& V# i# O: Mif (document.all)
5 x) C7 S, r9 g6 t9 Esupertext.style.visibility="hidden"
0 a1 _1 s9 o4 { Yelse if (document.layers)
8 O8 W$ X* B% z+ Ydocument.supertext.visibility="hide"
+ K3 f4 Q. c6 \8 u; W! ZclearTimeout(animatetext). h' J0 B' M7 x$ W3 j
}! \( I5 O- I; A$ y+ u4 b9 |5 _" N) Z
9 R: T# u2 {" a3 c5 aif (document.all||document.layers){
; n1 H' Y/ a' G2 ~3 kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! o9 x7 N; ?: k/ h9 ^ vwindow.onload = initializeBall;" r) N# g$ n3 D! m0 r2 P! F$ a
window.onresize = new Function("window.location.reload()");) i# \. Y2 }+ Y1 m& S8 |5 O( }
}
# k" {/ r8 ~5 ]' D$ \! a! [: _" ]4 E6 y/ v e' T
</script> |
|