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

|
网页之不断弹射的文字-特效
<style type="text/css">/ T' |) C2 d) z; ^0 g/ A1 I
#supertext {
! Y# U* Y& S/ G+ w7 p( Tposition:absolute;! O0 _6 I/ a5 Y3 q+ N4 }( j
left:0;$ H8 M* _! G1 q/ [ K
top:0;
" a5 w8 P. k) n. ivisibility:hide; b1 o& v8 F2 Q3 Y
visibility:hidden;
7 Y( V U8 |# f1 \}
. j9 J% C. D& u% T J% ~</style>
6 j! `% T/ N6 y: a1 K$ j8 E<script language="JavaScript1.2">4 F) D3 t0 h3 L+ n% T! t* F
<!-- 改变下的字体的大小。颜色-->( |, W% i* _" v1 ?
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( N+ i; G3 X* z3 _var hidetimer='';1 n4 W* V o1 _& D
<!-- 改变下的弹跳速度-->% V- O' s9 H3 _* V' K
var BallSpeed = 20;& d) u* A. h2 B; X
var contentWidth;' p4 E6 s, i- J0 s. r7 B
var contentHeight;! q5 }4 h B9 `8 d4 | g
var maxBallSpeed = 50;3 p9 |5 k4 q' r# e" O* q$ ], z
+ w O2 u" a6 q+ H7 a0 o/ {' o9 e
( Z! m. \3 d8 Q8 w) vvar xMax;
1 K6 t c+ z: M4 x [: F Evar yMax;
! v0 i0 s6 m- i2 T2 w( p9 N- `var xPos = 0;4 l, x7 r- ^* R! k* d" c" D/ }
var yPos = 0;; t/ v! i' S+ a- z8 T& r
var xDir = 'right';! s+ r& {- k! a% |7 N6 U9 M5 G
var yDir = 'down';4 t) }+ U7 _; R1 i$ l4 r- [% N$ Z- ]
var superballRunning = true;
8 i4 `! t, N& a" _% ^var tempBallSpeed;" o8 d4 ` _, Z
var currentBallSrc;& p, h- O" F" g) D- ?6 M& N
var newXDir;5 i1 S" c Y/ e
var newYDir;
9 h* p+ a/ }; {- m
# P8 |2 l0 C! R' |. l( p' V, Wfunction initializeBall() {5 S% H2 |! S5 \3 }$ [/ ^3 r6 l
if (document.all) {- {. f& {, P" d2 p
xMax = document.body.clientWidth
: ~& O4 }7 z2 @! x; ^ yMax = document.body.clientHeight; O0 W* G- r' H
document.all("supertext").style.visibility = "visible";( n' Q, `! o% g+ m
contentWidth=supertext.offsetWidth
2 P- E$ p# M, _7 M contentHeight=supertext.offsetHeight
& K6 o/ ^5 \6 E/ l. s! t }
+ h: }) n1 v6 R# r else if (document.layers) {% {' [) g: ]. P/ ]) D% u% }
xMax = window.innerWidth;
4 C8 q) E: N& H$ a S yMax = window.innerHeight;) s; v, K) k" w a
contentWidth=document.supertext.document.width. }3 G1 L5 v4 h' h k
contentHeight=document.supertext.document.height
* ^3 M' Q# s0 ] document.layers["supertext"].visibility = "show";
, \- f9 K! _0 ~1 { }
/ E5 y% T9 h1 k( R# i8 A9 S7 D setTimeout('moveBall()',400);9 |8 _) O2 k$ o r, m# c; l+ N4 R
if (hidetimer!='')
% n& M: ~: e( A/ Y setTimeout("hidetext()",hidetimer)
8 l+ d$ x) E) d7 n% y; r- Y" H }
* i/ B4 L0 X* B. a. ?8 V( G9 o& V! S8 l3 W I: D
function moveBall() {5 R4 q8 O3 D, h1 d
if (superballRunning == true) {
( `' f! r- T9 K3 F/ Q calculatePosition();
2 m8 `6 g7 y% v# ^ if (document.all) {
6 X2 e8 [4 e4 X document.all("supertext").style.left = xPos + document.body.scrollLeft;. U1 Z1 {/ t7 L% S* _3 t. F
document.all("supertext").style.top = yPos + document.body.scrollTop;! v: u9 x/ ]0 O8 Z
}
8 J9 T1 T3 k6 i6 S else if (document.layers) {0 C- y, j2 j* J! t+ J$ Y4 S
document.layers["supertext"].left = xPos + pageXOffset;& `2 r/ U5 w' _/ Q" c
document.layers["supertext"].top = yPos + pageYOffset;
$ k o, o, W$ [0 V5 g2 i( L+ m }7 _6 E5 i C& Y, r1 y' Y8 t
animatetext=setTimeout('moveBall()',20);6 A/ M0 }, N# V
}
& P5 }- ?$ ]' X; ~5 D% L$ x }
! {3 x. h3 E, f% }0 ?7 Z3 U' u/ o, ~1 }# v1 m
function calculatePosition() {
3 [4 ?, g1 _9 f3 e; b( X2 T if (xDir == "right") {
3 W7 d4 A/ F4 C8 j, g1 G( d" d if (xPos > (xMax - contentWidth - BallSpeed)) {, Y, V+ b. \# j
xDir = "left";
" V! N( r2 }+ v; g# F* C9 O }
8 m% Y/ u* ^/ B: @ }7 M& F6 h0 K2 |" J5 B7 \8 j
else if (xDir == "left") {2 X8 `6 D* ]4 q+ m5 B3 d
if (xPos < (0 + BallSpeed)) {
3 a4 Z4 ^1 B- h7 P K xDir = "right";8 F' f( P* A/ {+ U3 z/ S o( A2 z( \
}5 x2 V3 w: V% U$ E( P
}
2 h* p( D+ {" ]; J; ?' g if (yDir == "down") {
, p1 Q3 a9 C/ s+ {# ?( G2 z if (yPos > (yMax - contentHeight - BallSpeed)) {% `) F2 M; U+ W1 @. l: g" u
yDir = "up";
7 @# |7 @$ ~0 E8 @3 \: P }
' g* `% g2 u9 V9 P6 t3 i1 ^: F. Y0 l& [ }
/ s0 `6 n+ u) L" U d1 n1 I else if (yDir == "up") {
4 L1 U1 o1 W% E* f6 O$ ^' k( W) N/ D if (yPos < (0 + BallSpeed)) {
% X) ]$ r% `7 R' e yDir = "down";
7 H. h0 g+ j2 W2 q1 P" ?) D }! G& u U1 T1 @3 [8 V& Z" P
}
7 j/ M1 Q7 W( L+ H" H, B+ v4 c if (xDir == "right") {+ V: V$ r% [5 L' _! H' ^$ S/ z
xPos = xPos + BallSpeed;! F, K- C, X$ G
}( |/ A% w) h0 q u8 F. s
else if (xDir == "left") {
" K; N% B. A' Y3 K xPos = xPos - BallSpeed;$ n, e7 `4 w2 |) y3 }6 q
}+ |2 m! |0 P: V: b
else {4 g m' p# R4 G. Y
xPos = xPos;
, c6 \3 i: c1 S9 P' u/ N. S }- p# g: P7 G/ M
if (yDir == "down") {
0 B* z& S( ~' ~* a4 X" s yPos = yPos + BallSpeed;
0 [( C; X1 O, X! d; z }
7 y0 X% F* ~; y! | S else if (yDir == "up") {
0 @; h' O7 U. d( e& }4 W* n yPos = yPos - BallSpeed;
0 A1 |3 K- K7 s) V. Y# `$ i }6 n3 C" y# d/ Y9 P
else {& s \: a. T$ h7 v3 G5 I" k5 W3 c2 f
yPos = yPos;) X- _. }) Y( ~& E
}
! v" k% p! `7 _# r8 d( W }
" p7 K U; J6 B: k( E( |+ @
^' c6 L( \( ?3 H5 O% X$ Dfunction hidetext(){8 J4 K5 J" U& `7 I& k$ r
if (document.all)- b- B9 c" ], t7 X O1 A
supertext.style.visibility="hidden"
# c, v- D% @! S0 J: ~8 Celse if (document.layers)) {1 D/ P6 ]; s0 [ t% o/ C# s
document.supertext.visibility="hide"3 A( z% u; T5 m3 K5 @# {# m
clearTimeout(animatetext)
7 R# O* Z* `& n6 @& ^}, v! s. w, d* d; \6 f9 R/ k( Q
% U/ ^( o, B P/ s' m" Zif (document.all||document.layers){. o' w; {: e9 R# m
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 e' u5 \- c: k# |& i- }4 p, S
window.onload = initializeBall;/ O' J) I/ T k9 @( {7 B, W1 ]
window.onresize = new Function("window.location.reload()");4 \) }% a) M4 I' T7 T7 F4 }& Q+ n
}% h4 E; p4 X1 R. G
; f8 o4 _8 v$ x' q0 X8 H# u3 Y
</script> |
|