|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">3 |6 `- Y3 d0 d4 p4 Y
#supertext {
" Q$ L# F! o* U0 t B' Vposition:absolute;# K' m$ Q3 _" e9 k3 B
left:0;
W+ e3 X5 ^7 N) I' Atop:0;/ R* R |% K5 V" f" X
visibility:hide;
) U* J6 W9 W2 W; |6 s& n+ P# F1 zvisibility:hidden;
. i; d- Z% j# X- a# Z2 i ^} K/ f; J; Q f& Y
</style>
8 a. _/ I" M: Y$ z( X4 R<script language="JavaScript1.2">/ v1 z1 x: Y/ ^# G: a, x' Y. Q
<!-- 改变下的字体的大小。颜色-->
' K6 l( c) ?9 _var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 R! @0 x3 |" g# W, z3 D. G
var hidetimer='';% S0 h' r% y( U" E2 j8 y) }
<!-- 改变下的弹跳速度-->6 p1 N3 s- F) F* \1 \% `
var BallSpeed = 20;5 n% n) V5 ]6 r1 c3 b3 k/ W
var contentWidth;2 e5 O2 \: M* @- P3 z
var contentHeight;
; T5 H4 h/ E1 W; Mvar maxBallSpeed = 50;: Y0 M; q2 e+ u9 Q. c* k
9 q# l& H/ l4 r" T$ h1 N) z2 W
1 t% Q" m$ q* m# Q0 ]
var xMax; P3 I* K0 ^/ `+ I3 T
var yMax;
- W( e# o' ]8 V' c8 Y# M8 d" v# tvar xPos = 0;
* o& B! m% S7 b5 ~7 t/ lvar yPos = 0;
7 j. i* c8 M: V7 R: O2 R5 u- ^var xDir = 'right';. U9 l ?* U" i+ J+ P7 q+ Q
var yDir = 'down';) M B# d7 X I. M
var superballRunning = true;
: T: v" g8 H& }var tempBallSpeed;) X. i+ }6 J" f! s! ?
var currentBallSrc;. f6 n/ e: Y, C+ G9 Y
var newXDir;1 s& Y! O0 P+ P! f4 l, }3 D5 c& ?6 |0 h p
var newYDir;3 C- {1 e# Y6 F- r
9 c- l$ h) a+ C6 ~
function initializeBall() {
$ z9 W+ d1 T) d' m& S T) V3 o% l0 t0 l: F$ o if (document.all) {; _+ R& f8 c/ h( f+ E! U
xMax = document.body.clientWidth' v( D+ S0 z) I3 I4 z7 ]
yMax = document.body.clientHeight; f, y0 w+ ~ i+ i, t
document.all("supertext").style.visibility = "visible";
. B0 _8 a; G6 w contentWidth=supertext.offsetWidth3 ?6 q \/ c* D U3 {. x; p
contentHeight=supertext.offsetHeight& ]6 `& g- x# G, [6 p6 F
}3 F& g: S8 z+ W# H& j. s6 }
else if (document.layers) {
- t8 b0 h* l; \, X$ L xMax = window.innerWidth;1 _: q) z. b- o
yMax = window.innerHeight;
, L' z% G2 w- p3 B; H7 @8 a4 O contentWidth=document.supertext.document.width
, l/ p& }! P; h contentHeight=document.supertext.document.height5 ?2 o9 M; _+ L7 \) i9 ]/ a
document.layers["supertext"].visibility = "show";
' g2 ]( Y! g- L& [* I, Z }) |& z/ j9 y. f+ o
setTimeout('moveBall()',400);
0 u; H" m0 P- _6 c# l if (hidetimer!='')2 n; v/ ?5 Q$ p- G/ l& X7 t4 Z
setTimeout("hidetext()",hidetimer)( Z1 ^: V0 J8 A7 V! b3 l" n I
}
, P' d6 A8 G9 u' d, h
8 j3 o, j9 j, `5 Kfunction moveBall() { q2 ^+ X9 n* \+ |
if (superballRunning == true) {/ a$ b7 V7 O) c* e$ ?3 f
calculatePosition();
6 n1 u, {. O8 q& _' Z& e' ^2 x; ] if (document.all) {. v- Y* {1 R2 S3 y8 y
document.all("supertext").style.left = xPos + document.body.scrollLeft;7 Q( B* X8 }( U% g% a+ B4 E0 _9 d
document.all("supertext").style.top = yPos + document.body.scrollTop;0 A1 C. r# E: @" F" ~+ t
}- g& {3 r: H4 a3 r: z/ X
else if (document.layers) {9 [2 A+ I5 E( c
document.layers["supertext"].left = xPos + pageXOffset;9 M# H+ a9 i) d' c' b3 w. s
document.layers["supertext"].top = yPos + pageYOffset;
8 j: q3 u3 u7 e! Y% m }; c. W k: y4 N! C7 W
animatetext=setTimeout('moveBall()',20);$ L3 J# _: n ^
}
- I& [5 Q# f0 \* T% ?; a' u }: f5 v$ L2 T. e L5 a/ x
2 N9 \: c8 _/ z2 X$ h. }+ f1 Kfunction calculatePosition() {$ {/ }% z5 j: M3 k; @
if (xDir == "right") {
$ ~5 l+ S7 E2 J5 e if (xPos > (xMax - contentWidth - BallSpeed)) {
; t- e+ _# [. m( S4 ^ xDir = "left";
; d g4 I; a- z0 c* h }# ^) v! e C+ J7 P4 F+ [
}
% N: R* {. v. V# }2 l else if (xDir == "left") {
5 g* \% ~4 [8 F; l if (xPos < (0 + BallSpeed)) {! r l+ U+ F' `) D: H6 I
xDir = "right";
. X3 Y3 g6 I& C* B }
5 u+ E: M$ A2 C8 I1 ?0 f* Q+ K }
, C5 k7 X" t" \3 `7 r" Z if (yDir == "down") {2 h& k: r6 O- m7 q5 w
if (yPos > (yMax - contentHeight - BallSpeed)) {
; |% H# C7 D. o9 G4 P5 P yDir = "up";0 |7 R5 Y5 I) a1 v6 k9 M3 |
}
* R/ _( B+ k `! \ }. q* [ b% \9 e0 i% @* N! f$ V6 s
else if (yDir == "up") {+ }: _) g" J+ V: `7 J
if (yPos < (0 + BallSpeed)) {7 T: ^& z c+ u2 C+ J
yDir = "down";4 y7 v8 o5 H7 U& h+ T- M" D
}7 ?6 S! j0 O- I3 d, t8 Q
}
" `: t& S. A" d. Y L% l3 S if (xDir == "right") {; O/ q7 [" f: b* b( l! I) G
xPos = xPos + BallSpeed;& _# ~8 `6 b4 r4 _1 Y; n
}# h9 V' z3 g4 `
else if (xDir == "left") {0 Z# r" z0 X) a, z: ?" d
xPos = xPos - BallSpeed;7 @4 h/ H7 B2 l- A/ b5 V/ S
}* O3 c& v1 r6 G# F# I/ \
else {
" L. Q" r; C7 H, d4 T xPos = xPos;0 s$ G/ |8 z1 {4 J1 u
}( n+ E; q( G) n" Z. g
if (yDir == "down") {3 J$ d% m0 `0 e$ d% S- q
yPos = yPos + BallSpeed;* n, D( U6 ~2 W* @# y9 p4 @
}
& a% z+ D) Y! T0 H* n; @) t c else if (yDir == "up") {
) a5 ]' B0 E; } yPos = yPos - BallSpeed;
6 S9 _" E9 I9 o" e) h# p }. e8 S: p7 p4 ]. W" Q# g
else {5 G' ~& j: Z5 ^/ A: P" S% L# Q/ Z
yPos = yPos;; N7 {/ p; k r6 f
}
, |) A; t M Y6 g! f* K+ k* U: m4 I }$ [( _3 ?! v( Q
( e8 R9 d5 f4 I* u
function hidetext(){
# o7 }* W7 l: K$ l& A7 j. e4 q' vif (document.all)+ H7 @1 e- T& J. H: K
supertext.style.visibility="hidden"
( `5 g6 I, u3 nelse if (document.layers)
8 O9 R8 B, i: F/ |( ]document.supertext.visibility="hide"
* N$ W+ H& k0 t. MclearTimeout(animatetext)2 m0 D; t v- ~ F1 j2 m
}8 @2 F5 m: u/ E
+ [- @: Q# `6 h8 j: {; eif (document.all||document.layers){% z- X( P) N: \0 {
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ ~) @* U" C }* u" }* ^
window.onload = initializeBall; g) k* D" Y2 f& i8 e
window.onresize = new Function("window.location.reload()");
5 k1 Z+ C5 F: A& R; Z( b# _' s3 z}$ o# E0 K' B9 v% L/ n% P5 D
% O* n) u$ o* M( t</script> |
|
发表于 2008-1-21 20:55
|