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

|
网页之不断弹射的文字-特效
<style type="text/css">5 U, \' O. }! u# c
#supertext {0 F, l1 x' |# N S: d
position:absolute;& A3 w7 ~7 F8 q% F
left:0;; J/ L" I# A2 N2 Y% s$ c) M
top:0;
2 l; b$ z2 ^- V6 {6 w! F3 u2 yvisibility:hide;
: O, T! R( J' m+ ]visibility:hidden;
. Z7 l- F x& ^8 g}
" U; W8 z. K" g</style>
( b0 Y& l0 g' k: N<script language="JavaScript1.2">
, B) |& s+ n* V( n d' i<!-- 改变下的字体的大小。颜色-->1 @- A. p, K$ n) K7 k9 {
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ B \6 B ~$ m# h
var hidetimer='';0 V: n* V( z7 {8 Q; z" ~
<!-- 改变下的弹跳速度-->( Q3 q# _( F, J+ v1 i) b( Q! h, k) g
var BallSpeed = 20;9 r3 ~! X) M: R1 z4 a
var contentWidth; S$ u( I/ s3 d
var contentHeight;
8 p$ f* r0 X& k( x6 V! u1 Vvar maxBallSpeed = 50;
/ y' [6 f+ b7 w; p* `1 S' R& y: [
8 |1 _! R! H9 Q: lvar xMax;) d. T3 f+ r. F/ i6 b
var yMax;6 \& Z6 H7 t3 h3 @) @3 [2 [3 h. m' _
var xPos = 0;" k9 l2 f9 H* `. Z9 E3 n8 l5 g
var yPos = 0;- p" W. L+ O! d& z7 `0 J2 G
var xDir = 'right';8 k. L" ?* Q1 N3 y
var yDir = 'down';
9 n8 K7 c7 D. d) j: @/ cvar superballRunning = true;1 u0 F; r6 W$ p, ^
var tempBallSpeed;. E! V% D2 m( V
var currentBallSrc;
6 `. x; I* x9 q4 Svar newXDir;
3 Y. n6 @4 N% d7 ?5 B/ i# Z$ i: ^var newYDir;
3 [, t/ t1 k' ?. m: i( |% f" L; e( M' w" p9 p. Z& k7 |
function initializeBall() {
/ a5 e7 b; x) ]2 r3 R if (document.all) { E2 X4 d: W, }% l
xMax = document.body.clientWidth' I0 t% [+ |- i x+ l% n. ?
yMax = document.body.clientHeight" n% o8 `" u: L. D
document.all("supertext").style.visibility = "visible";
7 ^2 f6 @6 a* E5 E- f8 U' O8 G9 Y- @ contentWidth=supertext.offsetWidth5 W% S- o$ a g4 T) r. H1 e
contentHeight=supertext.offsetHeight( q9 m' d) I3 Z" F* e5 l7 c
}) z1 d9 U2 ?$ Y- H$ Y5 _9 M7 E3 w
else if (document.layers) {
( W3 q+ P% `* g, [ xMax = window.innerWidth;
: A7 a w; T Q6 |- B+ r* n2 @ yMax = window.innerHeight;; a1 @! A1 i+ Z9 M6 t, h i G
contentWidth=document.supertext.document.width% |$ G) [( p+ Z2 Q
contentHeight=document.supertext.document.height
% z# A/ |; r7 V3 G: b* _; g. k( s- z document.layers["supertext"].visibility = "show";
|9 E% p+ C8 z/ o; `0 z, _6 z }* I- X. L- c4 ?+ A8 D- n# J4 Z- ]
setTimeout('moveBall()',400);
! Q# B; q `) m& W if (hidetimer!='')! M5 J# j/ r7 ] {* W# }
setTimeout("hidetext()",hidetimer); O9 ] `6 H2 P& w- b
}% ]( b; x# X1 q8 i8 \
9 D! j5 c6 E* \! J6 Bfunction moveBall() {0 i% x- L# X) T5 k/ m) G
if (superballRunning == true) {
" i, z' T7 P6 ?- B calculatePosition();- K2 p3 f8 t0 B, N! \6 w
if (document.all) {) q) ^" J' s4 [; B3 x5 w# B
document.all("supertext").style.left = xPos + document.body.scrollLeft;
# L$ b; E z, p7 A document.all("supertext").style.top = yPos + document.body.scrollTop;
) J' e8 O3 f: x; H' v9 Q+ `0 W) o }
7 f' B0 t4 v. P4 w( | else if (document.layers) {
! }' O& l% L( N: W document.layers["supertext"].left = xPos + pageXOffset;
/ m5 [/ f. h* t4 a4 h document.layers["supertext"].top = yPos + pageYOffset;
9 o9 \8 i0 F5 A, I1 c4 z }
5 p, {% Y7 {# ~ animatetext=setTimeout('moveBall()',20);
8 o; a' c: n) _$ o } B. P4 o0 _, w8 u
}
' D: @: R- q0 G; H2 G
2 M, I, n7 U% r4 wfunction calculatePosition() {
$ N' G. l1 L! n# X if (xDir == "right") {" f9 G0 K9 G2 h" w+ E$ m! C1 c# O4 C
if (xPos > (xMax - contentWidth - BallSpeed)) {
" \4 m: ]. S. I xDir = "left";
! y9 r6 K |2 w& x' H) z3 w }
% P& I) x2 r& J6 S; T( h3 V/ E" f }
! q' F( ^1 }- Y9 L else if (xDir == "left") {* T4 i" m) Z5 l( }, f7 t, H
if (xPos < (0 + BallSpeed)) {
' w$ @' Z6 q* {( ? xDir = "right";
5 V- ~$ u+ K8 B$ S' B5 x0 F }
& d8 F I- V7 O* S5 E6 T( r: ~$ o }3 q2 T+ T' d% E7 D9 g+ ?+ U
if (yDir == "down") {
0 `2 Q- v; f& |- o. ]) I: y" e4 f if (yPos > (yMax - contentHeight - BallSpeed)) {
* z7 b p- m- h8 z: `# {1 Z7 T yDir = "up";# @) a* o0 z# ^1 N8 @- K% j
}- d* t# x: e3 p; s) O. F
}
& [4 R" s* A: U7 O& ]8 u/ D) i else if (yDir == "up") {" ]! a9 Y k4 n! o9 f
if (yPos < (0 + BallSpeed)) {
) z/ Q) [$ p0 ^; |& ?3 i* h0 { yDir = "down";- F( u5 o: }/ n. F" Z, x5 V
}( ?1 ]( i5 Y* s) k( y2 G' A
}: c9 O& [& e( N7 I7 o- F
if (xDir == "right") {1 a( J/ ~, M( ^2 q( J1 J
xPos = xPos + BallSpeed;, V8 b/ T1 d6 f# e9 Q- _6 p+ C
}
& ]! g: T% g- f+ X$ b) ~ else if (xDir == "left") {0 C/ W; K% \# K! ~% `* q( I+ Y- x
xPos = xPos - BallSpeed;( F' G: Q# @& ~- ]3 F) M
}
; v! v0 I3 j4 i) t else {
, W0 U+ C: `& }. w xPos = xPos;
) t! k" _+ E( H3 y6 [4 ^ }
) K- P( d( b7 ]. x% _" W5 J( { if (yDir == "down") {( a! y$ g/ q6 |9 | V( ^
yPos = yPos + BallSpeed; M8 V. z% y: o/ U% m. L
}
1 `: m. o+ S- T" u else if (yDir == "up") {
/ I* Y8 b# C! T, }( Q1 N* R0 g2 @ yPos = yPos - BallSpeed;* x3 X. U9 A2 j( z/ m v/ S. b
}
2 g& K7 r7 p% V5 X( r$ A else {
b8 t% ^& i, e$ X* Z6 ^8 { yPos = yPos;! E" a6 Z, m9 w
}# G4 j" z( T1 k
}
/ l) U6 ]/ `) X% [" m4 H
8 d+ L. V2 b' v5 C, Nfunction hidetext(){
0 S' y b( l; x% i% sif (document.all)
) W' o4 C" D7 }7 s* ` t: Wsupertext.style.visibility="hidden"
4 N9 }/ t, i& O7 |4 Yelse if (document.layers)5 _ q% F; v' Q$ }: L# s. \) q
document.supertext.visibility="hide"
6 I; N$ P8 H' F0 `clearTimeout(animatetext)3 R- B* e# s6 Q
}
5 I& M2 _( F8 l! m' Z. A# ~8 I2 w* |) j* I5 @5 Y
if (document.all||document.layers){
: I2 K ^/ t; p/ B5 q! L) C \document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
9 C1 F. `: ]6 Z$ C( E swindow.onload = initializeBall;5 u# R% u! U9 Y5 ?5 q5 ~- o! b
window.onresize = new Function("window.location.reload()");
5 d7 P& r7 c; M# r}
& O1 Y K& N: p6 R2 D& D2 P7 T7 ^$ R. B
</script> |
|