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

|
网页之不断弹射的文字-特效
<style type="text/css">8 h4 V6 |1 U* M `) E. y) p# J
#supertext {
4 } X- m+ q5 t, Eposition:absolute;
. p. u/ b( i j! ?3 eleft:0;6 G% _% I- b( R
top:0;- {6 Y+ N+ _4 o) w5 u: d4 Z
visibility:hide;
' ]" @# Y: K& j2 x' Zvisibility:hidden;
& _# }( s+ l4 l2 H1 j% r3 u}
& q/ N$ P! ~ X& _! P! @</style>2 h' c: e7 [2 [: M8 X
<script language="JavaScript1.2">
$ {" W2 e: V3 n% n7 L7 w$ A<!-- 改变下的字体的大小。颜色-->
8 l; Z: R" f' p; dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ O- M P9 V! _0 Y/ v2 Yvar hidetimer='';
, Y W1 q8 ]3 C9 b<!-- 改变下的弹跳速度-->, @& M$ ~3 L( [( N! y) {
var BallSpeed = 20;
! X5 ~& U# |& f# b6 |5 mvar contentWidth;
4 L# _8 U, s* f# @; U4 W |7 jvar contentHeight;
. C3 J1 g; \; Y1 K! O! Vvar maxBallSpeed = 50;
0 A! W8 P1 t: J. ~( p
9 a# g7 B: k+ p" z5 h# w9 t- P& n4 p* G+ J& Z0 F
var xMax;" E! U! [9 F/ v( \0 r) }
var yMax;% [9 X9 I1 c9 \# j- f* I0 r
var xPos = 0;) r4 K% ~! i7 j- \1 Q+ A! p
var yPos = 0;9 L0 x* d& u5 _; ^/ W( f4 P4 a
var xDir = 'right';( X3 h) }4 V7 X& Q2 Q! E' l$ ~/ o
var yDir = 'down';3 ?( ^( ?- d( t5 e; u4 O
var superballRunning = true;
+ d3 d. x( z$ K2 evar tempBallSpeed;
1 @ n3 m8 u; S2 p! E3 `, k, y% Uvar currentBallSrc;4 C/ R: n" g! Q3 [: V
var newXDir;
0 M6 P" X1 F, Q) y& fvar newYDir;9 N- |5 Y2 b4 p/ G( R: M+ ^- ?
7 ^* h8 w0 w. p0 V: O4 e0 L, }3 efunction initializeBall() {
' X. w9 k6 N4 k7 V" B if (document.all) {
, Q$ X _" V' N5 D, X xMax = document.body.clientWidth0 U% M2 f) q Z I
yMax = document.body.clientHeight
. U) \& ?7 V+ z document.all("supertext").style.visibility = "visible";/ g4 g$ t e$ V ?, Q
contentWidth=supertext.offsetWidth
* l( `6 I" m6 P) m contentHeight=supertext.offsetHeight) C/ a+ J6 a3 B( ~7 I# F5 K
}
9 {/ R" O/ E9 o$ e5 _1 Q% l else if (document.layers) {" d$ x2 O. W3 L0 H) t
xMax = window.innerWidth;4 P' ` Y0 e, O2 }% G" i! R
yMax = window.innerHeight;
4 ?8 i/ e M- d4 N% g$ z contentWidth=document.supertext.document.width" g/ S& N) p# P: {, N% q
contentHeight=document.supertext.document.height% A* ]7 O2 i! m- t' V1 {
document.layers["supertext"].visibility = "show";
+ l7 K) |! E% T! A* L( X }+ r, k* B$ A- h1 `+ q
setTimeout('moveBall()',400);# `0 y& l& |) I l
if (hidetimer!='') w+ |8 ?) p; b6 f+ }! i# J
setTimeout("hidetext()",hidetimer)8 J3 {# s$ k/ X0 c
}1 H3 S% C0 Z. g7 h1 r. Z9 D. c
. J4 X. C- T. t( C& d, `
function moveBall() {2 p' c7 J+ ?6 n( ?" a" _
if (superballRunning == true) {' |0 u" t2 F7 }. f4 W M5 T+ H8 |
calculatePosition();: u( X- I6 |& Z# s
if (document.all) {' ~; H. z: u6 b& |
document.all("supertext").style.left = xPos + document.body.scrollLeft;* h5 I/ e: g$ h: F* z% e9 s0 `
document.all("supertext").style.top = yPos + document.body.scrollTop;7 C, {2 C( H/ w) z" \- G( j) O
}% k9 T+ L2 h/ h A! G) a5 [" S
else if (document.layers) {
9 `* O" J' B" \3 e7 a document.layers["supertext"].left = xPos + pageXOffset;3 F' j4 E6 h+ a0 i
document.layers["supertext"].top = yPos + pageYOffset;8 t9 \, x5 G2 w$ t) m1 n
}
+ g) f) b) K- @6 R% a animatetext=setTimeout('moveBall()',20);
2 t# f4 P" x% z }1 |% I+ v/ ~. z& J: K3 ^# s/ u/ t
}1 A' o1 k8 ^+ m+ k! W8 [
3 M, q/ q4 E4 n3 A) z+ b3 yfunction calculatePosition() {5 @9 I' j) c9 d) c% J4 I/ w
if (xDir == "right") {
* r/ d3 t; g( z. p. } if (xPos > (xMax - contentWidth - BallSpeed)) {
. R3 C7 Y% r O4 |8 N/ f" M xDir = "left";
( B3 ~. @! j+ A5 e, _ }2 r% u3 O) u1 A+ z& O$ B
}
/ a: p0 E5 D! u' C( W, {$ J8 j; { else if (xDir == "left") {
8 |# V e# ?3 C if (xPos < (0 + BallSpeed)) {) _0 s/ t: b1 u+ C* Y7 C% u4 C
xDir = "right";
x+ d8 d1 [. O, l, G3 o }
& {7 q0 ^6 g+ {0 F/ ?3 \ }' Q: ~( e' N8 `% b4 F2 W T
if (yDir == "down") {
! [; o% m$ ]+ F: S if (yPos > (yMax - contentHeight - BallSpeed)) {1 o( T- K3 o! \3 G6 _1 T8 ]' g- S$ z
yDir = "up";$ y9 H( M4 U, a( E) X9 `9 j4 L
}
4 D$ S+ E4 Q# Y4 p }
% B7 t2 @, A. l! ]" `/ S& @ else if (yDir == "up") {' _4 e0 Z/ d5 M% a1 F, U9 } X: N
if (yPos < (0 + BallSpeed)) {
5 W4 J" Y$ k( W* V# z yDir = "down";* v7 {7 h3 M7 W8 r
}
3 o% _, s8 F5 @5 J }
! Y7 o, J( Q0 k: R) F7 u if (xDir == "right") {
, m; s- M* |% Z- G xPos = xPos + BallSpeed;2 h( w( @( ]' ]- r4 \
}! J2 @5 k! P4 M
else if (xDir == "left") {
5 u7 F9 b: v8 b8 L xPos = xPos - BallSpeed;- |5 x, H7 s3 |* _9 e
}
0 @; O2 ^" x M6 W* H3 p- p# K9 m1 F else {
; M( S- s2 b, y. m xPos = xPos;/ @# A( l, j4 S
}
9 H8 y' [8 h5 M0 c2 _ if (yDir == "down") {
; [, s9 W% j5 T5 L2 ~% T6 P4 t yPos = yPos + BallSpeed;
/ F+ \$ e: y5 s3 {3 \4 ^ }
) C4 i# G( g) V& y" v R' U- z else if (yDir == "up") {
3 M. A/ o$ J( ~ yPos = yPos - BallSpeed;
2 T3 e1 _3 d8 l4 O% @ }* w* C/ l5 W. m) |* d
else {) K9 Z' a# N3 ]: f K9 W. M
yPos = yPos;% ]+ o; {% t4 Z9 `' Z" Y
}
! K+ T# K9 B8 m1 {1 z6 P }
* Q' C- d4 Z$ N) p
! ~& F% K1 e3 }7 gfunction hidetext(){+ c8 W# |: k1 I& w3 y
if (document.all)* v) r& u4 P* D- {' G( Z
supertext.style.visibility="hidden"9 X" e! k* G2 }. n) Y
else if (document.layers)
, M' I+ i& Q2 F6 y: t. M* H& h0 qdocument.supertext.visibility="hide" @6 ?3 ~9 \/ D; _' b7 j/ o, B
clearTimeout(animatetext)$ C: o- \* R2 l, a- M1 [0 F* L
}8 l3 u3 J! w: N5 M' C+ }
6 p7 K8 V- M8 O1 O7 ~! Cif (document.all||document.layers){
9 Y# G5 S7 B5 W3 Q+ e* A8 m1 hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ S. s6 K: X6 |' _, q" Q
window.onload = initializeBall;
0 ]8 Y: Z$ Z8 _, _) T1 K: a6 [$ F4 Uwindow.onresize = new Function("window.location.reload()");
( v6 t2 b% T5 u" d* P}. f y+ S% N/ V: y% D' p
, S* x+ T' r9 O5 c' g0 B& R9 Y7 w! {
</script> |
|