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

|
网页之不断弹射的文字-特效
<style type="text/css">
5 N4 @; ]: Z. G# E* Y2 F+ a#supertext {
0 x5 ~' v) K) u( ^7 }position:absolute;( ~6 F; ^( H; O/ E% A
left:0; G* d+ B, k. K( j1 ~
top:0;
3 u) ~' \9 t2 r# W4 }3 K( M5 b/ Wvisibility:hide;
a1 a5 Q3 h9 }* U8 j! Evisibility:hidden;& W) c& [7 ]# `. ^
}
. F$ A# J' F0 Q8 f- Z</style>& ^- @- G- {& h; d
<script language="JavaScript1.2">
7 Y7 s, z' V; C. W" l7 w4 x% G<!-- 改变下的字体的大小。颜色-->' k8 o* J( i8 u7 X9 ^, f, V! p" t
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 T, x, L r; M) C: _* w* A
var hidetimer='';5 J4 Q# a2 y% {8 Y+ X( {
<!-- 改变下的弹跳速度-->
& ` Y; M% e" v3 N$ k6 jvar BallSpeed = 20;! Y3 n: I3 U8 w9 ]) N) o
var contentWidth;
8 g9 P0 h* ^$ {6 C. _2 Z) V7 ^* qvar contentHeight;4 h% R2 b A7 Z+ M" N; F- ^/ l
var maxBallSpeed = 50;
! `: M) s9 K1 {, |5 [
# ?. C' I4 E6 N0 z3 B# X( n" `5 ~) J9 M
var xMax;
% c6 ]" r6 h, \! F! wvar yMax;
) x9 b- Z0 b' J! Z+ uvar xPos = 0;
- x1 X. o6 d5 U) E! \var yPos = 0;
, y% ^0 \, I1 ovar xDir = 'right';
; u* P7 j5 z. e+ F" x( Ivar yDir = 'down';
- ]7 W, N% o2 rvar superballRunning = true;0 F% n+ ?% H! n d' L# m+ }
var tempBallSpeed;0 v/ m# K0 H, ^3 d
var currentBallSrc;
/ F5 e# C/ m; \8 [+ G1 _var newXDir;
: g. M+ q# ^- m; ?) h- Q2 xvar newYDir; e: R) n2 ?; ` G; u& d1 o4 Z! N
" I( m/ W" v& j+ O3 Nfunction initializeBall() {8 D1 B1 q4 Z% U: P& o
if (document.all) {
* T: P8 o `9 A$ x6 B9 T0 V xMax = document.body.clientWidth3 s, B" E% O( W$ w
yMax = document.body.clientHeight. K. B) k) [: m9 {7 j) w
document.all("supertext").style.visibility = "visible";4 _: E! t+ j9 A$ a9 Q# f1 p
contentWidth=supertext.offsetWidth& Q. L* Y) D E' N
contentHeight=supertext.offsetHeight! Z! f% a. R- {! p5 j# n/ }9 x5 w. u
}. \/ b% |8 F# o9 [
else if (document.layers) {
6 q" e) \" j* W' a" H9 D xMax = window.innerWidth;! O! c3 v6 N) X4 V
yMax = window.innerHeight;
. h7 J3 `2 O. |. N) ] contentWidth=document.supertext.document.width
( X4 ~7 `' ?+ u2 ~ contentHeight=document.supertext.document.height" O6 x3 I6 l) T* d& i A- {! A
document.layers["supertext"].visibility = "show";' k, m* l2 m& j4 o7 J5 k: c1 X
}
5 ?0 |1 S! o! J" b4 C! O setTimeout('moveBall()',400);; O9 J' |, E% v# ]
if (hidetimer!='')
5 V- b' L. R% a1 R4 T setTimeout("hidetext()",hidetimer)
- N( [6 f3 A9 f8 n! P; _* K: P }$ n6 e. V' h2 M( h0 Q! w
. e& C5 s! M4 L; h5 Z5 y% efunction moveBall() {
" ~2 `. ]5 H. f. g A9 m, F if (superballRunning == true) {
3 S3 c/ i. r# K# g+ a. E calculatePosition();% H, ]0 e8 s1 [" F
if (document.all) {
, d) [! _1 b/ ^ document.all("supertext").style.left = xPos + document.body.scrollLeft;, R$ h2 R9 O3 U) V
document.all("supertext").style.top = yPos + document.body.scrollTop;6 Q8 V" O$ z% |+ G c
}) m9 \& W9 l" ^
else if (document.layers) {
! I) A" Q3 L( Q8 r/ o document.layers["supertext"].left = xPos + pageXOffset;
7 K i2 \) Q0 w% F% F9 G! Z* [+ B6 W document.layers["supertext"].top = yPos + pageYOffset;( i/ \( Y* O. \& @9 i
}3 d3 B0 @% ?$ C. G3 ~
animatetext=setTimeout('moveBall()',20);
# g+ Q- w V9 F! T0 T }1 l, e0 W! P3 b4 M8 b, G
}
& D% J/ O# h& H5 @* J J, c2 J/ t7 E/ a
T. D8 X# ?& s" c& _function calculatePosition() {
1 i* E) D4 w: t) m3 U8 a# Z if (xDir == "right") {
: y+ i; J' i5 N8 f! \3 n0 H8 l if (xPos > (xMax - contentWidth - BallSpeed)) {! {, T; B2 _ F N2 a
xDir = "left";9 h- F) k& Z' |
}' N: [, a- y; U- M
}
: w* d5 C3 T0 ]" z0 U7 A( u; ] else if (xDir == "left") {* @2 j/ {3 N7 n$ j
if (xPos < (0 + BallSpeed)) {2 v) p9 j; Z: t6 W B
xDir = "right";% u: f0 M8 M7 k! O. P5 z( v
}
3 V3 F9 U: p. l. c" z }
6 I& P- O! t3 S3 [; | if (yDir == "down") {
7 f5 @6 X; O( P: _1 i5 F5 J if (yPos > (yMax - contentHeight - BallSpeed)) {
% J. r6 ` M) ~& `: x yDir = "up";
0 v8 {" N: M" q0 S/ T. c }
: f) v/ q: S6 f! l2 J1 @ } c, w6 {* I& y( a+ Z* ?/ T
else if (yDir == "up") {
0 O8 u; G! B. Y if (yPos < (0 + BallSpeed)) {. i6 T) h! h3 F9 _
yDir = "down";1 E5 g d, F m8 E" L5 e. d
}" G/ h+ t4 h( `9 f- u
}
/ I( W! O) J" P: y& E. ?' [ if (xDir == "right") {
: g/ r1 h# A4 p* Y3 F xPos = xPos + BallSpeed;
9 M9 J: K' \8 f& H) L }& _- B6 u) R7 u7 U
else if (xDir == "left") {
: B7 H0 S S* K7 J xPos = xPos - BallSpeed;' E8 g- E6 z4 ^" Q3 T
}7 D; b- m' O9 R2 V6 |
else {1 d. v- X0 X0 D* b
xPos = xPos;
0 C% y' g I0 c: Y( U+ b5 g }
; F" u3 C* Y E# w$ `+ W if (yDir == "down") {/ Z; `/ K0 q5 L' [
yPos = yPos + BallSpeed;& @! n1 A/ ] g% o* `- U- }
}0 N9 W9 }' i3 B( ~( E: M% U1 Z
else if (yDir == "up") {# V! Q- M- e- m: G
yPos = yPos - BallSpeed;
8 M- h' Q. E# r9 D0 g: I }
* T9 z, d2 g% b" y else {
* Q8 r V1 X% R2 L* \$ m0 u yPos = yPos;
+ k$ R! I' Q# o% r$ c4 [2 D0 s }
% ~# c* P+ H: q8 ~. @1 l }
& K. T) i |# ^7 I+ {) z( v& }' _- c
function hidetext(){
& T, Z( s2 f9 [/ c5 |! J L8 {if (document.all)9 `$ {# B- O* _$ M7 g8 N
supertext.style.visibility="hidden"8 V i( r+ h o, a$ b& O
else if (document.layers)
& P' s2 C4 Y' |9 g! O+ W8 ?; Y1 a& Fdocument.supertext.visibility="hide"
+ J" D6 I/ A& m: {5 u: mclearTimeout(animatetext)
6 x; d" @ M* J! m/ F0 \}! a6 H, B' H+ ^1 H
1 s. n/ d- e$ ?) U# X& U1 n4 z% F% Gif (document.all||document.layers){
# }. d1 `( s' Fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), [4 H& i/ c+ l
window.onload = initializeBall;
4 `6 g4 T. q! A( ?window.onresize = new Function("window.location.reload()");7 V1 d8 Z K" F# g* E- q7 D5 m: _
}
2 I7 Z6 X2 ~+ b
4 X* V: g4 F0 K4 \9 h' f</script> |
|