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

|
网页之不断弹射的文字-特效
<style type="text/css">
3 h0 |- h6 s2 p2 B#supertext {0 S1 |- Q! b9 V2 s- \: v! \
position:absolute;! z ]: ^% ]4 a+ ^" x
left:0;4 C. D" Q/ q; n' L5 f% P
top:0;
; o' t4 A b- R' M% vvisibility:hide;
+ v% Y o$ e3 A/ a6 avisibility:hidden;. W9 O6 q, p3 g, {; A" Q
}3 s. h/ X% p* ]! ` [/ {' V0 D
</style>+ _9 ~6 d5 h' s! E6 d( C3 ~
<script language="JavaScript1.2">
" D6 O( n) T! C<!-- 改变下的字体的大小。颜色-->
+ g! d% i) k+ \- ^7 k5 wvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', N- W. a& z1 r
var hidetimer=''; G8 G P" b. Q3 V/ W$ e
<!-- 改变下的弹跳速度-->
2 ?" z, c- _, k. i* E% O0 |. Qvar BallSpeed = 20;
4 u& x! Y( u4 C2 d, R8 |var contentWidth;2 x5 ?5 d) s; G" P# P S! P
var contentHeight;1 S! W2 M+ W& f
var maxBallSpeed = 50;& w/ E3 `# a/ R7 z- ~: ^" t9 _0 V J
, l' A. j9 F8 Q& I( ^, B
) J0 D; N1 J- {+ X$ z$ ivar xMax;
: c0 K3 _4 W4 J# I) V+ k6 Uvar yMax;
0 I2 b8 I b ^var xPos = 0;
- L* a& j4 N* G6 uvar yPos = 0;
; n/ l! f( A2 A q1 Gvar xDir = 'right';" w' G2 c# L$ l. W% j
var yDir = 'down';
2 s! D; H3 A- O- F; ]; }var superballRunning = true;3 W% @+ Q8 G2 L. x' P3 M/ B
var tempBallSpeed;! Q1 F+ v& Q t
var currentBallSrc;
: K# x3 R* Q( {2 c% vvar newXDir;
9 v# G1 a& c; ^3 |( `& rvar newYDir;0 c7 P J5 n! k/ ~$ p
- Q7 [ Z) u. ~" i( _function initializeBall() {" F2 @9 g- I0 e7 l3 b' O6 o7 I) W
if (document.all) {$ I& H. ]9 T, [& H
xMax = document.body.clientWidth
# p. ?! w# u6 B yMax = document.body.clientHeight
( W& u9 q2 B6 f: w document.all("supertext").style.visibility = "visible";
7 \" `) e' O+ G" Y% T @. w9 y contentWidth=supertext.offsetWidth6 g' S- K$ @ h
contentHeight=supertext.offsetHeight& m0 |2 c T+ W4 K6 L' Y
}8 p' j+ Q* V0 h0 y' b4 ?1 b
else if (document.layers) {' T; N+ ]6 r3 e$ I" R
xMax = window.innerWidth;6 N) P/ ], F) l7 R- |% a B
yMax = window.innerHeight;2 G" \. `$ Q1 r% ~- Z0 \5 I9 W
contentWidth=document.supertext.document.width
+ _5 Z2 X, O9 q; S: A" [ contentHeight=document.supertext.document.height
9 ^% _5 i& z% X# d% h5 W- X document.layers["supertext"].visibility = "show";
" f8 p7 u5 F2 Q' i- p* `" G }& V' M1 H* @( H8 d- R/ F0 |( o
setTimeout('moveBall()',400);
3 D0 a2 k/ p3 n# I! N3 v" T if (hidetimer!='')
6 `% P& L5 j* Y6 l5 V# w" c6 u setTimeout("hidetext()",hidetimer)
& ^- p- P1 F7 D; j' B Y# ^ }
: S/ x. M/ P7 O0 J5 }2 N" ]- z& g, i/ O5 }
function moveBall() {9 T0 o3 x, D. S- Q7 z5 U t( y+ Y
if (superballRunning == true) {; s3 J& k' m& h. z& n5 R: Q7 o
calculatePosition();
# e# w% R. m5 r4 s( Q if (document.all) {. W4 r- b3 t5 M
document.all("supertext").style.left = xPos + document.body.scrollLeft;
- M1 m+ f! k; e( R0 P& b9 T( p! m document.all("supertext").style.top = yPos + document.body.scrollTop;
2 ?( @) P% v: S4 J0 X }
' b5 c) o- s' F3 m else if (document.layers) {/ i, R3 a6 n3 W3 s$ F+ n9 M
document.layers["supertext"].left = xPos + pageXOffset;
7 u% @8 G6 x3 W. p0 a6 G document.layers["supertext"].top = yPos + pageYOffset; j4 S: i! @7 |0 @! @8 I9 z3 J: ?7 A
}7 U1 i3 G/ f3 ^. V! u; J0 l" \
animatetext=setTimeout('moveBall()',20);9 Y4 X4 l/ Z' F K5 F5 Y: k
}3 W4 v) z2 q: K& r0 u& U7 B
}
! {8 {/ c* s x* v
+ L- l. x. C. c' ]function calculatePosition() {
7 m4 f" \+ G3 V; b: y e; H if (xDir == "right") {: `3 y( I( C8 m
if (xPos > (xMax - contentWidth - BallSpeed)) {
" F, w& I6 b1 A- h% G xDir = "left";
0 b5 _- N# X8 b5 r1 E: x$ J9 B }& X# Z: K- p4 D2 F* K
}2 V+ h/ J9 z. t) ~. V0 r. ^
else if (xDir == "left") {, G; c, J3 {: Z, ` ]9 Y7 G
if (xPos < (0 + BallSpeed)) {
* w3 @- E9 Z w/ s5 c: L: J xDir = "right";2 v' P/ I8 {' @' n# G/ ]
}
P& c* ?' J1 Z0 D }' i0 ^- {* Z& w3 @* c' a
if (yDir == "down") {
" p- \9 H. Q% o7 Q if (yPos > (yMax - contentHeight - BallSpeed)) {
" ^) s; I' ]+ V) n yDir = "up";& X4 ]0 w8 Q C2 d) X) C8 [
}
- T9 T. j! u5 B, x" L+ ]. t }( O& F! M; @$ L, z/ u7 o2 h: _
else if (yDir == "up") {
6 a$ h/ F# t/ ]# j/ s1 ? if (yPos < (0 + BallSpeed)) {. l# a% Y' `. w
yDir = "down";) E6 c& G/ @7 N# ^- N0 E# \
}
0 T# d$ w6 B* S }8 W: [# W- c4 R1 F W) S
if (xDir == "right") {$ o4 c, I, J j6 T9 z( E
xPos = xPos + BallSpeed;
) k! ~( e. `! ?+ U }
. u8 E% u1 H$ L m$ Z9 y else if (xDir == "left") {* f7 t* y8 @6 X1 f# d3 ~
xPos = xPos - BallSpeed; R) G5 `6 t" {. ]5 `: i# q! L6 l
}- V8 p1 |1 V8 d
else {
( b, m+ U9 a% c( U5 U/ k xPos = xPos;
8 }. [8 W0 j ~$ U: [" i }5 h0 r$ @; {& z/ }
if (yDir == "down") {" s' A' D- _0 D* ]
yPos = yPos + BallSpeed;
+ J) _4 R$ I2 c1 z2 D4 O; @ }
$ F/ W$ h P2 w- ~& ]% M else if (yDir == "up") {) Z9 q+ a% K0 A
yPos = yPos - BallSpeed;6 }2 u; x* k8 y5 l3 P: c
}) I5 s$ v9 P) ~
else {- Z" q: f- h( ?1 k( T0 ?3 o
yPos = yPos;
, m- N+ ]7 r0 B3 S }
7 x, }$ y; ?0 ]& g M$ j }' m3 `% R+ ?3 |# E3 B5 O
, d" A% S/ k) ? u, f! `function hidetext(){
' ^- ~. X: |2 j/ m: Vif (document.all)* t/ F% I, J3 S
supertext.style.visibility="hidden"$ {5 D- T2 u( k" `5 R; n5 b
else if (document.layers)$ y& Z8 p6 ~% U3 N
document.supertext.visibility="hide"
2 c9 m7 {1 A4 t7 e" J9 d" yclearTimeout(animatetext)
: |8 [' u/ N) n}
1 p' V& X7 C: r* V; U# l
- T% L7 l) I d6 uif (document.all||document.layers){
- y: l0 o1 g: X9 Ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0 N! ~( r, x, j- D+ o$ `window.onload = initializeBall;
* J" P) }% \5 m0 X0 K) x' Hwindow.onresize = new Function("window.location.reload()");; M) H# E% n. Z# p& j
}9 y) Z4 ^$ u u
l8 F0 w) x6 M& r7 f</script> |
|