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

|
网页之不断弹射的文字-特效
<style type="text/css">
/ l5 t' u0 C2 A( h) m6 ~6 {#supertext {
3 ]: D& P6 B2 m4 w( Iposition:absolute;
; ~3 L$ v9 r/ _- _1 }% k8 eleft:0;9 [+ }/ W l3 k+ L: Y7 C+ Q% D
top:0;- F8 K+ _+ e& T* s* O
visibility:hide;
?( u4 v$ o* B8 e! Avisibility:hidden;: p! q9 H, i3 e, c
}
- L9 g' n, W' ?3 c5 Q8 _& @</style>
% `9 t" p2 {& _/ L<script language="JavaScript1.2"># h$ l }2 R" m+ l2 B% E
<!-- 改变下的字体的大小。颜色-->
$ j: m* d4 l% ^* `5 a% Cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 ?" ?" X/ x& o( cvar hidetimer=''; k# {' }# f8 @ ~5 }: G8 @. z/ q
<!-- 改变下的弹跳速度-->
+ P8 W# i' [- R+ c; rvar BallSpeed = 20;3 e- }' r8 a3 l) d) D
var contentWidth;
$ J/ b/ G* H) N7 Lvar contentHeight;/ t! z, O+ f2 Z: j
var maxBallSpeed = 50;3 @0 z& ]1 Z8 M( \4 j- u
! P3 w, Q# _$ v b) i6 Q7 \$ k
5 G, c5 s) v* Zvar xMax;6 [/ Q, s' {! t9 q& x/ V
var yMax;; n6 g9 M, V s+ k: o& b
var xPos = 0;8 B5 t" ]5 y" i9 B, h i
var yPos = 0;2 f2 i1 z( \# }! Q. l7 x1 {! d
var xDir = 'right';
+ N% N$ L/ N z' zvar yDir = 'down';
7 _" x" p. d: j+ R N. a$ \) jvar superballRunning = true;4 T& S. [ C- Y/ G2 V
var tempBallSpeed;/ e4 a* |% d; O5 u1 w/ F
var currentBallSrc;
" J4 }% L, d' t4 K4 Ivar newXDir;
2 v3 b! [" p7 L* }var newYDir;
* J. r2 P# H$ Z0 s* M* I' ^7 r7 O4 {
function initializeBall() {
5 J/ g" u3 D8 G. f2 X6 H if (document.all) {
5 Y1 a! w# z: U xMax = document.body.clientWidth
, ?" t1 ^! w" g8 J, N8 D yMax = document.body.clientHeight y9 f* }5 c& g. U
document.all("supertext").style.visibility = "visible";
l: V4 ~) K& o$ ]6 v# G: g contentWidth=supertext.offsetWidth
8 v5 k/ ^+ F# f2 \ contentHeight=supertext.offsetHeight
. _/ W4 M' b3 w4 c V: f }
9 x* t( ?5 i s0 m5 U) W else if (document.layers) {
% N; w1 _ d+ J, ~ xMax = window.innerWidth;/ n4 P3 B: }5 b3 L0 x- b7 b
yMax = window.innerHeight;
# z8 X6 f r9 ^/ W: e contentWidth=document.supertext.document.width \, M! v+ f4 G; t6 K* y, l5 V
contentHeight=document.supertext.document.height6 v; `2 @4 d3 J/ T+ {, O; n. `
document.layers["supertext"].visibility = "show";
/ a" k0 \9 p9 |6 Q* |' U. D }
E6 z9 ~7 g9 C- p1 X setTimeout('moveBall()',400);
- Y3 P6 \9 ] V7 @" ?# j if (hidetimer!='')2 e- R8 g9 @( W' ^1 ]: C3 f0 Y) a
setTimeout("hidetext()",hidetimer)
6 [7 D0 ^" x+ V9 |. Q/ F4 q7 s }/ v& R: ?3 c4 J3 m0 e
6 |8 P4 l" _! e1 j. C. c# u$ ?function moveBall() {
0 c" o" s( n$ {9 n9 ~4 Q if (superballRunning == true) {
( h7 s/ M) S. x: n2 } calculatePosition();
5 \' ]- i8 D) p2 a" Y1 y7 Y0 ^0 S if (document.all) {9 Y+ W3 K0 x3 ^: x* \8 x$ U
document.all("supertext").style.left = xPos + document.body.scrollLeft;
# u# T5 J0 f/ w" d document.all("supertext").style.top = yPos + document.body.scrollTop;
+ O: r9 B$ q" f( R, Y }
) |6 b, D( k3 {- a I else if (document.layers) {
8 i$ g; R- L0 o$ \. t) p+ ~ document.layers["supertext"].left = xPos + pageXOffset;. R- g2 ]) E! P0 {# ?
document.layers["supertext"].top = yPos + pageYOffset;2 Q1 Z, ^$ F4 h ^
}
/ N- p W+ z6 g$ ~+ _ animatetext=setTimeout('moveBall()',20);% F, B4 n( y+ a0 H; n
}
8 V$ h5 M2 u. x) Z }
( O7 d9 q t0 ^# }! V; z
, {& o8 v/ k) c: f2 Ofunction calculatePosition() {
8 }+ v' H: ]' G) a8 I( { if (xDir == "right") {# Q; r' A- V/ Q5 R& \# y1 D
if (xPos > (xMax - contentWidth - BallSpeed)) {
4 i' M ]2 d" i xDir = "left";
" d8 R# ~& A2 t$ m }
6 F3 f0 I1 I) O* U/ c% } }
9 Q! i3 w" l$ C @7 F else if (xDir == "left") {5 d; z" Q1 e- `0 o. n
if (xPos < (0 + BallSpeed)) {5 a' c6 {- i1 }! R S3 p: E! t
xDir = "right";
" e( c8 c) v/ i }# l8 V6 Y& J6 C. N# L5 G& {0 J
}
) [( W- V" q2 F8 K" f6 M" R: R9 t if (yDir == "down") {
) D& S2 k! [) G3 p2 h8 N if (yPos > (yMax - contentHeight - BallSpeed)) {
& {5 M6 \4 N6 w) k6 _: C1 V yDir = "up";
{3 t8 u4 x; t9 B& I( Q }2 W5 n- U6 p* H
}4 x' d6 w4 l/ y2 Z4 m2 w& ?
else if (yDir == "up") {
, u7 A; q2 x# F8 ]' Y$ M( v if (yPos < (0 + BallSpeed)) {; p7 H5 h) c) [! Y
yDir = "down";
7 N k$ I3 g( r: k }8 s8 j# j6 s6 Q, J
}: @/ l; m1 ]8 X+ U- |" G
if (xDir == "right") {4 I; J; W# x% \. K1 r, i
xPos = xPos + BallSpeed;
, n7 z; r, \( p$ j" O ^ }$ y' A1 N$ ~+ b2 s
else if (xDir == "left") {6 [! g4 I& V) ^3 R2 J6 x: g" ^
xPos = xPos - BallSpeed;0 f6 P; Q2 m9 ^( J: } S/ ^) s
}
6 w: p0 S8 a$ q* l else {
$ U% y+ a+ H6 o) ?; l4 ]% u xPos = xPos;
8 V* W7 t& [1 f) i- d }& A8 [% T; ^6 ^/ `8 p5 l
if (yDir == "down") {
( Y0 i1 Q4 n K+ q8 z yPos = yPos + BallSpeed;) n& f& D' O6 i) A+ C8 @+ Z6 w
}
0 H' f7 ~$ A2 d8 \% _ else if (yDir == "up") {1 d! m! d- d5 Z+ B( X+ B L) E ^. G
yPos = yPos - BallSpeed;3 f: p6 b9 c: Y- v" m2 m! K. V
}* F7 P- B& E$ p/ r
else {
7 C* r4 @5 ?7 L. B' ]* m& Z2 W yPos = yPos;# y! B3 |3 J) q' N; x
}# \* B! g9 t, Z" s! z4 L
}
: s6 c" O# v# c+ |+ ]$ e
% H$ R$ \0 _' |& Ufunction hidetext(){
" p, S! R1 M4 y8 c2 Eif (document.all)
0 F& r' ?$ E; y8 I% Gsupertext.style.visibility="hidden"3 \. a r1 F- [ }; H
else if (document.layers)
1 F; O- o* y) E- d1 t$ ydocument.supertext.visibility="hide"
# f: u' t8 ?7 u% gclearTimeout(animatetext)
( ?; ^+ H$ r, O4 q5 t' |7 V `}0 t% \& M9 B- Q4 _) ]
( [& M0 ^, z4 C8 @6 X2 j. Yif (document.all||document.layers){3 r! @9 i6 ?$ f3 C. ]8 l
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 C4 F3 e' p) _* X2 w; _window.onload = initializeBall;
& q% Y6 C& q2 Nwindow.onresize = new Function("window.location.reload()");2 A3 f' F% @' Q0 }# \
}
3 |0 N! d6 Q+ i2 ?* \
; t3 b( _# @% g; j</script> |
|