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

|
网页之不断弹射的文字-特效
<style type="text/css">
# Z/ u0 Q8 s6 i$ a' D#supertext { N7 s/ Y6 `( j$ c$ j
position:absolute;$ J- t7 m$ W3 K* z! ^
left:0;
2 [7 c7 C! q* U* X8 Vtop:0;* o. e6 l1 ^$ S7 A
visibility:hide;
, q$ h7 g9 v: b) D& I. Q. U" Zvisibility:hidden;
* @) z5 L$ @, s$ T+ ~} l$ j( F4 T4 E& ^ U7 F+ e
</style>
5 e2 Z) L8 N, X6 u! w4 b<script language="JavaScript1.2">) l4 e7 U" C# c$ H0 O* I+ _( x
<!-- 改变下的字体的大小。颜色-->/ P# n, i( D! \. R
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 Q; |, x1 c5 j, D1 a b1 O2 [
var hidetimer='';2 j! i2 K' V ^4 G4 F( B
<!-- 改变下的弹跳速度-->; ?" d1 D: W) n6 R
var BallSpeed = 20;
5 J! ?2 m4 u- g( Z! x8 Q, Avar contentWidth;
/ E! p6 |/ Q$ }3 m7 w$ Q2 i J0 Jvar contentHeight;! ? ~- M( j6 b% B7 M
var maxBallSpeed = 50;
" J& a+ ~9 ]/ \% f/ z" x P$ E
1 a/ f" i0 ^6 W+ \/ Z9 T
( g, M3 p0 W) k# C: xvar xMax;
2 D: B" L. E! ]9 \var yMax;* Z+ N# ~3 V q, N
var xPos = 0;
& ?1 n p5 D9 w/ ]( }& Bvar yPos = 0;5 m: l$ N, o/ m" p1 S! f
var xDir = 'right';" w4 a! s( ~# q( h
var yDir = 'down';
7 T6 k2 k! ?* C! svar superballRunning = true;
- m9 @; d: E; h2 ^5 m5 Gvar tempBallSpeed;% G Q7 T6 F$ I; x( H) Q
var currentBallSrc;) ^! k: I( F' G/ O; i
var newXDir;$ O7 J o+ L8 D% G# w
var newYDir;5 R# H0 Z6 v' G! f
$ }+ \+ G/ s F7 Mfunction initializeBall() {
5 W8 \8 d2 S% D0 v) ] T' k- _ if (document.all) {# K1 K( W0 D( E& s
xMax = document.body.clientWidth
& {, l; G% U: { yMax = document.body.clientHeight Z0 b- y( Q! X
document.all("supertext").style.visibility = "visible";% e: u5 p4 u) d5 k- o7 G: U; v
contentWidth=supertext.offsetWidth9 \* ^$ G$ m& i8 H) d
contentHeight=supertext.offsetHeight' U: G: y8 Z: R3 a1 p2 P: b `, p
}
& P8 d2 c' r7 Z7 V8 o else if (document.layers) {
O P" I0 @/ p7 h# F xMax = window.innerWidth;
0 C7 v, V& ?& y+ ~* s& { yMax = window.innerHeight;( k. H! j5 h% D$ P( l! c+ ^
contentWidth=document.supertext.document.width# f; G4 M- u7 U
contentHeight=document.supertext.document.height M" S f3 K: ]( L3 ]. w
document.layers["supertext"].visibility = "show";
$ |& T z3 u* d& A }
; C/ S- Y0 j6 P" L setTimeout('moveBall()',400);
6 i( ~7 ?' s' q# P if (hidetimer!='')8 M/ c$ S- B* M5 `6 u
setTimeout("hidetext()",hidetimer), k# d h3 x2 P' J( E/ w! k4 r
}1 E( o; m; z1 u7 T! }
% N I% T. a5 z$ E0 c0 l
function moveBall() {$ ~9 ~: a+ Y$ k2 s( H: K0 y
if (superballRunning == true) {/ Q4 [) ~+ `$ o! k) m5 `9 x% J
calculatePosition();
4 J) b/ `( Q9 E$ z if (document.all) {# F% r4 m1 A* ^# K
document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 O9 u3 @% q' K* l document.all("supertext").style.top = yPos + document.body.scrollTop;* c. X5 g8 e c# }0 q
} p1 f1 ^0 X' w# y' [% C
else if (document.layers) {
1 L; u3 j) o" {& `0 z document.layers["supertext"].left = xPos + pageXOffset;
. F K" ]' y( W5 y. h! E$ ^" a7 ^ document.layers["supertext"].top = yPos + pageYOffset;
2 L* Q2 s8 N/ ~. ? }0 a4 F$ Z3 \1 r8 C0 {. m
animatetext=setTimeout('moveBall()',20);; o& }- s/ S0 [9 e6 c0 y+ ]/ B
}
# f4 c6 F _! S8 Y. {' G5 ` }; H, X e/ j, Y o3 j; x2 c
8 }# i- @& c/ _( @2 b. N& o& j) Tfunction calculatePosition() {( P! a3 ]* ?( ~$ H
if (xDir == "right") {, ?6 {4 U) J- S( z" y e2 f' ]3 m$ m) ?
if (xPos > (xMax - contentWidth - BallSpeed)) {
3 F7 `! q& @; {3 G. ^* v+ ~ xDir = "left";
1 _* M) `" T! U( {$ Y. h }
4 b9 `% s4 r h1 S7 o) {+ W! | }
+ R* s9 U( W: t( Z" }" x; ` else if (xDir == "left") {! _7 i0 [' B" g% q
if (xPos < (0 + BallSpeed)) {( E9 A, `5 \1 h) f5 t
xDir = "right";6 u2 V1 T& h$ ^ U# a
} Z; j* j( E6 S, z
}% w: D, X9 H3 C f. U
if (yDir == "down") {
1 y" U# |3 W. w if (yPos > (yMax - contentHeight - BallSpeed)) {, |2 w0 Q, m5 u) n ]' q
yDir = "up";0 ]4 `2 t; i" R2 X" j
}' `, A5 A' K+ k" H% v+ y$ \# A; \
}
: ^. E* }6 v# m( w1 P# A2 b" H# {" {- c else if (yDir == "up") {
7 M- ?$ x9 S' p9 j if (yPos < (0 + BallSpeed)) {; B1 @1 Z# T9 Z
yDir = "down";& ^: f; D) Y! ^1 k
}
2 W3 t I* s% |* U }# ~( J! e& h7 K! B/ F! @
if (xDir == "right") {
" e r a1 y4 A3 Z1 n1 h. I/ O2 K xPos = xPos + BallSpeed;
- {7 _+ {4 a6 |/ W- g }" K! S) |% n$ e) U
else if (xDir == "left") {
8 E3 N, h5 h) ~+ Z0 x xPos = xPos - BallSpeed;
" Z, Q$ D' m1 P- ~ R6 y }
2 _% |- W) `: Y: L else {
9 M( W4 U& V d: C9 K) u xPos = xPos;
+ \+ d3 \9 P& V ? }
* l( r) r+ U9 ] if (yDir == "down") {) }: Y! u( n" q* b
yPos = yPos + BallSpeed;/ Q8 h& W# g; G" L' y* N- i
}
1 _6 M! \/ e8 J z1 J) P3 e' c8 W else if (yDir == "up") {
& j& w1 Y8 ?" o5 M yPos = yPos - BallSpeed;0 m0 Q" M, ^% c- d+ E
}/ ~7 d5 Z9 ~) j
else {/ a# _" _9 q/ ~( w
yPos = yPos;1 n/ o2 _- @5 d$ B7 A
}, Z) l4 ]7 H6 z5 J/ P
}) N9 {- F# u" @+ r2 g5 O( I
% X! x$ e3 W2 U, U2 O# R
function hidetext(){
8 i1 D4 ^* g! z' v+ xif (document.all)! s( o; L0 s3 Q3 O* S0 L
supertext.style.visibility="hidden"
* v; v* E! R' P+ X( t; P1 ~ N" Pelse if (document.layers)
* m$ \3 l" P# P. E, zdocument.supertext.visibility="hide"8 x l/ \7 H1 Q. @( i* n5 I
clearTimeout(animatetext)
# _) N9 n/ J& _. Q, \ G# q}
4 Z+ Y, A- K% ^& A8 w( e$ Z$ O; u- {+ R1 p& d
if (document.all||document.layers){
# N% V+ S E; r2 e" B: w d! }document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" H* d( H; N1 ?0 M* H6 zwindow.onload = initializeBall;/ G. A* D# T; n0 T1 J& `; i3 _
window.onresize = new Function("window.location.reload()");% h& Z2 }$ [' b& ]+ e2 a0 z" F
}; C" B1 S+ B/ d1 z& t; Q; j" @7 Q
) z8 h' ]& h$ B/ Z
</script> |
|