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

|
网页之不断弹射的文字-特效
<style type="text/css">
# @/ w; E7 u8 y7 g# f) [: h#supertext {) [7 K9 H- f0 h$ U i
position:absolute;) a y& y* ]" o1 v
left:0;
2 \6 u; y) X5 ?8 H0 |1 h. @top:0;2 G8 W. C/ R1 p9 v6 I9 B, B* Y
visibility:hide;
% Q- M* f# y( b: l. E$ w% xvisibility:hidden;
8 `( r9 q5 B! O8 D: ~( b8 H}
% @8 R9 [7 c: {' q3 E# U% w T</style>+ n: y+ h6 m& o0 ^) y5 Q& U' g
<script language="JavaScript1.2">: g* s' Y$ e' [; H I
<!-- 改变下的字体的大小。颜色-->6 _- q8 d3 k& Z$ C1 o7 G* y% G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
. [5 U J4 p- C0 K0 s4 Lvar hidetimer='';
' M) o# V. }0 b$ g<!-- 改变下的弹跳速度-->
+ I. ^7 D: H6 h8 s# M7 Wvar BallSpeed = 20;
: U5 _ k% e* P8 o [! l9 f. evar contentWidth;
5 g2 `) E7 l" e L: G+ Gvar contentHeight;$ s$ _3 B/ \3 v; a+ ^
var maxBallSpeed = 50;
- S/ a. ~4 u% a3 r8 y' I( p9 G7 W2 E7 \+ b
& ~3 U/ y& \! n! W% O# t% | S$ X" Nvar xMax;( R. k( p) E! c% r @4 T3 U- A
var yMax;
/ f* P7 y3 l% evar xPos = 0;/ j0 D c2 a: ]
var yPos = 0;
% `. r Z& m. |9 R# [2 N2 Svar xDir = 'right';
- ?( f9 f& v; m' a+ kvar yDir = 'down';. V% L. L% w! Y/ @: @4 d6 p
var superballRunning = true;- L. H5 W% W+ e } {& w+ p% y
var tempBallSpeed;
4 P: [' ^1 t% q# Evar currentBallSrc;
+ Y0 t+ ]$ |# z; Q0 H4 Gvar newXDir;+ R) K3 r; j; C4 g3 N8 {/ X9 ]4 T
var newYDir;
$ s7 ` ^8 {- z2 `8 Y5 Y- ^6 s2 p+ k$ d, [
function initializeBall() {1 S% T. ~7 f6 H2 C
if (document.all) {0 E0 t6 H% p; g
xMax = document.body.clientWidth
+ [/ [5 }* z5 j: l7 h$ C yMax = document.body.clientHeight
" r- L+ j' k/ b8 d6 R4 g% J document.all("supertext").style.visibility = "visible";+ a* }6 N8 R# M0 r s8 M7 i. ~1 o
contentWidth=supertext.offsetWidth3 i& _% j! ?% b9 y. [& s5 O
contentHeight=supertext.offsetHeight, X7 y- P8 Y o- o1 v& I+ o) _
}/ L3 |7 R1 q$ c2 n, h
else if (document.layers) {
# b# S5 u t# |/ s* C. k. ^! R: k xMax = window.innerWidth;
5 ?) z, r# s9 K yMax = window.innerHeight;7 Z# P4 D% X* C8 V
contentWidth=document.supertext.document.width; v% y. k( b9 K9 A! \
contentHeight=document.supertext.document.height, r- G. X- n4 i m) Q. L7 f
document.layers["supertext"].visibility = "show";
& s0 @) `8 g: w& m }. m( o! i7 c/ E J0 U; ?+ }+ D
setTimeout('moveBall()',400);
! H( N4 @/ J$ v+ u! e if (hidetimer!='')1 Q6 w1 X7 `( A; Q- m: S) v
setTimeout("hidetext()",hidetimer)7 T; d7 x- `/ D. V; @, b
}, C5 W1 t0 P' A \+ Q ^: z9 c8 V
/ |3 I7 c" V. G9 ?* B4 r1 `% e
function moveBall() {" g( l( h: |5 B" u2 o1 K
if (superballRunning == true) {
0 k4 m8 ?: g: C calculatePosition();
$ ^8 `; A# T2 k" m/ ^ if (document.all) {
+ D0 S" p9 ]/ r( u' n document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 D0 n0 f5 l' S- j2 s! V document.all("supertext").style.top = yPos + document.body.scrollTop;$ l' A3 b- i! b3 R
}
* j+ q( }3 J8 H else if (document.layers) {
+ V- _( b( d3 R% o; N document.layers["supertext"].left = xPos + pageXOffset;" e- H% Z: @6 J2 z7 v4 @9 p. h
document.layers["supertext"].top = yPos + pageYOffset;
( t9 ] V+ T1 B }
' {3 [7 w4 k" X5 L) h1 m animatetext=setTimeout('moveBall()',20);; Z4 C( t6 |) m2 Y, K9 h
}" x! z6 H$ `, N; Q7 b3 o
}2 ?& L J) v4 a9 }0 |
! A& t" Q) e0 L6 A7 cfunction calculatePosition() {" x- `1 e5 x- n8 R/ e
if (xDir == "right") {* k" p! y1 {) _( A& }
if (xPos > (xMax - contentWidth - BallSpeed)) {0 O, n3 _( @0 U
xDir = "left";9 J0 q3 e) {$ n7 |! \* @# X
}
+ j9 b4 E; y; k0 Q }
! R" G- _" A3 w6 m* c; f j else if (xDir == "left") {
7 `. S+ h8 d( M' i if (xPos < (0 + BallSpeed)) {1 u/ d$ y- D R) u' Y
xDir = "right";
1 L- a; D& s0 _; |7 M- G9 N } j& N* E8 W* D d% u
}
, g2 I8 p" a9 F- f if (yDir == "down") {
" Q& ^! |8 M7 X( n) B" u* x if (yPos > (yMax - contentHeight - BallSpeed)) {3 o" J3 d' Z2 T4 n9 e0 }
yDir = "up";) o" w. M1 i. @+ i) o
}
( ~: b! A: p5 Y }: _: i+ g% C' h, w6 k$ _% r
else if (yDir == "up") {. H/ e2 k0 O$ {
if (yPos < (0 + BallSpeed)) {4 d; |$ C; S: w- t
yDir = "down";
" M' ]1 F8 Y* j }- C% P7 H4 K! p- c9 q! z* ~
}
3 l1 `, [! O) P) f& } if (xDir == "right") {
2 G+ w; v) g+ B) d5 g, D/ i xPos = xPos + BallSpeed;
( g& l; H' l6 p8 O$ E' B7 G& t }# ` c3 g1 {6 O, e1 Q
else if (xDir == "left") {
8 V! m" z' {# p xPos = xPos - BallSpeed;; E/ b% N9 d* B+ H
}
% o5 }, y q x else {% g H. u3 B- X' j' n8 w' s
xPos = xPos;
. h. S3 r4 C/ |1 h+ |- C }# Q6 @0 z/ V, t# d
if (yDir == "down") {: f0 m7 _0 _( B5 L G" W
yPos = yPos + BallSpeed;
0 x9 N0 h! r% \# t7 }: m+ [5 j }, g8 x" T% U9 _& ~
else if (yDir == "up") {. l4 |9 D/ n9 J
yPos = yPos - BallSpeed;
/ L- Q8 ]; X7 T, D/ y& J }/ c& W. w+ |# t: Y
else {4 w' r# D+ R) @7 `
yPos = yPos;
& \ B& w' Z0 m. U4 g }
* e+ u0 ~- Z4 q }
' J" K0 {, G% b8 o% m/ Y6 A4 L$ R; Z, J2 h h1 j$ `$ c8 W# z2 I
function hidetext(){/ Y5 o- K% p ]3 d1 Y% ^$ |! C4 i
if (document.all)
$ ~1 |& |, }; u! e f. h* W; R; a S2 qsupertext.style.visibility="hidden"/ x9 g: B8 B g0 \
else if (document.layers)
R/ I8 {$ g) L' xdocument.supertext.visibility="hide"
0 ]6 e$ g3 U# D5 V, ?clearTimeout(animatetext)" `, H. \) P! E+ ]( G O
}
! U7 x; X2 m$ P+ y$ x5 ]
+ n$ I. f, B3 P* G @: xif (document.all||document.layers){
! u; O* \- M( V" r1 E- }& Q# mdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ z1 C) b' O5 K ?1 ~9 A
window.onload = initializeBall;
2 X" C% G# D3 T" v( t* ?window.onresize = new Function("window.location.reload()");
3 G; R/ U( ~( L! ~5 v$ g- I}% [8 m, L9 f& c. J6 Q8 ]
" ]! v: Y) }6 v$ ?; K2 a. C& ?
</script> |
|