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

|
网页之不断弹射的文字-特效
<style type="text/css">
2 }3 N( {( d: K1 h8 J* ?) J#supertext {
1 i& u* U' u6 Eposition:absolute;
`. V- G* ~2 u% C. ~7 P4 u. fleft:0;' _$ ]; x) a! i' k8 s
top:0;
9 _2 U0 {' [4 S6 kvisibility:hide;3 Z0 b* f: N' q5 a. g3 c8 Z" p2 W) `
visibility:hidden;
7 t* M+ D, \' e3 s}. k5 V. ]0 r6 w& j, u! b& m
</style>
7 c% j: q' j! ~, F<script language="JavaScript1.2">
6 @+ F2 A/ J/ N4 O<!-- 改变下的字体的大小。颜色--> h' W g7 Q" y w
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 u A1 r# O, l+ g3 l9 g% S3 V
var hidetimer='';4 ^1 @5 G$ P% h8 a% |/ A
<!-- 改变下的弹跳速度-->( f2 y' T) y3 S" d* w# v
var BallSpeed = 20;) F/ j* I6 e" {7 H% A$ O
var contentWidth;
! D* z; y) f3 @1 p3 F+ ^1 O7 Z* {$ Tvar contentHeight;
6 U3 u0 b7 R! r E! o; _/ ovar maxBallSpeed = 50;
) @9 U6 N5 E5 c
- N8 u' z. C; Q5 K. f3 D
8 ^; g0 ~* Q% T8 }7 Hvar xMax;
8 |! Y$ H* q4 I9 A2 X0 n1 L$ B- W2 ~var yMax;
{' `2 |4 R0 g3 _var xPos = 0;
6 n' o, q9 h7 q. T0 c. D4 d% Lvar yPos = 0;) _$ i2 k! t# p$ b J9 C Q8 p
var xDir = 'right';. }. q6 x1 D$ I$ e9 {1 O7 o9 z& t
var yDir = 'down';
' F, X& L4 G) Z8 wvar superballRunning = true;1 A- j8 f& V8 x" N
var tempBallSpeed;
+ z3 f, e- p9 @ Ovar currentBallSrc;8 [8 n9 |: F% N* v: A
var newXDir;; c, i. x* K* g+ {# ]
var newYDir;
) }- |6 B- [! t$ M5 E q0 ?
) Q, q9 ]3 h) Gfunction initializeBall() {
0 x4 M2 m8 w: U. ?% j: d if (document.all) {
8 O- i7 E% p/ q' o5 e xMax = document.body.clientWidth
8 s7 z/ X T; Q: a+ d5 A" w5 O yMax = document.body.clientHeight
' U& J# O5 z% N- w& ]! M: O% ? document.all("supertext").style.visibility = "visible";
F# D. d4 ]# u/ g! Q; f contentWidth=supertext.offsetWidth
& g0 X" p5 ]/ ~) h5 e8 q5 R contentHeight=supertext.offsetHeight' ~2 c! E& a" E+ A6 [& f5 K9 ` c2 m) p
}- Q% r; M- g6 T/ Z( A+ `' V
else if (document.layers) {
- }& `0 n) C% I9 J xMax = window.innerWidth;
/ U, }( d' `. g+ a6 U/ k yMax = window.innerHeight;/ T9 W @! }' J8 A
contentWidth=document.supertext.document.width8 ~* A' Z" S0 r) _! R
contentHeight=document.supertext.document.height: e+ }8 ? o2 w% O: [
document.layers["supertext"].visibility = "show";
5 Z+ J& L0 p' n4 }9 _! D) ? }3 z7 k! i. P$ V, F* O1 b/ Z( l
setTimeout('moveBall()',400);
7 F* k" r* H; E# ?7 { if (hidetimer!='')
# B4 D7 C4 _! | a7 n setTimeout("hidetext()",hidetimer): j l3 y, a/ m% @& F& X
}" W6 M4 n' M! G9 C: z0 x2 z
- S/ B. G% {) y/ w: D
function moveBall() {, \1 _$ h$ Q8 _( q
if (superballRunning == true) {
" f+ O6 i+ w% M2 D" k6 |2 b: G calculatePosition();
4 d) t7 M3 S5 ?( A" Q; C& i if (document.all) {7 |2 m4 |) f* W! W8 E. ~
document.all("supertext").style.left = xPos + document.body.scrollLeft;. w! y4 F. y' c$ p; k
document.all("supertext").style.top = yPos + document.body.scrollTop;0 V7 N0 l; b; p" G# @2 Z. \
} Q% X" ?- z: i6 F5 D
else if (document.layers) {
5 j/ F4 `8 }4 P o* Y) J" w document.layers["supertext"].left = xPos + pageXOffset;0 s4 _2 l" p A
document.layers["supertext"].top = yPos + pageYOffset;
( _* \" a+ [# ?. z' n0 j* f }/ z `9 s" l* K; y# l" F3 M
animatetext=setTimeout('moveBall()',20);" p$ x4 B4 G/ i! ]; @5 y: H- i: Y6 t
}
# h Q5 m- _, R6 c }% \7 c. o* f$ M/ i! M
; u7 T9 n* t' v3 x# Z! t1 s1 F
function calculatePosition() {
& N, E/ `' S! X9 I- G if (xDir == "right") {, r' v; P6 [5 b2 N+ M/ M
if (xPos > (xMax - contentWidth - BallSpeed)) {3 [. Z& P4 v* c4 y, P- P2 i6 F, R
xDir = "left";# |0 o b9 }) }$ E5 |
}
* i- N/ p! { S5 i }
! c* X1 U* I6 n$ G else if (xDir == "left") {+ s2 i F9 e1 E; R$ ]& f. Y0 R3 r3 }
if (xPos < (0 + BallSpeed)) {
* I& c3 [/ [* ]* p7 _ xDir = "right";) K1 o$ E( \3 b2 u. q
}8 |, }5 \' w3 O5 s$ z. T* p) H* S& T
}' C( x: c7 J' b2 Z1 w8 d) Y+ D0 h
if (yDir == "down") {/ |6 O. r# C* `3 R( ~& `
if (yPos > (yMax - contentHeight - BallSpeed)) {2 u, E4 \" v2 a# O* w6 g
yDir = "up";; Q" G0 |9 j b+ l8 }5 J( c: Y0 B7 n0 L
}
$ B+ g t/ a$ O8 c0 N1 r( v' g2 z! N }
4 |1 u1 J/ n8 c4 Q- T else if (yDir == "up") {& F5 b( D: o* }& V
if (yPos < (0 + BallSpeed)) {
% `: F3 i3 Y4 J( u" [3 m: c7 y yDir = "down";) Q7 p8 U: v0 m. y7 V
}
' s; k7 X p; s }
2 ~. I" g% m+ i; x' H if (xDir == "right") {/ B1 J/ V8 h' y
xPos = xPos + BallSpeed;* A8 {$ [2 K" x: _+ W! P' u
}( G5 s% I) w2 l+ R+ Q
else if (xDir == "left") {
$ C' `' D4 |! z( a$ G" O4 w5 F xPos = xPos - BallSpeed;
& k0 f- C# D% m; c7 C1 R( Y0 O1 ? }4 L( i+ d% D W. E8 Q
else {
) Y/ |% L9 q9 G! }- g7 q xPos = xPos;- `$ J' G, V+ M1 y4 A
}5 x) R9 G$ f# U6 ^: U$ U
if (yDir == "down") {# X0 U/ j& D6 f7 ]2 }, S0 M$ y
yPos = yPos + BallSpeed;6 O% N9 u1 m/ l1 u4 v
}5 @2 {# F" G+ ?7 O
else if (yDir == "up") {
2 D- w+ V, F+ H* e yPos = yPos - BallSpeed;
I8 s4 q+ c' Z4 \6 B' G- l }
+ |+ @8 b( r; c else {6 J0 x: `1 P/ u) p, k( T: n. N
yPos = yPos;, i# x/ O1 P5 s! G h0 B! X$ L4 Q
}& Y& k. J6 c' F$ y/ @8 `7 a
}+ Q% {" T/ L( y8 C- z P \; q
5 x9 l0 l( s5 u
function hidetext(){
; h/ H3 C& d" l) a% mif (document.all)" Z% w, G7 I: o! @
supertext.style.visibility="hidden"- I, i0 A5 ?5 E) ~
else if (document.layers)
8 V, A8 Y, q& z6 [' ]1 b7 k; ndocument.supertext.visibility="hide"
! e3 `; h5 o5 a6 {. a6 bclearTimeout(animatetext)
/ T; w4 S) p `- I# Q6 M}
! o" ^% |& G2 A' N8 H5 _$ G( t+ l+ e! g1 e8 T
if (document.all||document.layers){6 H' {( q+ h) h# K2 [
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ D: T( C! ?, O8 T
window.onload = initializeBall;
9 V$ R% v$ _( i9 y! y( r: Lwindow.onresize = new Function("window.location.reload()");
+ ]& N/ n1 o& Q, y, H$ C* p}( X2 G" H" ^0 V. F' l7 I
: p) T+ ?4 G% Q3 [- @ ], q2 h' \+ ]</script> |
|