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

|
网页之不断弹射的文字-特效
<style type="text/css">4 D3 s5 z, ?- r7 {! L' s# A( T* z
#supertext {
3 j) N8 y) a+ i& v% ?position:absolute;
) a5 M7 ]1 g+ ~5 r; Xleft:0;
+ H% W) D5 s7 n) ctop:0;
2 J! ?6 e( N2 R7 m/ L# y$ ]visibility:hide;2 O9 u1 y; @7 w3 G9 m, T
visibility:hidden;. H. K y ~6 f
}
( M$ C% a8 J+ n$ y! [</style>
( k( U& e9 W2 F9 B; t' U" {! \<script language="JavaScript1.2">3 c1 q. M1 P$ W' B
<!-- 改变下的字体的大小。颜色-->, {' `0 K# X7 r, l& E2 ?" @
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'# V! ~- l5 d* H
var hidetimer='';1 C8 M- O# j- n9 P& K& v
<!-- 改变下的弹跳速度-->! m' z2 G, j' o. V# K5 i7 Z
var BallSpeed = 20;
/ X! {9 v, X* X, Dvar contentWidth;
' Z7 @4 Z5 M; S% F+ ] A. u7 Fvar contentHeight;
/ X. |/ b+ t a0 Q: Nvar maxBallSpeed = 50;$ @ A4 C4 m& f8 Q; L. z
$ ]/ u- D1 K3 m6 t& n
' J( r% Z* x! h& J7 Evar xMax;* C$ S0 \2 D+ v _$ U1 ~9 m
var yMax;! V" G7 D, ^. V% v, M' `1 `
var xPos = 0;+ r# i) t3 \0 J% d* P; Z) w6 X
var yPos = 0;
/ n$ x8 n4 E" w; vvar xDir = 'right';
: s/ P, a9 g6 _; c2 |* H- cvar yDir = 'down';
1 |5 M/ W6 }4 U# W7 ?( p7 Yvar superballRunning = true;5 k, l; w) q$ m( s& _* H
var tempBallSpeed;
S9 V, a, Z7 P* u. V/ x: q0 Y& Uvar currentBallSrc;
1 n, k8 w7 y' f o$ L- tvar newXDir;$ F; U7 |5 i0 ?
var newYDir;
1 u; X( f% m) D. i O( f# u E+ q3 \
function initializeBall() {. A1 E, S% O& Q: T' ~8 W
if (document.all) {/ i1 s0 ?9 m" g# E% A+ K' U
xMax = document.body.clientWidth( Y7 Q2 w$ h* y k2 T
yMax = document.body.clientHeight$ F: f# M! y+ t( O
document.all("supertext").style.visibility = "visible";
" ]- M ]5 J2 {. y contentWidth=supertext.offsetWidth( a5 m. q \" V/ x& N# k+ n
contentHeight=supertext.offsetHeight
: Q! v% H" a: h. [3 i3 E g% i# G7 O }
s) Z- _% e( e2 t! L+ o# J; k else if (document.layers) {) {9 b9 Z `- \
xMax = window.innerWidth;# o g+ v' Y: m( e
yMax = window.innerHeight;/ w E9 ^2 o& b
contentWidth=document.supertext.document.width* W, z2 _1 O( ?
contentHeight=document.supertext.document.height& `6 d" Y `% q! c4 w+ I, T
document.layers["supertext"].visibility = "show";
; ?7 A7 O/ F+ }0 H& r }* u% ~, f% w( n7 ]9 n
setTimeout('moveBall()',400);
2 D* @. u Q5 a9 F1 A- t if (hidetimer!='')2 O8 ~/ h; X7 N. o$ E' S
setTimeout("hidetext()",hidetimer)
n D( Y# l5 J- J, G) t6 v- @. s }2 v+ I' b8 U3 u+ }
2 q% ?$ T' b( {* }+ d5 R( B7 \
function moveBall() {6 |6 W4 ~ L5 W8 p
if (superballRunning == true) {; e- v3 M( k* g$ t4 ?
calculatePosition();0 H& i' ~ f n/ C* Q, o2 D
if (document.all) {$ C8 f7 P# ~1 z5 O
document.all("supertext").style.left = xPos + document.body.scrollLeft;. a, n( Y, B4 O% N7 M
document.all("supertext").style.top = yPos + document.body.scrollTop;" s6 l; Y9 c2 t+ }
}$ E/ j' d* ~. q, P# n
else if (document.layers) {
8 @, s0 i6 w' @. S/ a document.layers["supertext"].left = xPos + pageXOffset;
1 L% T! e1 Y* Y/ o* _& I document.layers["supertext"].top = yPos + pageYOffset;
) [# |4 E, N7 U: b1 R# B }
: @! J' o6 t6 H T6 B animatetext=setTimeout('moveBall()',20);! T4 E8 K+ @' K; f9 p- ]+ C: z
}
& L7 S- F1 k; O$ T$ ^" f }! u4 t; x% @! c4 w& s& L" n7 f
) v5 F) n3 n K7 ]( i' x; K8 G) gfunction calculatePosition() {! t* P' z3 M1 u9 S' Y
if (xDir == "right") {( i! P) Z9 `7 O9 q7 j# w
if (xPos > (xMax - contentWidth - BallSpeed)) {3 [) B ~* P! l/ h8 F/ A
xDir = "left";
- D9 m1 j: ~( J4 o6 x }
% P' w1 B4 [# `% F: G }7 T/ L) C. O: d- S: [( z$ Y
else if (xDir == "left") {2 `0 V1 [: @/ c% i: [- g
if (xPos < (0 + BallSpeed)) {
# n+ B6 ?' C4 N2 X- h xDir = "right";3 M) B8 P. ^! d$ c9 G
}
8 R+ g7 ~$ Z+ o# y, i( v! i: v2 z }
5 l$ w3 C, f; @ if (yDir == "down") {
+ A7 t2 T* y/ [1 r if (yPos > (yMax - contentHeight - BallSpeed)) {
: d1 k: T2 n& ?2 z yDir = "up";& t* O& x3 R% s) q- j! m3 U
}
' f. {4 h1 k m' S5 [' W }9 }! l1 c; n9 [& E/ t: |" d
else if (yDir == "up") {+ y: z& q/ m2 K Y+ ?9 E+ ]& W) g; X
if (yPos < (0 + BallSpeed)) {
+ R7 ~" L/ b" `5 L yDir = "down";
, P7 _3 A3 \; }9 \; S; E' h }
, t' `0 D" t3 o' \: M* z8 k }
2 @1 ~; i0 S f, K# s$ L8 p2 v2 u if (xDir == "right") {$ Z8 |' g" q: ]5 n
xPos = xPos + BallSpeed;
$ D# p, Z1 z3 J# T. H) D, V$ w }
4 U5 S5 M. ~1 _1 [% m else if (xDir == "left") {
9 ^1 A& i+ q( Y' ]5 o* K- m xPos = xPos - BallSpeed;. [; v" A7 U" a/ ^) `' U! ~
}7 A5 V! U' y0 D4 }3 [
else {
" L( I$ @7 G( B$ H/ o" V xPos = xPos;
1 x. y$ R( J* D, @# F$ a }
' L7 \4 h" c p% n if (yDir == "down") {
" y/ h6 S/ b% |) ~1 {2 c* j8 w( f yPos = yPos + BallSpeed;
: R' B8 \5 ?4 \* v* b) N/ s }
8 c& m) G) S7 c0 T* r; n' ` else if (yDir == "up") {1 s2 [' ~2 n' i+ K) L) w
yPos = yPos - BallSpeed;: i# z. H7 h9 g( j
}
# n$ ~" z) |% {. F* R; U/ a else {% ?/ q- ] N3 m/ P- n9 }' T' C
yPos = yPos;' M6 ]( O' a8 n+ K* d6 f/ K; U7 a. R
}
; ]% O/ Q4 O* H }" V ~4 f0 l3 N5 z+ m
1 R5 [3 d5 m2 O o: cfunction hidetext(){) J) @) D2 P; v4 a6 N! |" I6 u
if (document.all)
- X% F: ?0 ?6 n- O5 |supertext.style.visibility="hidden"- q1 H2 c4 i& F1 _
else if (document.layers)) m9 e' O Y" B4 y( O2 {; c1 M# d
document.supertext.visibility="hide"& D, c* r% k! [1 L8 n% r
clearTimeout(animatetext)
/ _4 M n# i( D8 `/ Z% A5 r}
1 e# x0 U! U0 [7 [2 Y# I- |/ U5 a+ g, j; B. h. Y2 D1 ~
if (document.all||document.layers){. j ]+ F% z- U
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ ?+ j5 R, C% H9 Uwindow.onload = initializeBall;
6 @/ J1 b9 n7 vwindow.onresize = new Function("window.location.reload()");
% J9 P, Q- i: u+ ?; H}6 U! T2 x4 Y! u, i8 A) G$ d- [
0 k* E, q5 _2 g: M
</script> |
|