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

|
网页之不断弹射的文字-特效
<style type="text/css">9 s: O2 _* m) Q! X/ m
#supertext {& A* S( U" W6 L a) I# F# {
position:absolute;7 {- S! w5 N, B8 T8 n. `1 f" O3 Q
left:0;" {& N9 t4 Z2 c3 F
top:0;" s& B+ o. q/ c% B+ T
visibility:hide;
2 {7 [5 D+ H( m. D6 n1 @visibility:hidden;
: x6 C$ v5 T- r H}% o- b- B( |! c. z7 y
</style>4 v8 p% V8 |( }
<script language="JavaScript1.2">5 m; v9 C; a7 k" d- a/ G
<!-- 改变下的字体的大小。颜色--> E/ b- A' h& K. P" B
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 F2 V, |: r, W0 J1 V3 K
var hidetimer='';
4 k+ Z9 [( B, |<!-- 改变下的弹跳速度-->
4 j9 P9 f# r2 K3 Ovar BallSpeed = 20;/ Z5 B) T* ]% ]0 k5 |" r8 [! o
var contentWidth;
9 T7 B7 Z' q8 K$ Ivar contentHeight;
: M" e* f& R! q/ P @6 D( M8 E. Yvar maxBallSpeed = 50;" d! t5 X% A& T% R' B: c) @
3 X: J2 V4 s" B. ^4 A
$ s. H0 u5 W& _
var xMax;
+ \6 b8 k2 j# k( c) z; Y& Rvar yMax;
% o/ d/ j' Y1 E" Q8 gvar xPos = 0;$ g) l1 }1 p- t5 M, n+ z8 ~1 `
var yPos = 0;9 {& K& c6 `$ ~
var xDir = 'right';9 a- _: {) b2 g3 N. o, n5 Q/ L% P
var yDir = 'down';
+ r( D6 R+ H" N+ V3 r" F- _var superballRunning = true;
: m) V$ @* j9 b. G# vvar tempBallSpeed;( M: d! C' r4 d
var currentBallSrc;
1 ]8 Y* c0 Y0 r, I1 N7 x9 ?var newXDir;
/ Z: f* S! ^% f/ l, Q1 bvar newYDir;4 e4 y# w6 Z2 ^5 c4 [ q6 \" A
C3 @% {5 V5 @/ S7 s
function initializeBall() {- U8 T! X( {9 S V
if (document.all) {
8 s1 d. N3 t4 G9 f- J' o xMax = document.body.clientWidth! Q) \" k9 ^" L4 W/ h5 J
yMax = document.body.clientHeight
0 Q5 f9 F8 I2 V# L) l document.all("supertext").style.visibility = "visible";- ]' \# Q+ M" I5 i7 b# q
contentWidth=supertext.offsetWidth( U" S8 j# ]4 v9 U7 I
contentHeight=supertext.offsetHeight
6 E: K: B8 \7 | }
+ [* c. z0 _0 p else if (document.layers) {
6 k3 `* q: G* i F: X' c6 | xMax = window.innerWidth;
1 t2 y. P. x: Y! d yMax = window.innerHeight;( N& \' W' X) Z( v6 k1 c
contentWidth=document.supertext.document.width
, O/ t: V0 u! \ contentHeight=document.supertext.document.height
% O1 _( W6 R) l; v. ?1 P' `! Z document.layers["supertext"].visibility = "show";
j3 C1 N. l& F r8 B$ u }* \" s( C, O4 ?
setTimeout('moveBall()',400);/ k. H( I* w- L9 z
if (hidetimer!='')) t4 Z5 H1 }& V" @ F j
setTimeout("hidetext()",hidetimer); j& {: d9 }: C! e
}. A8 o6 p6 I' ~
5 C$ B3 S6 v" Z( k0 s" `function moveBall() {
( A0 p) d& L4 y if (superballRunning == true) {
" p) k5 }' Z: ^. u( i* Q calculatePosition();) b& e& v- W( f/ S' @2 m
if (document.all) {
- W- ]8 K* v t d! j8 B document.all("supertext").style.left = xPos + document.body.scrollLeft;7 R( Y$ F1 @2 ^2 C( R# M: H
document.all("supertext").style.top = yPos + document.body.scrollTop;
* ~# N7 q2 W/ `- q* A1 ~/ ]& W* A }
4 Q8 f5 q" H* Z9 Q else if (document.layers) {) I: I N( _) F. C* O k
document.layers["supertext"].left = xPos + pageXOffset;
5 m; O1 A# g6 l! T; g; z) j' {' t/ e document.layers["supertext"].top = yPos + pageYOffset;
5 [% @ Q. {. Q: E: r }
8 q0 N! ~0 v3 S! { animatetext=setTimeout('moveBall()',20);
/ K6 A% H2 ^' D3 o5 F% S! E }7 m- U3 b% M! o! C0 f5 e
}9 L9 j$ h& T/ l6 @- r: t
( O/ w4 m3 P: Y Z' w; S. yfunction calculatePosition() {. O7 x/ R) A! I. ?! E
if (xDir == "right") {
0 U; ?8 x" `1 C3 X# L8 U if (xPos > (xMax - contentWidth - BallSpeed)) {
' Y7 B+ g @" Z g4 ?" ]' Q, Q# x xDir = "left";3 }, }' E& V& J; }) g
}
. A* M( b" D. @: N- K ?/ c }5 i9 a, A0 B; L. E/ b) c: T
else if (xDir == "left") {
" E8 Z+ @4 `# R6 x" H" N if (xPos < (0 + BallSpeed)) {
& e, z0 K c# a; h5 }/ t4 F/ [ xDir = "right";- B% M/ _5 B/ U9 e. g" u" {
}( C/ J( T/ \9 ~
}
9 A8 P! `+ j& x if (yDir == "down") {
. e1 d8 m9 [' l: T' l! n( g! k if (yPos > (yMax - contentHeight - BallSpeed)) {5 l+ [: @# I- K- v; j, R& ?& v
yDir = "up";& ?5 r/ X+ w9 j, F0 J- a# _
}5 T* y/ i5 H% Z e
}
, D' w8 ~* e" O6 z1 x0 i else if (yDir == "up") {
9 |) @; g* @; w1 w if (yPos < (0 + BallSpeed)) {& d9 D; K$ X* |
yDir = "down";
) b" H" R# |4 e }. z4 G3 N' o4 b* Y' T/ E& W A( V, v
}& c# y0 @, J$ Y& q: t) F |! c, }4 t
if (xDir == "right") {
! D' Y3 ~4 o* k% Y$ _ xPos = xPos + BallSpeed;
% u! ~! z8 V! q6 G: Y" g6 I }' G6 c* G% ~, `/ G, P
else if (xDir == "left") {
1 n6 c% d7 j" B! ] xPos = xPos - BallSpeed;9 |0 O0 V4 h' i! g4 r+ U
}
; L9 u8 p2 m! S4 Y0 A4 ^8 q8 Q else {
* A% s& R4 ^1 w# Q3 I xPos = xPos;$ q) C; ~3 }! ~7 I
}! [+ Q8 Y9 X9 @1 B W J7 Q) E+ N
if (yDir == "down") {- c& k$ g- Q2 r0 Q; Q ^0 k
yPos = yPos + BallSpeed;
/ R5 a0 _* c1 V% I7 d }
/ d$ h* k" ]) ?$ E8 t7 L+ u else if (yDir == "up") {* m% { `& R. k- I
yPos = yPos - BallSpeed;
. L# R8 y1 p( r L: ~/ I }3 w S; q8 ~7 `5 x5 E- z
else {
# P& ^. E# m1 S" Y* v yPos = yPos;$ n( r6 B6 B Y4 i0 p X1 n. r: M, n
}+ M, F# o0 A2 A7 X8 e0 k. S: h
}
5 \6 Y; _5 a Y+ p* i/ l k0 m6 Y; G+ K8 D$ g, f8 P+ a7 K T; x3 e& Y% R# o
function hidetext(){
0 w0 X$ k& ?. }, m! V; x: Jif (document.all) B w. d+ a/ U) w
supertext.style.visibility="hidden"/ s5 Z* C+ c* P+ g/ k3 i
else if (document.layers)
5 j, ~' T% d9 S" Y5 Sdocument.supertext.visibility="hide"
7 D1 z5 `! L8 AclearTimeout(animatetext)
) q9 v, d, d5 j8 P7 U& K( c( L' B}
% F9 H6 w) g3 y( @+ ] v3 K) {: G1 N4 v: e5 b3 X
if (document.all||document.layers){4 I# @. k I! ? P/ }
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% R9 w8 l* o' j0 T( Owindow.onload = initializeBall;
# C" i/ i# {; S! v7 l. ewindow.onresize = new Function("window.location.reload()");
* z- U$ h3 a3 @. A ]$ ]% ~9 ?9 Z}
9 b" M! P2 G% H# A. T) w5 k
$ ^0 X) Q* N& ^</script> |
|