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

|
网页之不断弹射的文字-特效
<style type="text/css">
! e. ~; s9 q4 B1 E' ]#supertext {$ e/ o( {! l, t" G% W8 P
position:absolute;
& X0 C% _/ t8 r2 [left:0;
# D$ x' x& Z8 e( P! U% g- I# ^top:0;$ p5 T6 o' A7 ^
visibility:hide;
* H& z3 y: D4 D: |visibility:hidden;
" e% }- l6 X- |2 }7 m}
: p9 g4 S' X6 Q* W% U( X</style>
! @6 t# n1 D4 N1 @<script language="JavaScript1.2">8 B9 {3 U4 A7 p
<!-- 改变下的字体的大小。颜色-->4 T, l; m7 h' q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- n/ [3 P0 z) _$ n4 e9 jvar hidetimer='';
L7 t5 ~! { _& E# @, d<!-- 改变下的弹跳速度-->
3 I) q0 b$ M6 k, ~" X% ?# wvar BallSpeed = 20;
+ _8 S+ z9 h6 p _/ J6 ^- M4 Avar contentWidth;
0 g8 y! X: \3 D, D B* Q/ Dvar contentHeight;- s" z: G4 C: ^
var maxBallSpeed = 50;- q) C/ y) `. n; y0 n B( k3 L9 _
. @$ V' k$ J( K8 ?: j! E
( C2 r/ k9 J; U5 g9 P S% Q2 mvar xMax;
- a( h4 H: v: Q c: T/ k" E/ C9 Fvar yMax;+ d3 M) h' B4 [9 c% H- z: d# q
var xPos = 0;
% |- N% Y; Y' N" _& x& k- m8 b7 Uvar yPos = 0;
- ]9 U8 h- S% B, H, H% evar xDir = 'right';3 @6 S8 K0 N/ i& s8 z; {3 E5 D2 n; H
var yDir = 'down';
1 K! x: h4 ?7 i. e0 G) J8 Y* jvar superballRunning = true;
8 K( { @2 `) k) ]2 W) W1 _& `var tempBallSpeed;' Z7 c4 ]6 t$ ]7 r8 K6 Z e5 {
var currentBallSrc;
+ e: l; g, M% n1 |* Cvar newXDir;
" o5 A2 ~1 y' xvar newYDir;4 p9 M+ g8 j1 B W
! L5 `1 j' V7 W. k& t6 e/ p/ N) m
function initializeBall() {
+ D& L+ B4 ?& b1 }# f4 R U5 T0 d' ] if (document.all) {
: W9 J7 U, [& ` xMax = document.body.clientWidth+ T+ A6 T" U2 n; N% n# q6 f
yMax = document.body.clientHeight0 g% ~; H- F& h6 p+ z, K
document.all("supertext").style.visibility = "visible";
1 e3 a- H- ~* }0 ^" a0 | contentWidth=supertext.offsetWidth: G. @" \& n. P. f$ b! a) [ H# l
contentHeight=supertext.offsetHeight
- n5 y5 C v* r+ X# \% P, I7 @4 \ }. }: m w( |/ \
else if (document.layers) {
2 C7 t5 b+ u3 ~+ a* z xMax = window.innerWidth;
* Q1 W6 x9 `& \/ w' O yMax = window.innerHeight;
" p+ [3 _8 q! B contentWidth=document.supertext.document.width; c2 c1 G% }& J% H: O9 X( N6 G
contentHeight=document.supertext.document.height
; `5 F6 u7 i- e% u6 Q' j( n( [3 q document.layers["supertext"].visibility = "show";
7 n% Q% c( o, q& m! u' w' p }
$ Q3 r7 }2 h1 k! l0 x+ p8 B- n setTimeout('moveBall()',400);6 o: Y5 Y7 f4 O3 V0 @) {2 x2 P$ A. M
if (hidetimer!='')$ G. B; Z4 }/ m$ ?
setTimeout("hidetext()",hidetimer)) P3 v' M, s3 L' y2 q1 Z+ A# r
}, |. x. P/ F6 J, w8 ^5 k
7 y; e I- [6 ^% H: f4 M" M& [function moveBall() {
, L: W6 o) \; x% f3 l if (superballRunning == true) {, L$ ~ j6 v6 I$ ?! C n
calculatePosition();
) [( l+ O5 C T( ] if (document.all) {7 @) ], @1 O6 f( b" p+ F. a
document.all("supertext").style.left = xPos + document.body.scrollLeft;* `3 V8 |7 q5 h
document.all("supertext").style.top = yPos + document.body.scrollTop;/ }6 P: D) o% |- {: Y! `% o7 d
}6 b+ l% N" B6 A2 Z3 u8 V a
else if (document.layers) {0 U! J: [& R7 m$ S! j5 Y
document.layers["supertext"].left = xPos + pageXOffset;! ?7 K4 b. x% d9 D7 u
document.layers["supertext"].top = yPos + pageYOffset;& ?/ \$ W* C6 w/ }8 v' Q
}/ m2 A; X/ d9 V3 P' E d8 J* _2 r K
animatetext=setTimeout('moveBall()',20);
, U; m$ i ` a* z: X+ i3 ^ }) X! d Z2 M- l. R
}: I t: A8 w) y1 c& W. v9 z
& Q8 x! d9 e3 w/ P
function calculatePosition() {
1 F( m$ p$ N) H6 [5 ]& i$ z b# P if (xDir == "right") {
& |/ ~* t' C8 q0 T if (xPos > (xMax - contentWidth - BallSpeed)) {5 G. Y% H. o! A1 {
xDir = "left";
7 v% ?9 b0 S+ V* @$ [; F3 z) y$ u, A! q }; X7 Q" a# Y! a2 n+ ^+ r7 f
}
8 \7 K& \9 Q: G% g else if (xDir == "left") {
) a( S! |; n. Q6 G* x if (xPos < (0 + BallSpeed)) {
E. H/ L" S8 m4 q xDir = "right";
/ M/ t0 n" q! t) c! @ }4 Q" k2 R: S3 _1 L5 _7 J8 U4 n
}
: E8 [: L8 C. J! E$ l if (yDir == "down") {- a3 t; d1 P9 r h/ a
if (yPos > (yMax - contentHeight - BallSpeed)) {( _. T$ j! M0 E3 @$ u- p
yDir = "up";6 W2 g" e9 C5 D7 Y, H
}
. Q# J9 n6 w! o) N& b7 V }
( x+ \7 P- |/ D, j5 s else if (yDir == "up") {
g# K2 G b9 G" @ if (yPos < (0 + BallSpeed)) {
( d8 P$ ?) ~2 ~* Z8 R1 r yDir = "down";( ~& K8 s, C/ i J( \
}% |* y2 \" Q0 U8 _; `; D, l1 n, m
}
3 p6 j( q! x9 ^ if (xDir == "right") {
2 ~3 y' `0 O A- a j. K, x) G* k xPos = xPos + BallSpeed;* b9 w E M# g7 r e1 f
}( P. s" j+ S, _) D) ~
else if (xDir == "left") {
, R5 ?' n; ]" r xPos = xPos - BallSpeed;
/ A ?8 c/ R4 j9 U- o! U }
& R. X/ o' m4 J1 G& B# V else {3 f5 d! ^ G6 g: Y% n8 [9 ^; ?
xPos = xPos; T" o# P# S8 q; I4 ^# V
}* c1 m! ^: u4 A- T
if (yDir == "down") {& G6 h8 F/ Z+ Y5 V* X
yPos = yPos + BallSpeed;
! a5 C4 y- G. R# p }: s: p$ }$ n. K* ?" u/ T) h
else if (yDir == "up") {
" Z6 \7 Y! G; |# d3 {# F1 {0 n yPos = yPos - BallSpeed;6 H+ h! V: E+ }% s: H( w
}7 H5 O; ?6 l) U4 H! @+ }" v
else {$ W A/ G6 b; ]4 L! b+ }, w
yPos = yPos;- ~' a6 B* E4 P* Q
}
8 o. \6 F b; u7 L& ~ }9 b [3 {' ^ J$ M
9 Z) e* v8 v& p7 ~+ |- m2 ifunction hidetext(){
" i) }. H8 [" p. bif (document.all)
. U" u3 ^+ A: Z; E0 f; ssupertext.style.visibility="hidden"
/ X' I3 K/ Q1 _- w! ^5 U7 oelse if (document.layers) T: F! U! z7 K$ ~
document.supertext.visibility="hide"$ b/ T/ m: P' Q# @
clearTimeout(animatetext)
* N% o C9 s. Y4 B}
3 ?0 [% w0 u3 C; o. h# O
9 C% |/ }1 n9 H. T* Gif (document.all||document.layers){
4 {; k9 o/ W$ u, Ldocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( f! ^9 K+ i! j$ P) f. M0 Swindow.onload = initializeBall;2 v5 Y3 U; S$ u' ^. g
window.onresize = new Function("window.location.reload()");7 J3 y$ Z5 X& V* {" e7 q
}- @2 L0 D! p) O1 T& r2 d
# Z: [! t5 _6 m</script> |
|