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

|
网页之不断弹射的文字-特效
<style type="text/css">
7 g. x w- ], m) ?3 r& |3 F#supertext {/ |7 @6 b6 ^7 E1 K4 F1 e
position:absolute;3 m5 A- W4 ~7 n/ p2 z$ F
left:0;
, d$ q: a0 G. Q& _top:0;
1 E: r4 A% [( E3 Y" s+ Y" \/ k& x) |) v3 t! yvisibility:hide; g" D' V* I. x
visibility:hidden;) z2 z* o+ k, y7 u
}
1 F( a+ b1 U- z% ]0 p, c. {7 H</style>- J2 y5 g6 b2 J" @6 G1 \
<script language="JavaScript1.2">
! V( @( f( ^8 q8 ^; g<!-- 改变下的字体的大小。颜色-->
( ?) @- k' s u9 z7 p8 e( c2 y' ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>' z1 v; ~9 ?, l
var hidetimer='';8 ]" ?. g/ I" l+ J
<!-- 改变下的弹跳速度-->
+ W5 C8 L2 D# i$ q; {# S) vvar BallSpeed = 20;6 p$ _. Z7 m8 z/ _
var contentWidth;( s7 P2 m/ B' @
var contentHeight;
# F I5 Y h+ E0 m6 N! N! J+ W8 B# T( svar maxBallSpeed = 50;: p! o1 z6 i9 B
& a8 X6 ~, l5 }8 B) h( w
/ w- v! g w1 x# Qvar xMax;
( j% F% x2 W4 x9 d+ C* svar yMax;
! e5 w+ h3 q! w P$ x& Nvar xPos = 0;
9 v* I" E3 ~% W* t$ w( Y2 O8 Avar yPos = 0;
) z! D+ o4 f. S% V# a. R. Kvar xDir = 'right';
8 U# K. a4 n+ h( a; `3 `" cvar yDir = 'down';
7 p) R7 ~. m5 V3 kvar superballRunning = true;
3 W6 m: O4 ~! c! [var tempBallSpeed;! h, t9 I6 |+ j8 e0 N$ f1 @
var currentBallSrc;: i+ S- u# a& {8 P6 E+ n; o
var newXDir;. b0 J5 J( X& K' V; j
var newYDir;5 {8 C v; n% E0 W9 [1 s
2 O1 P1 ?3 O! P
function initializeBall() {
0 |% W" G' ]% w if (document.all) {
6 n" {" s% F* U- c9 s; y# g8 }4 T xMax = document.body.clientWidth
0 _0 }3 B8 s5 `" \, `1 A( ] yMax = document.body.clientHeight
6 v& E, @2 e! S3 ?) n document.all("supertext").style.visibility = "visible";; C* i' k8 q% ]: S8 ^) z
contentWidth=supertext.offsetWidth% X& C3 c6 J# m% j
contentHeight=supertext.offsetHeight
0 t6 x i4 Y7 a9 T Y# k4 R& e }
9 `3 J( X& m* T$ }* e' o else if (document.layers) {
' |, L& X: t2 S1 L xMax = window.innerWidth;1 E+ [! c& g* v# x! W
yMax = window.innerHeight;
$ X0 ^' j. V, y% x, y contentWidth=document.supertext.document.width
! e( a1 r3 g0 e' f7 w; x" U contentHeight=document.supertext.document.height
, ]% {, x6 @# Y) q6 m8 ?4 f document.layers["supertext"].visibility = "show";& ]- n( P: B0 ^) ^# w- q
}
( H& i7 n' ~4 K, l$ R/ @- \ setTimeout('moveBall()',400);1 S7 I/ i: R/ L& N, b9 J
if (hidetimer!='')' E* P# I( i Z. |7 K
setTimeout("hidetext()",hidetimer)
% p" h) k- _& i }
% u9 q0 J& R }, H( v# R' R# u1 `) c+ b' P
function moveBall() {
% `3 ?$ I8 L% r p if (superballRunning == true) {
3 ?: U" i& D# |1 {( t8 n calculatePosition();/ ^8 X0 w9 y* {8 ?8 j b
if (document.all) {
/ i: L2 C/ G \0 \& ] document.all("supertext").style.left = xPos + document.body.scrollLeft;; `0 E H7 r0 F
document.all("supertext").style.top = yPos + document.body.scrollTop;
: ~; b, N5 Y/ r0 e' r }
% M6 {3 x4 q3 o, \/ A. a8 E \( _ else if (document.layers) {7 S/ d9 N6 A( U( o* T
document.layers["supertext"].left = xPos + pageXOffset;
' ~2 q. j6 I: f: H) k$ { document.layers["supertext"].top = yPos + pageYOffset;$ P$ q* n" Z$ r
}3 @3 }4 ~% _" r, \2 V( P
animatetext=setTimeout('moveBall()',20);0 m; l* t: y, Z, A( z( B# }
}0 }+ X+ L+ J. }0 V
}& @1 V, x4 |6 Z9 _
& l6 D1 j& y/ K4 Kfunction calculatePosition() {
2 |- t1 O5 v' S7 l1 v Y0 p if (xDir == "right") {
2 a' x1 b9 }7 E4 L9 ~ V+ H if (xPos > (xMax - contentWidth - BallSpeed)) {( J3 T/ `8 G" t, x
xDir = "left";. L [$ C! o) `4 B U
}# p1 d" ]$ Z: f! Z
}8 L, s0 L. ~8 |% H/ e3 i
else if (xDir == "left") {
! I D7 o2 X- z5 o7 ] f if (xPos < (0 + BallSpeed)) {
( `, g. d9 C& t xDir = "right";& G9 P# y C0 l* b3 ?- Z7 |
}' I# [4 U/ ~' ?6 S8 ]! p0 J
}' V6 @( N }9 b, z" F! x
if (yDir == "down") {$ ]+ i' {3 _1 X$ q$ F" L
if (yPos > (yMax - contentHeight - BallSpeed)) {
2 S q w5 K9 |2 M yDir = "up";
% z) H" c/ `+ E5 [: d4 `# L: ?# k }
0 J% Q1 P- k z, ^ }9 C# d0 Z/ d. n# a
else if (yDir == "up") {
! l7 a( Q" P: t+ u2 R, t if (yPos < (0 + BallSpeed)) {
- ~( s5 r# w2 k; V$ H8 s yDir = "down";" V0 S# C( x/ Q+ G
}8 Z% K+ V, m5 @ d x" d
}( x3 B. s i* L! G
if (xDir == "right") {; Y" W& a+ _. G/ J' o6 _( a1 M2 s# u( G
xPos = xPos + BallSpeed;* s8 ^4 \/ R/ p
}
1 Z. {. @# X. ?2 g$ ^ else if (xDir == "left") {
6 x! x7 x$ W4 v, r( T xPos = xPos - BallSpeed;/ W3 ~2 ]) ?* G
}
' B; O8 b% p, ^0 a" z j else {. }1 R* h& K- X9 B9 G7 j
xPos = xPos;# i4 ^' m: x0 P
}7 C6 y0 k- u ]
if (yDir == "down") {
8 O, a, X1 i' a$ J. Q# i+ q yPos = yPos + BallSpeed;$ d/ M0 p; V& y7 R$ y( P
}9 E l) F U: {1 p# ^2 r, M R. t
else if (yDir == "up") {
6 N. {4 k6 i K( t/ |( w2 V6 m yPos = yPos - BallSpeed;
* c# K8 h9 ^; U. x. P! S; ? }1 @2 C m, b% w1 i; w* ]' u
else {
% W0 Z; I8 i3 I3 g; _! e yPos = yPos;
7 z, v1 G! L8 P2 Q }- X5 b R0 i1 J1 C. z
}2 ~( A: I6 t- B2 s8 ^3 x1 M: P, i
7 a5 B. G9 [& O6 D# ffunction hidetext(){ m' k' k1 @, l6 M' H% j# x
if (document.all)
2 K+ a0 H' B: U- M: d, J: @# p8 }supertext.style.visibility="hidden"
# ?$ W0 u4 S! B4 P D9 Telse if (document.layers)& ?# M1 T( u6 X) ?6 e. G$ F
document.supertext.visibility="hide"
/ i6 ^# G/ g6 cclearTimeout(animatetext)% Y- f- O8 r0 ^$ O
}8 ?, t4 `/ ~* N5 M/ B( Q1 X
0 y9 [! q. b% ]- o, J, m. O, |
if (document.all||document.layers){2 u+ D8 T- l$ g- Z9 N. f
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
2 w# Y q0 C5 s% w7 ]window.onload = initializeBall;
/ b* j1 O' c+ C1 c; f$ A5 T$ Pwindow.onresize = new Function("window.location.reload()");4 G y2 J( J& O G1 [% p
}5 j$ r5 |, g9 J. L* V% F& f
0 a: i8 e7 h, [
</script> |
|