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

|
网页之不断弹射的文字-特效
<style type="text/css">( s9 E5 i {; l9 L
#supertext {: N+ |) O6 b$ Q( f# J; r4 b2 H
position:absolute;
+ O# C) P! P/ ]left:0;8 G; \' m" [# d9 B/ _
top:0;
. ?1 }* [* O5 w+ S/ L. Hvisibility:hide;
# A& u- R1 L: ^ V0 V4 K( D, h% avisibility:hidden;
$ X" r8 l9 @4 t8 j2 ]) c}9 H( Q7 M4 g P2 Q; ]" q3 o" v* [: E
</style>
9 Y N. [1 O k$ a<script language="JavaScript1.2">
5 m8 ^( r {- p: p7 L& C4 O<!-- 改变下的字体的大小。颜色-->
, \& G$ d. I* @1 o0 I% {9 `7 w/ v$ `var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 _! b' G0 h4 e yvar hidetimer='';$ p: g8 X1 Z3 k) O! }
<!-- 改变下的弹跳速度-->, m" a/ h' N) E1 }' X q
var BallSpeed = 20;& X0 P) c# P& o+ {9 W: D6 f
var contentWidth;) U. v \7 Q# W
var contentHeight;
9 G5 F1 e! V! tvar maxBallSpeed = 50;0 Y% k2 g! k' z3 S
! i- ~: q+ |. s% Y. G
* T% l/ o! n& \8 d+ V1 m4 rvar xMax;: a3 O& I9 r3 S. ?3 ^& n$ f. k" A, w
var yMax;
' a; e4 \2 M2 t% Tvar xPos = 0;! r$ }( F$ l/ _
var yPos = 0;
" Q! @8 o t, w' l( [: {! Bvar xDir = 'right';% }% i: Z1 V+ K6 x
var yDir = 'down';
) M3 f+ A0 U9 A3 {: e2 Gvar superballRunning = true; `. k* D- a! V/ d$ |; Q0 l
var tempBallSpeed;* o8 C- D' N% D: _8 {& C
var currentBallSrc;9 L7 B+ V0 |3 Z- S
var newXDir;' m8 \& [2 v7 k; k/ d ], A7 X, @" f- V
var newYDir;! W- ?! ^" A- W% ^# d5 {
( y3 }) \' A0 ]/ j# O) u' Y1 p* Efunction initializeBall() {5 o7 H5 X' w4 {( t$ F5 N
if (document.all) {& y, }( l3 g7 C7 ~4 }8 G
xMax = document.body.clientWidth
! A, v* O+ p6 H. |; E+ v yMax = document.body.clientHeight
5 ]+ s' }, d3 C* |, b document.all("supertext").style.visibility = "visible";: U# \9 z7 l* ?$ ?& S
contentWidth=supertext.offsetWidth+ i6 x: l* b/ y/ J% f
contentHeight=supertext.offsetHeight; h/ O/ Q8 [" r& }, C
}
9 n* i' l* }$ r1 C. G) g else if (document.layers) {
1 S5 z. g: N2 ?4 `3 ?; r xMax = window.innerWidth;
7 m+ a; J4 u$ o; p2 t% K L yMax = window.innerHeight;
8 }! E j% t: }4 S contentWidth=document.supertext.document.width0 C2 _% H9 ] ?/ _0 o5 g( R( a* }9 K( t+ D
contentHeight=document.supertext.document.height3 U3 B, K; I. r5 E( F
document.layers["supertext"].visibility = "show";
6 X$ x6 c' x. |+ X. { }7 f$ f* K( t) I% J) G( P( Z
setTimeout('moveBall()',400);
$ H& X$ T- U X2 \ if (hidetimer!='')
7 e" ~0 e- T" |$ K setTimeout("hidetext()",hidetimer)
& V9 Y5 u9 Q7 ]) h; \4 e$ H; n! { }
; Z$ E4 c+ r( X9 m% \
{; c k9 [* t1 |: o ?5 a! d9 @function moveBall() {
. }/ a+ J' P1 H% O+ D M% q. Y) \ if (superballRunning == true) {6 L- c Q% V. E* A k0 y
calculatePosition();% U T& p Y+ N4 p- h1 [
if (document.all) {0 e7 z, x/ X/ v* j2 {
document.all("supertext").style.left = xPos + document.body.scrollLeft;
# @. B. m6 ~) L( M# j; q; X7 |/ Y e document.all("supertext").style.top = yPos + document.body.scrollTop;: u: p( X* G" p! F
}: O- e+ F- d, z' X0 J7 v9 P* v q
else if (document.layers) {" S4 o5 M4 o& F* ^5 H' s
document.layers["supertext"].left = xPos + pageXOffset;1 y; \; }2 Q5 F3 M) x6 I% H
document.layers["supertext"].top = yPos + pageYOffset;
* l0 a! X. f$ ~* p) E }. Y5 [, S( C. b7 t! m
animatetext=setTimeout('moveBall()',20);
# o) A' X1 }/ F5 } }
% y4 N8 v# C4 G }
/ @ `) d, Z# A& V- N- z3 T+ C( t4 \0 a! N; ~, b) ^" N6 O
function calculatePosition() {( ~3 Y+ p! n3 Y. T. u: a4 a
if (xDir == "right") {9 y! e |/ D3 _/ t0 f% P- s
if (xPos > (xMax - contentWidth - BallSpeed)) {' ?3 |5 u; a0 C6 ]$ W0 W2 ~9 F& {4 l
xDir = "left";
' F! y X3 { w, j }
8 V8 v! Q& q6 O& W) s }. S0 i3 K6 n) h4 y
else if (xDir == "left") {) M) o, u5 H. U, E" `# i% W1 c% e
if (xPos < (0 + BallSpeed)) {4 | c }& d V. k- R# j+ M
xDir = "right";
+ Y' b; i( d+ f- u3 I2 I }: W3 A, Z$ u* I$ j- a7 i) Y
}2 z( d" f: k- Z
if (yDir == "down") {# ^, [/ z6 ^; B; \+ V3 m/ I
if (yPos > (yMax - contentHeight - BallSpeed)) {% O& A8 @- r3 s8 I) e
yDir = "up";. c3 G$ A# t7 L% O( l: ^& D9 R
}
+ i d7 _. d7 A" q X! ` }- v Q0 i& a- I, L; b; M
else if (yDir == "up") {
- x9 M) I/ ~, R+ h) } if (yPos < (0 + BallSpeed)) {
; n5 |( j0 D" V: V6 m) d5 V' _. l yDir = "down";
$ C- U& K$ a5 P! u4 G8 @ ~, I }
) y& t% C* G! `+ s+ l9 H+ s1 A' Z }1 v8 V* {0 V& r* M$ |
if (xDir == "right") {4 x m* }1 l3 F
xPos = xPos + BallSpeed;& M% n" }! F* C F0 E
}) Y- S4 R+ a1 }/ u! N' v+ j
else if (xDir == "left") {$ ?. {3 C7 ?, t% J: X% x* r! L3 z, C
xPos = xPos - BallSpeed;- f. d$ A! o, @0 M0 ^) |
}
' n/ t+ e6 l# j. ^2 y% s7 r else {
' N8 [& ^- k0 l5 J9 f xPos = xPos;& Z- ~( ]) y9 i/ _ f; L2 [
}) O- i! D5 f' t) u5 N" N. t
if (yDir == "down") {; ]. b. t( H2 \8 v l! }/ P9 X
yPos = yPos + BallSpeed;
n1 c/ f% q7 E& c }
E) Y3 J7 ~- C5 N7 T" x else if (yDir == "up") {4 k7 q3 b; q1 ^. O
yPos = yPos - BallSpeed;
, X7 d" H0 l" E4 y: { }) V; [0 {2 n$ p; e
else {
- m& t% g6 ^" s, S yPos = yPos;! s$ C. v; Z/ U6 a8 d
}% P% R2 O6 H) M7 e$ ?2 F9 e
}$ X* d$ G. q, C; J
* N6 c, j& C$ E, V3 |
function hidetext(){
/ h! M1 d W9 Q' N2 tif (document.all)/ e) R" P) B! M6 y3 H( S8 m% r [
supertext.style.visibility="hidden"
# U E1 k# F/ e" m2 _% C$ Relse if (document.layers)- d1 ~# z8 _5 A; D1 `
document.supertext.visibility="hide"
" D' F/ N7 Z H% Y3 M7 {9 YclearTimeout(animatetext)
Z( `0 [$ i7 U9 N g l}
! u7 c3 P! K6 v% a1 t l: E, z0 \& g
if (document.all||document.layers){, r9 W$ t7 B; ?9 A: ]3 O% I7 t
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 k$ |% C- X. e; l) B: }" gwindow.onload = initializeBall;; [0 `- _. f8 M5 J& K5 u' q9 x9 w
window.onresize = new Function("window.location.reload()");: c: X5 }0 a' ]9 ^5 K+ k* X
}
; a4 F" [/ n B& t5 _' C F u8 \) o7 y) m' l
</script> |
|