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

|
网页之不断弹射的文字-特效
<style type="text/css">" i( \" Z. j3 M/ U. z7 y B
#supertext {6 N1 \# Q2 V7 n: m; q
position:absolute;) V2 s" |' Q1 f4 O
left:0;
8 |& M! T# o0 |5 Z4 M) wtop:0;
/ U5 f7 X& @5 {2 Svisibility:hide;9 P+ q: y9 a0 ~/ O _8 B4 y) Y2 V
visibility:hidden;
+ C$ o$ n2 @8 ^. d1 t( f}
0 Z2 q6 a; W I# f" A, k</style>2 Y( o; ~" m% N1 I
<script language="JavaScript1.2">
. b) N$ `4 Y8 D4 |+ z<!-- 改变下的字体的大小。颜色-->
8 j+ o5 p+ ^" vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( m# E- r; b" H% x! }
var hidetimer='';, h$ A( ]9 ~5 d# c
<!-- 改变下的弹跳速度-->
2 q6 R, b) l5 V( ?var BallSpeed = 20;. W8 b' ]) D! d
var contentWidth;
3 v8 T4 p5 N; ^' nvar contentHeight;
3 I/ X7 }+ J. zvar maxBallSpeed = 50;' a9 V7 F+ z1 o$ l- L
$ X7 [- H* K6 n4 @
+ ^: B J# [: o# C7 ]* D1 T! Q1 Gvar xMax;3 a: O( |2 `( Z& N
var yMax;
" I- o4 ~3 ~% a' ]* E, Jvar xPos = 0;
3 O/ {5 T/ \. Avar yPos = 0;
- a+ `- y0 _% v. i1 hvar xDir = 'right';
! H6 w7 k d! R& J7 T) m) x9 Dvar yDir = 'down';
, y* m* k8 c1 evar superballRunning = true;: T( E v5 w4 n% a
var tempBallSpeed;0 u6 q u+ m: p" r# ^+ r0 b
var currentBallSrc;
' Q; ]' h6 P! ovar newXDir;" z. P) P' u& n4 i w, w( I
var newYDir;0 U) a4 z6 e; B1 J& P
& ?4 m5 V8 {3 i! s4 x' J. D$ @function initializeBall() {
. J0 B) i& p, X+ p if (document.all) {8 J0 ~: R; p; o1 O+ |2 e
xMax = document.body.clientWidth
, i+ H5 C, k' z# s1 r yMax = document.body.clientHeight+ t y1 g6 x) [/ m% F- `
document.all("supertext").style.visibility = "visible";' p- Z6 D6 I1 A R2 `2 E* Q# | `
contentWidth=supertext.offsetWidth) Z4 f1 w6 j$ V4 a$ v
contentHeight=supertext.offsetHeight6 v+ X6 g7 i4 V- ]& ^
}( p2 e4 d D# j4 h2 ^
else if (document.layers) {# p* i2 F/ `' B, C; W2 O
xMax = window.innerWidth;: l# \: R2 h: f( H& X
yMax = window.innerHeight;, A0 r6 E3 H5 s
contentWidth=document.supertext.document.width
7 p8 E- W1 t: Y contentHeight=document.supertext.document.height7 x" j ^* L3 E2 ]5 ?8 j
document.layers["supertext"].visibility = "show";
0 D6 j2 n, c: F! B }
. C; S; ?3 H; f setTimeout('moveBall()',400);! _1 x. n T @* |# G- H
if (hidetimer!='')
/ e4 q$ r9 f* E9 ]( M9 P! i+ D& A setTimeout("hidetext()",hidetimer)
/ ^; Y& p- T% L( U }
) t5 F+ f: w; l: Q: N) q" D7 s
" v) p( x' m' E8 e' _- Afunction moveBall() {
D3 ?! h' t- N* N2 D) I, y if (superballRunning == true) {% R$ ?! O* O* A; N9 P
calculatePosition();2 {+ r+ |& e1 k
if (document.all) {
+ ? A; \+ D2 O4 ]$ ^# Z# \7 Q( N document.all("supertext").style.left = xPos + document.body.scrollLeft;
& } U" x% n! e/ ]. S document.all("supertext").style.top = yPos + document.body.scrollTop;' X, T: W' u; Y8 f
}
" N/ {8 Z0 w9 f$ ~ else if (document.layers) {
" ?" |7 k/ |7 z8 @; ~' | d document.layers["supertext"].left = xPos + pageXOffset;5 t2 M& L9 Y: s/ G" Q7 k0 \
document.layers["supertext"].top = yPos + pageYOffset;
! T: z. X4 `) F7 @ }
1 A9 i3 A+ p* `+ x; ^* ?* y animatetext=setTimeout('moveBall()',20);( X1 ~7 Z. v# Q, ^( u! w
}! e4 e, T- G0 L6 ~- Z! X" r! I
}
% ~* u" J' G9 G0 b) ^$ c+ Z( Z
: u/ Y- d& e$ ]4 [function calculatePosition() {
) ~" p: y( B4 T f9 K if (xDir == "right") {
& p5 Q! w8 ]0 u! X3 V5 l if (xPos > (xMax - contentWidth - BallSpeed)) {% ~2 T# K4 ?) X1 V9 u
xDir = "left";
$ K5 R: `& L' j) w" f$ j3 z }0 y% w2 v* W0 Q: m! t2 T
} C" J- o& q& ]( b
else if (xDir == "left") {
" C1 _' X* D9 \/ r p* W if (xPos < (0 + BallSpeed)) {
) [2 c% l0 f4 x! t( C3 S+ h xDir = "right";
1 u6 e6 K: Y& }3 y+ \ }2 L: ~0 g- @) O" T; | h$ y/ u2 n
}
" x3 U6 K! z# [9 ] if (yDir == "down") {
' s3 i' g$ C5 L if (yPos > (yMax - contentHeight - BallSpeed)) {/ x* U7 _( ]3 j, \' Q) A6 H
yDir = "up";
) T1 ?/ m9 m$ j D. j }/ F( C7 D. j+ F t: H2 L: k
}
7 k1 z) U5 O1 I$ W! _/ S' r else if (yDir == "up") {3 d) |; x1 e9 t/ J) h p
if (yPos < (0 + BallSpeed)) {0 B! g/ f! V* s' b ?/ ]# L
yDir = "down";
7 Q1 E+ \3 u! F8 X/ { }8 Q" f9 f( W& M6 |
}9 F; \3 O% s+ |
if (xDir == "right") {
: w8 ], L1 @+ t: j N xPos = xPos + BallSpeed;
7 g m/ B9 p0 I5 X6 F4 ]# o }
* g4 @8 v. R7 Q+ d else if (xDir == "left") {
4 S1 x K, O' f% g xPos = xPos - BallSpeed;
, u" B6 Z1 t# b }
) q) H5 Q% p8 J( _ else {. _5 i2 C" H- i+ }" P7 Q& z
xPos = xPos;3 Z9 q6 Z9 ]9 ^6 |- W+ v8 [4 r
}1 a+ ~! \3 e) R: L I" V, y
if (yDir == "down") {2 p; } x4 S0 a( T4 J0 N5 \5 ?
yPos = yPos + BallSpeed;
3 ~/ p9 n: m% q# \& p- E* s/ A }; i. X, u& Q9 N
else if (yDir == "up") {
! T/ N; J) n9 k2 T, f yPos = yPos - BallSpeed;4 ^% h+ `% |% [1 u2 h
}
& f2 Q& E! G9 g) \7 l* e else {
3 B# q0 M# j3 ~4 b- Q yPos = yPos;6 N5 k5 C7 G$ @% \, u0 E
}' {7 c8 p' S1 R
}2 c/ [0 H1 v! p5 `/ `
8 k8 O, m1 E5 ^; T1 ^
function hidetext(){
7 K4 k1 h2 Y1 e: o3 Tif (document.all)9 o3 q; E- f, n' W' L
supertext.style.visibility="hidden"2 _% T3 o) u0 H$ y( E+ j; Z
else if (document.layers)- j% \0 C6 T! M
document.supertext.visibility="hide"
6 N, e$ i- A) N5 SclearTimeout(animatetext)
, f3 G( ]5 t- j; [2 k& Q7 E4 m}# b) l( A& c, s! g* X# C& L
5 { k$ l% [! ]2 Yif (document.all||document.layers){: [3 L& Z( x6 M2 ^) C* a4 S
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* b* o2 A& ~ U t$ [window.onload = initializeBall;" @/ I2 E" ^( r l( a1 {& W
window.onresize = new Function("window.location.reload()");
' l% |* d* c) w6 R}; n% d1 ~3 X0 ?
( T; q. |) l# W* [8 W {
</script> |
|