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

|
网页之不断弹射的文字-特效
<style type="text/css">
: a/ ?4 x/ V; Z& v% V#supertext {
: Z* B2 D9 j4 E5 ]( B2 ^* }5 u+ Pposition:absolute;: ?2 ^" F" D9 N8 x! Y
left:0;; s, x% e% b. X* Q# l3 a/ a/ q
top:0;: u8 J" N( E% C0 K( g$ Z! `
visibility:hide;2 ^! U5 d5 A5 u4 ?; v; O$ y( i
visibility:hidden;) H$ R0 J* E, N0 z( |- r
}. J+ e7 t0 b, F; x- ?
</style>1 V% e5 I( ]! G
<script language="JavaScript1.2">
4 k/ E; P4 D8 @, [& y<!-- 改变下的字体的大小。颜色-->
1 U/ [; A/ p; p) X& [, Ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': Y: U7 F2 K7 M, z( b) E: r
var hidetimer=''; i& W$ M2 y9 e4 i' ^" X A+ m
<!-- 改变下的弹跳速度-->
1 t" }4 L6 Y9 p- j' F" s( Kvar BallSpeed = 20;' L1 Y$ A0 _/ t3 L1 \
var contentWidth;7 B9 V/ d0 U4 _8 V
var contentHeight;6 n* j. M, @2 P* r8 x/ D
var maxBallSpeed = 50;
! W+ b3 O! E6 h
" Q& P$ `7 V$ P/ h8 j7 m" [
4 S- ?& ^# y( \9 |& t; |; N" cvar xMax;
8 w9 Q' [2 R! \var yMax;
' V+ _3 c. h0 X8 ~: y" S1 |var xPos = 0;! I4 F P8 E6 @
var yPos = 0;
. h' n: E2 `. [, I* I3 y& Kvar xDir = 'right';
5 E# i( ^5 ?/ \- mvar yDir = 'down';
5 B9 J% a; M2 F6 @. kvar superballRunning = true;
9 N$ R8 n/ e4 {( N6 pvar tempBallSpeed;
8 S$ K& l% D( P+ h4 Xvar currentBallSrc;1 D: k: m7 E* R7 K
var newXDir;2 g& B7 Q2 [8 P3 \& T
var newYDir;" d9 n2 g8 j& A
$ U% [0 P9 w9 qfunction initializeBall() {4 X# J) M( j3 i" ]3 I% P
if (document.all) {
5 W: ^& ?7 |, n# M9 M8 O8 I% R& R xMax = document.body.clientWidth
7 A( \0 B1 U9 ?' W6 T, l3 y) ]4 H9 m yMax = document.body.clientHeight0 O% B6 J$ b v6 z( Z6 k! P
document.all("supertext").style.visibility = "visible";/ @4 ?: t2 U7 o* K
contentWidth=supertext.offsetWidth2 f" q4 X9 Z. h7 E+ `. U# v
contentHeight=supertext.offsetHeight
+ s% g6 [# v' f+ O7 r" R }
. W _( V9 x0 m: \: Y else if (document.layers) {" w# b$ |* I! K, c: f b2 f2 J q
xMax = window.innerWidth;
" ?0 r5 `. N/ t yMax = window.innerHeight;
3 M$ G1 G; c% P" R. W contentWidth=document.supertext.document.width
2 M! W/ T0 \& j+ V! S" M contentHeight=document.supertext.document.height
) P+ t) y% y, ?+ Q# J( M4 x document.layers["supertext"].visibility = "show";
3 R/ \# g5 s* G( N# F }5 V- ?& q# V+ ^
setTimeout('moveBall()',400);
: t( Z" q9 j! l% j0 v& h$ g5 ] if (hidetimer!='')
3 G) R$ c1 J4 n4 B' e setTimeout("hidetext()",hidetimer)0 W9 N7 H' S4 I" Y( j0 ^5 B
}4 R" [0 }( L6 S: M# e. N* F$ ~* R
, c- Y! b- E' v$ Y8 {7 S
function moveBall() {; R/ y4 {. j2 \' O
if (superballRunning == true) {
$ y. \ @5 Z) ~9 y$ e1 `. A$ [ calculatePosition();2 B( m8 h7 e) e' `; M' k% k" ~4 _ E
if (document.all) {/ i* K! e, v" i2 _- r0 I
document.all("supertext").style.left = xPos + document.body.scrollLeft;( Y' N. M# ^" X& _1 z8 t
document.all("supertext").style.top = yPos + document.body.scrollTop;; M+ J% p" `+ A
}/ T4 q. X- N9 J- f# H; O
else if (document.layers) {
% ~2 U5 F0 ?0 F2 \ document.layers["supertext"].left = xPos + pageXOffset;6 j E, T% w+ ^* j. v
document.layers["supertext"].top = yPos + pageYOffset;0 o/ U+ ~; T' v3 d
}
" q& z0 X2 L8 U animatetext=setTimeout('moveBall()',20);3 D/ U$ D5 X$ G3 ?1 [. J( S: r
}
! T' z: |3 E# k5 F$ u }
4 K: q* l. v! }: \
- R) w4 t& X- ]) ~) ]1 Zfunction calculatePosition() {3 Y8 @; h" }! F
if (xDir == "right") {
1 _; z( B& v/ Y. M$ o; s4 V4 c+ W if (xPos > (xMax - contentWidth - BallSpeed)) {# g" J' S' N( E6 d. a
xDir = "left";
, q! I1 \ ?% ] }
1 L" d$ [) A0 W7 N. H% W } O/ r/ A& m* @* g
else if (xDir == "left") {9 a7 D% m ?; l
if (xPos < (0 + BallSpeed)) {/ `) d. l( M- Y! R* E" \0 ?
xDir = "right";, P N6 k( |% P
}
; L# n5 i# L: j# e$ x/ U7 y1 O }. Y( U8 q m% |5 y4 o
if (yDir == "down") {
5 |% K; i( Z/ y1 u, N if (yPos > (yMax - contentHeight - BallSpeed)) {
: I7 e2 a" O$ k4 W# Y: V/ Z yDir = "up";
. z7 r M# w/ P& w# T5 i! x }
) c2 ^! y+ E6 C6 ]/ q1 M0 C }
7 F) V; @4 Q, T0 k- y# ?, v, _ else if (yDir == "up") { {) N+ `$ \- f9 v) t
if (yPos < (0 + BallSpeed)) {, D: S" @6 t. c3 y5 o. J8 V- s9 M
yDir = "down";
F" M9 c9 v. \8 n }( F) F0 s c) E3 ]5 D
}+ F; K9 ?$ p9 e& K; Q) Q4 o% \
if (xDir == "right") {
* h) y! ^3 G" R. G xPos = xPos + BallSpeed;
7 C0 d( H; a+ ~3 n- v! R0 x }: v6 w7 w5 |/ [
else if (xDir == "left") {
7 N2 @1 ?* }! Q xPos = xPos - BallSpeed;0 }9 O1 n* k# }
}& Z6 E, v* g7 Y4 A+ |. e, s
else {$ p" w/ s4 X) F2 m
xPos = xPos;
" E' ?- r& B0 B- p( }& u }
. J9 e2 C0 J+ [& \2 D. b4 d" q if (yDir == "down") {
3 L8 |! F6 j I8 \1 n yPos = yPos + BallSpeed;
4 y, q, h3 } P3 n }
# G( d1 |& Z& w: U: d+ J Y% q else if (yDir == "up") {8 K# j! w- p: G5 @5 @+ A& E+ E. `* m
yPos = yPos - BallSpeed;
0 r2 ^& u% ?: C) w$ t }
; n; D) V; ~" X- W0 ^/ A else {
: F, M# g+ t' S, t- d yPos = yPos;
0 M; `& Q7 U' E0 o }
- B! P: _* ^# N }
/ B, `! a( y$ s
. L% x" _* R$ e1 i+ Efunction hidetext(){
( b7 ]) M! {- c6 L; h6 oif (document.all)! ?# E. L9 z( ~. s; q M/ W' _
supertext.style.visibility="hidden"' u, D& k/ v/ d' ]$ l2 ~- x0 i
else if (document.layers)
1 w! V, l( k: ?+ P; Edocument.supertext.visibility="hide"
! N9 V! a; q: S) M3 z* D2 {: KclearTimeout(animatetext)
z! z @3 x7 i3 d: n}3 ?7 d& Z- v1 W Q0 d0 X3 p7 `
' D7 E7 p2 I! ?: Nif (document.all||document.layers){" w2 ]8 F, n4 d5 _
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; P/ B; [' z. r+ |window.onload = initializeBall;
! T' o, Q3 K9 P8 [9 E& P4 wwindow.onresize = new Function("window.location.reload()"); s' [* j6 _2 \- d/ q
}, c8 J+ a) u' |
9 K! _5 {( N! F& V A' X. K* a, s
</script> |
|