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

|
网页之不断弹射的文字-特效
<style type="text/css">
. p- {5 d0 n G2 w$ h#supertext {7 t2 M$ G; U, t2 T$ N
position:absolute;
: N" Q; f' i3 [( k4 oleft:0;1 @, ~# x3 @7 S5 _3 k1 A" p
top:0;
0 L% v: O) `( D4 s" T% @& jvisibility:hide;
3 |% ?# G1 k) q, y$ f( ?visibility:hidden; ]& v, X& U1 b8 ?- d
}
+ ^& }5 w6 d% T6 _</style>
, g7 W8 E0 p) y" i9 d<script language="JavaScript1.2">
" U! v3 K) b1 X& T! a4 N" ?<!-- 改变下的字体的大小。颜色-->
7 s) Z% w' s6 L' `. Fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* f1 q/ B# E, Y5 m0 m9 O
var hidetimer='';
, d4 B5 ^0 h/ d) r, B9 ~5 q<!-- 改变下的弹跳速度-->
9 H; Q( M3 w+ T- y4 f6 W9 evar BallSpeed = 20;
9 ?1 Y- M; F3 k2 G3 ivar contentWidth;
# h& I5 g* T5 j I9 O7 i |7 Kvar contentHeight;
. g& J- q8 A, wvar maxBallSpeed = 50;
3 X% A7 \4 @1 i. I' L' Z2 j( r& H5 x3 U$ t% Y: u4 [6 c
& f3 l, A- k2 w6 T/ wvar xMax;$ G/ F: v- D9 a2 J1 Y( }, L. I9 f9 Z
var yMax;
; G' c$ m5 q/ zvar xPos = 0;/ f" w- W" J, M9 }' b
var yPos = 0;8 L) M6 ?! T6 r3 j
var xDir = 'right';
. k6 X: Z2 \) I* R, fvar yDir = 'down';; ?1 P( @- r# |- }8 c j2 |2 X
var superballRunning = true;3 f$ n3 g; \4 ^0 `$ ~. }
var tempBallSpeed;
% n: e" s' Q5 w% J$ a0 b0 ]+ ^var currentBallSrc;" x. o3 K3 a; H- y( M
var newXDir;
' P, J' z9 [+ b) F" L avar newYDir;
, b4 `) L; }0 Q5 w: \
1 v$ G% m* I4 z4 @! |4 U; rfunction initializeBall() {" I; i( U' h4 E9 p& P) P& m0 F
if (document.all) {; k: P0 Q! Y! e F* q7 d& \
xMax = document.body.clientWidth
( ?% g% H7 M" u5 P yMax = document.body.clientHeight
4 L, c" _' C h, m2 I6 i8 ?7 T document.all("supertext").style.visibility = "visible";$ g% [' V t$ y' F) U6 H
contentWidth=supertext.offsetWidth
% H' |! W, _. b) A; G7 ] contentHeight=supertext.offsetHeight
6 R1 A, W5 P1 e4 [9 K }$ i- h4 k4 {/ v# X( d2 D
else if (document.layers) {
5 W, s0 Y' L1 K/ O xMax = window.innerWidth;* m' I) F; R1 s4 l
yMax = window.innerHeight;1 Q7 e( \9 R8 p! k6 B# L
contentWidth=document.supertext.document.width, H( d* }' D w) k
contentHeight=document.supertext.document.height
9 q; n' i. u) {' l/ |1 q, p. j2 W document.layers["supertext"].visibility = "show";# ]; z& M* O* t( E( p) Q1 B
}" D. d5 q0 ~9 a& Q' P
setTimeout('moveBall()',400);4 y4 S% @" u) x" F( ~# I
if (hidetimer!='')
3 g6 q- O3 C' o setTimeout("hidetext()",hidetimer)
% U4 K% O- g0 V9 Z3 L2 i6 } }
% J a8 j; N% @# Y7 S2 T5 M! V: L% c5 b- Y, `
function moveBall() {% [) T+ B0 c& ~$ f" y
if (superballRunning == true) {3 `+ @9 N1 e' @% F7 R& q
calculatePosition();
( _4 B3 N& j- V. M( ^9 U- ^; N if (document.all) {& b+ Q4 c9 a* S
document.all("supertext").style.left = xPos + document.body.scrollLeft;
( u) X/ z% ?6 b document.all("supertext").style.top = yPos + document.body.scrollTop;
$ Z* Q* b1 r! X }" F$ t, W, E9 ` S& ?! L: B$ @
else if (document.layers) {
5 J5 q" Q5 a3 F" c document.layers["supertext"].left = xPos + pageXOffset;
b. l2 S8 ^: ?( C% {+ f document.layers["supertext"].top = yPos + pageYOffset;4 O0 S$ _% q1 q5 w2 }) I" y! o/ ~
}7 V7 _. t; o6 r
animatetext=setTimeout('moveBall()',20);
( }. @' r0 `) |) T }
" e: ?' {. h1 }8 q }
4 E# k4 \: r/ @' |! Z
0 o( s% F4 Y$ Z9 tfunction calculatePosition() {, a3 k$ h- @: X& W+ }7 X3 r
if (xDir == "right") {% [" `7 t& @! E+ O) g3 n+ G S
if (xPos > (xMax - contentWidth - BallSpeed)) {
. h, g, ~: ^1 I) ]8 Q xDir = "left";8 z$ X2 j. n0 d
}" n/ P O7 Q* i! m! g0 m# N
}( v& t. @- Y$ w7 W& C
else if (xDir == "left") {
T" F% X& i9 m! K0 Y! ]+ m if (xPos < (0 + BallSpeed)) {0 C8 F& S+ R9 k! s9 O
xDir = "right";( M' N( X+ }& T" Y- B- T
}% R+ E! n' n/ c4 K7 C) Y
}( A, ^. L' d* Q+ _
if (yDir == "down") {, K4 C7 X5 v7 t0 V+ U
if (yPos > (yMax - contentHeight - BallSpeed)) {
$ e0 h9 @5 Z' N8 q6 _ yDir = "up";7 t n6 W. u A) [6 ~' f4 Z! R
}( E- l) Y; G4 f# u7 Q0 w
}
: b( X, y8 \* N5 o! W else if (yDir == "up") {
% x6 e9 X. I, P- K9 Z1 I if (yPos < (0 + BallSpeed)) {
) e, K, V1 o$ z8 G2 j( F yDir = "down";, K1 X. @7 `+ \
}
& \; L# q- Y, H' C. A1 i0 Y }
6 N: A! ]2 B1 H$ @% F. O if (xDir == "right") {
4 ]& S$ T4 D* Y) s xPos = xPos + BallSpeed;
) }6 y/ _) z9 } }
4 I$ D# D: T/ l7 K3 c+ m else if (xDir == "left") {7 F- f+ B/ A% v( i7 g
xPos = xPos - BallSpeed;5 u: D; k' C, z6 l+ K0 l6 U4 s x
}# y4 i# j' m0 A; R4 ]4 m% C" L& d) i
else {
( k# p; {( F7 j4 D7 J. [3 y xPos = xPos;7 C3 Y. o$ E6 [) A- ?' {; N
}* N; n1 |0 q, v3 c+ g
if (yDir == "down") {
3 s# A/ ^6 |1 ]0 u- B5 H$ C6 [ yPos = yPos + BallSpeed;
+ `! t1 d/ y2 X3 ]* G }5 Q: M; T9 B$ L% R5 |- b# _
else if (yDir == "up") {6 w5 q% u) s# y1 }6 A0 v- f! Z& ?
yPos = yPos - BallSpeed;
$ |# |2 R& z( n% K( n }9 R/ o- b5 [1 }! I& \* E# N
else {( S$ e/ H8 Q- S4 ]0 D
yPos = yPos;2 j3 f& D, h& Q' F3 I
}; V r( v0 j. P, I# p
}
+ c8 v8 Y* q5 z2 Q3 f( a. z1 ~: u$ G6 h' Q8 y3 J% x6 H: C0 l
function hidetext(){
8 u7 |% k5 }+ N, oif (document.all), d$ V1 R' E% d4 u$ f5 E$ [
supertext.style.visibility="hidden"
% C$ b5 x2 J( i4 }1 ~8 kelse if (document.layers)) {- ], m* x: ~' G" F9 M+ s0 F+ U
document.supertext.visibility="hide"
: V+ g# Q' Q6 v) x( L: r% uclearTimeout(animatetext)
6 O( i1 g- `0 u6 v}: n3 p) u' S5 ~* {; z9 J* |
9 L* b' A. q; |# a; t
if (document.all||document.layers){* Q( q; N$ `0 ]+ k2 ]" K# V
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# |( x7 G9 I9 E2 m) p3 jwindow.onload = initializeBall;
( Z0 V8 r8 }" M5 V) [) F3 v3 Rwindow.onresize = new Function("window.location.reload()");. ^( X; j \9 w( m( u: }" U
}
) S4 f) t4 x# T9 ^# @" S. t0 s( z2 G/ g9 T9 u7 W, g1 z; N% b" J
</script> |
|