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

|
网页之不断弹射的文字-特效
<style type="text/css">
( h# \/ y5 P& Q% v9 A& s$ @#supertext {
3 {/ N. R, @% J- {position:absolute;
2 F n0 }( U+ D1 \/ Qleft:0;
$ _7 ^- a: A2 E3 q0 A+ ?9 ?9 Wtop:0;
" C7 B! P, `# H0 u% K& Dvisibility:hide;# z% r: t4 U" p2 I; Z
visibility:hidden;- u2 h# H, [# s% T3 Y
}+ H' c' g8 ]! g& ^! p( U
</style>
$ \! d: O3 r; i6 u5 F<script language="JavaScript1.2">$ L4 v; I; z, L- S. r% z
<!-- 改变下的字体的大小。颜色-->( I, u$ t. v! v/ f6 N* x4 T
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>', { x) _5 d, C+ v
var hidetimer='';% @3 Y4 Y, i6 u. N/ q( ^# \
<!-- 改变下的弹跳速度-->/ D* L1 c! `4 M9 z. k+ C, ^
var BallSpeed = 20;% G: I1 s* V1 g. ]7 x1 z# p- _+ E
var contentWidth;. H2 a8 D% B+ |5 q, y" b3 e
var contentHeight;
; y: z* w5 X/ k: Q1 `- B/ H: Ivar maxBallSpeed = 50;8 O. T0 G! X' R; N
! M( E- D& Y( W& L7 g
/ o/ u- Y( z% q$ _6 }; mvar xMax;2 ?- F7 l% K7 k! E
var yMax;8 X; J. [$ Q* q$ Y/ k6 `
var xPos = 0; b4 d7 W0 v( a" ^0 M, x
var yPos = 0;
. c8 K/ q' R o4 p6 @1 `var xDir = 'right';$ F* a7 \9 ?2 o) P6 I
var yDir = 'down';+ E; J$ w8 f% Q
var superballRunning = true;
* N. U% j S3 T% ^/ b4 ivar tempBallSpeed;2 N6 m2 r9 c5 y" }: J. \ K
var currentBallSrc;4 M B& D7 E* F3 S* L( o) q
var newXDir;
/ n" w8 g. L: A/ L2 Jvar newYDir;
: S5 P% u$ z' X+ C( t1 O x
5 }" R8 @# `1 t7 cfunction initializeBall() {
8 Q4 C6 I* r, {6 t! r; a- x# Q: n, l if (document.all) { K' P% K+ F3 d9 z6 T' T
xMax = document.body.clientWidth
+ y% b+ ?& t9 C* L& N$ K1 } yMax = document.body.clientHeight
+ Y+ ^" F$ p; ^; D7 M document.all("supertext").style.visibility = "visible";8 h1 A/ z: j( o/ c( I& u
contentWidth=supertext.offsetWidth6 Y0 J# y6 N: r* K7 F
contentHeight=supertext.offsetHeight
) W+ o _4 u& q* i }
5 E1 C. |% O- B/ G m else if (document.layers) {
% P/ V& [+ v/ E$ E xMax = window.innerWidth;% E: r7 N3 e: y1 ^+ p
yMax = window.innerHeight;: Q7 S4 c2 B& N, }2 v. Y" N. T
contentWidth=document.supertext.document.width
1 r% A Q$ B( Z- P8 h; D" F contentHeight=document.supertext.document.height
, f1 w( p' J8 n4 M document.layers["supertext"].visibility = "show";
, X, l+ d% ~& G8 }% a }) Y' b. f3 q# h
setTimeout('moveBall()',400);
4 v6 w; P6 I& h! `1 _! Z2 n. u+ g if (hidetimer!='')- w* V/ ^; s9 u' A# f. K
setTimeout("hidetext()",hidetimer)4 n" T& T1 {6 o& h
}
$ o: w, ~1 m* l9 H8 X; @
! V v7 B/ n' [; T$ gfunction moveBall() {
7 W1 o7 k. i! }7 ?0 u2 e if (superballRunning == true) {- M! ?% ^! z3 T' P0 i9 x6 I
calculatePosition();8 e; h6 D7 ?- s8 z4 n/ O! [% m
if (document.all) {9 O% E& B# I' h0 ~5 s! ^1 t
document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 Y5 b& c) S9 P! o document.all("supertext").style.top = yPos + document.body.scrollTop;
% g( E1 k: B1 W' _9 Y }0 k4 T- k0 g( o
else if (document.layers) {% D$ @1 Y! v2 y0 E- d# i
document.layers["supertext"].left = xPos + pageXOffset;
6 s2 k7 m+ Y7 M x4 O) a document.layers["supertext"].top = yPos + pageYOffset;
: ~9 `& l0 B7 ?* } A J }( C$ d, R" V3 `2 z' z
animatetext=setTimeout('moveBall()',20);
6 h! }, [- s3 @0 T: [$ Y }2 r l5 X8 v- A8 v8 I! G8 [
}
# q! U& e* r- | U1 h: @/ s; d; T' v0 P8 S2 @
function calculatePosition() {9 Z! B8 e1 S6 t- }
if (xDir == "right") {
E# H0 l0 k! j9 r: \( m0 ^ if (xPos > (xMax - contentWidth - BallSpeed)) {4 c, n& `; C; W; ^9 y7 I
xDir = "left";
! }3 h) u9 y* p; Z9 p' X$ K5 i/ K }. w' a7 A+ S6 N$ o
}
9 A2 U- {" D* z. L( Y( G else if (xDir == "left") {
$ I8 S( H5 @+ P+ d if (xPos < (0 + BallSpeed)) {5 `' W& {* O+ e* S( T7 U2 F
xDir = "right";
4 D6 f2 W" g) i! n9 ]# w }( b! c0 o$ t) G1 l5 S5 \
}2 |' O+ `7 @0 }2 ~8 ~" w: Q. `
if (yDir == "down") {2 _$ e4 w8 }# D) R
if (yPos > (yMax - contentHeight - BallSpeed)) {" H9 q6 S- \) { u& J2 g; n
yDir = "up";
0 B f; U9 I( k) {7 D" z }
3 S4 q' h' g, r }; P2 m# H, e; G H4 W4 c
else if (yDir == "up") {* L9 u1 w4 T( c5 C, W3 `& h, x
if (yPos < (0 + BallSpeed)) {/ D* F4 ?* Z9 z# m8 V }
yDir = "down";4 [* B8 v: G( j, n
}- L; f8 K+ \' q, I, v$ q
}3 F2 C1 y; y4 | I- `) T/ i; l3 Y; R, U
if (xDir == "right") {
8 |7 E9 X; e: L4 v xPos = xPos + BallSpeed;) i E+ S0 }0 v ~9 V/ H8 x: I
}
) I, \: P+ Q( S else if (xDir == "left") { ?0 j3 Q! A. @3 Y6 c
xPos = xPos - BallSpeed;" y5 @( L' [2 N7 n5 M: H
}7 @+ y; x; k- e
else {' X; s0 [$ ]3 s6 w- I
xPos = xPos;
+ G4 d( Z& Z6 o }8 l% Y- C; e4 p2 O
if (yDir == "down") {+ U2 P) ?. P& x6 K( G
yPos = yPos + BallSpeed;# ?. w2 G+ g3 z- d
}
1 t# S* M0 O' [ else if (yDir == "up") {
' h8 {5 x3 H9 z `5 }: m yPos = yPos - BallSpeed;
( U2 K& X! X& Q: b1 }- T: v }: ]! d, W1 v, V) @! X0 f( I
else {
- I( k; L4 y1 M9 j yPos = yPos;, K8 P8 I, z6 N" K5 M& \9 J
}* l( o. c$ @* Q3 n. V
}% E4 D- i9 f9 U# y& S! ]/ S9 q1 G
1 w# H9 r4 l1 O Ufunction hidetext(){
( p# A- i! Q. x: K% \. Mif (document.all): V5 m1 F( m# I) S
supertext.style.visibility="hidden"
: T% L" M3 z3 Yelse if (document.layers)# W/ e9 d6 t& m" ?4 ]; x- M! G
document.supertext.visibility="hide": t4 _3 D$ q# g3 E. U
clearTimeout(animatetext)7 }5 h: F4 ~& K+ r' `2 j
}
. m: k" p9 l& J" N. `0 d7 _. I
; ?, Q" q7 o* d, Pif (document.all||document.layers){
( s3 F: _- w8 W2 \+ vdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# q& I/ F/ p1 C& y0 l3 Ywindow.onload = initializeBall;
1 R. A T2 B, y$ q& Rwindow.onresize = new Function("window.location.reload()");% S; D: u3 W0 k! q
}
" v4 S3 e2 n! V |
- K( b# k8 Y! q</script> |
|