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

|
网页之不断弹射的文字-特效
<style type="text/css">
; H! d6 V. F7 |- O#supertext {: ]" Y6 o$ v# s4 ?7 B; n. V3 G6 {
position:absolute;
& G/ ~6 u! r4 \8 N8 F7 dleft:0;; d9 J# U! K# p: J1 R
top:0;; G8 y4 p& }. v0 e5 w y, V
visibility:hide;8 H, t q" k# c
visibility:hidden;
: m/ G& m8 E2 v) `& f' {( Q @9 A}7 s+ e# J& ]; L9 w
</style>
( D! `/ g4 _& u" f2 c( x5 m<script language="JavaScript1.2">& I# e3 n; c) p. T6 r% g6 Y. k( k
<!-- 改变下的字体的大小。颜色-->
I: F( [8 R# k% t& H, i1 _2 Yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
6 {% A0 H; i: ]; I& i2 ]9 Z: ^var hidetimer='';
1 n: D9 r- K2 x- @' a0 a. K<!-- 改变下的弹跳速度-->
, @9 b: X! N' @! U& Nvar BallSpeed = 20;
' y) j( D7 K" Y- k5 j- ]( o* Lvar contentWidth;0 W/ m: T3 M: e2 {
var contentHeight;9 [9 B$ A( g( R% D) m) A
var maxBallSpeed = 50;
& x0 T" @/ ^$ _* _4 g0 t0 q. A+ p- l+ n
4 D9 a1 Q2 L* `2 P: {+ S/ }" nvar xMax;
; @ }+ c$ m+ |$ i' A' b, |$ P, E/ hvar yMax;
" G0 [7 Y' M" b5 P0 Y8 ^& w( kvar xPos = 0;
9 r% V$ F% s' S0 B3 @/ \var yPos = 0;" k1 O& J( o2 V5 b
var xDir = 'right';
" k. q/ E- \% y# A ^( J, [" W1 Cvar yDir = 'down';: o* K! c9 a5 A( P$ R6 c+ \
var superballRunning = true;
) h& D3 n5 B' f" bvar tempBallSpeed;9 `4 q8 J/ F' h' N5 J
var currentBallSrc;7 s) f' |" M6 u$ r) K
var newXDir;3 @% k5 n+ P5 }1 q [
var newYDir;5 l; n( C0 D, H9 h! f9 A, Z [6 x
) n% \1 z* i: u! f$ Cfunction initializeBall() {7 B) s2 Z9 _" {0 S7 ^3 f
if (document.all) {1 D8 Y, Z: W d* w$ i3 k
xMax = document.body.clientWidth
- ?" a* t7 V! M. Q3 U8 E yMax = document.body.clientHeight0 Q7 f/ e/ v: L/ A" I; _0 ]# y
document.all("supertext").style.visibility = "visible";
$ x/ L4 Y2 t1 c6 C) l contentWidth=supertext.offsetWidth+ M# g* Q% y: R8 t- t2 d, Y
contentHeight=supertext.offsetHeight+ `& `: |3 a( o( y O5 A; b
}
`- e" r7 x0 y0 H else if (document.layers) {3 P$ p' J! T+ t3 S3 M: a4 ~9 v, n
xMax = window.innerWidth;- N5 s5 e/ G7 h# [
yMax = window.innerHeight;6 c6 C. W* z t/ M% C: l
contentWidth=document.supertext.document.width0 E9 }2 i, S/ N" U! L
contentHeight=document.supertext.document.height4 s+ I* W1 h8 s! u9 O" z9 A
document.layers["supertext"].visibility = "show";
& |: q- c% P; T0 i; G0 c/ P( {& ~ }
6 _& h3 s' R; ?7 r0 M setTimeout('moveBall()',400);+ T1 i5 m. g m$ ^* F
if (hidetimer!='')
$ m- m- j" M+ w2 u$ g setTimeout("hidetext()",hidetimer)
5 L: W% ], E2 ^% ` }
1 p F* _+ B& n/ I v. O2 J4 n* j6 S: a6 l
function moveBall() {
( h+ w6 }! L0 H k* O( f5 [: ] if (superballRunning == true) {0 I6 c- V8 F" W& Z4 A
calculatePosition();
" z$ l7 ~0 q& {; J if (document.all) {: x# ]) G. L9 o+ i+ o
document.all("supertext").style.left = xPos + document.body.scrollLeft;) n) r9 S. ]# J+ l/ C& ]
document.all("supertext").style.top = yPos + document.body.scrollTop;( E, j% }6 J# w
}/ W7 s5 _( L4 \1 d: ]; B8 t
else if (document.layers) {
+ z" e; v6 y% ]6 p& f" O; N7 K, m document.layers["supertext"].left = xPos + pageXOffset;
4 K' y7 m; k3 x E3 { document.layers["supertext"].top = yPos + pageYOffset;
+ R- d( d! O/ E6 t7 q1 P }% ]: D0 c- n; F, G. @
animatetext=setTimeout('moveBall()',20);$ l0 U& W. {* v1 V3 }/ K7 y
}
$ W0 x# u$ G5 H6 d: _ }) k3 H z% [# L7 `7 q( T4 U
, `" t6 r2 P& E* P; V6 M" Efunction calculatePosition() {! F8 q' n* r7 u/ q& d1 M @
if (xDir == "right") {9 J) L, N' u: B0 A s
if (xPos > (xMax - contentWidth - BallSpeed)) {
, Y4 F+ s% d+ T xDir = "left";
1 {4 J# \' I) h' q2 s' [1 e1 p }
2 r! Z0 ^. `; F3 J }* S. a: S9 w& I* G0 O; }! `! G, x
else if (xDir == "left") {# H# o" |6 h4 b) K/ ^* Y
if (xPos < (0 + BallSpeed)) {
# f% U/ x* O+ A* {: n9 x% p. A xDir = "right"; I* i, C3 g$ f* C# O0 {: [4 @
}
5 Z( g! l+ \% L) x }
# ^) g% N1 s5 t2 l. e( n$ P if (yDir == "down") {
+ V% U+ s8 l: v# v/ X& y if (yPos > (yMax - contentHeight - BallSpeed)) {
, F5 ], W! r1 Z8 P: I* ~& c7 N yDir = "up";) o4 k& q$ g: I1 u/ L3 @# H- o
}! O) w/ y5 ?3 F5 |" n3 t
}
5 W' D9 r) ~- S. r, y H! k else if (yDir == "up") {
/ b+ {) \1 G0 Z- _- N( F5 R if (yPos < (0 + BallSpeed)) {
3 i8 W6 K9 W/ Y( @ g4 [4 y. q/ _ yDir = "down";7 [- D+ W- p+ h# x1 u" ~5 n$ R
}1 e# A+ h7 Q! O+ D. A# W0 j3 C
}
; C& H" g" P- V b) t if (xDir == "right") {
7 m. H2 C/ d+ l( u xPos = xPos + BallSpeed;
$ B( X% f+ c8 M }. R& c- t: w/ K0 T4 t! J
else if (xDir == "left") {
* r# ~2 Y3 W9 y' i! }- i xPos = xPos - BallSpeed;0 T) Y1 b; b/ u, c9 Y7 X! S$ W: {
}
* }/ a" z+ N& Y& m5 X else {, _8 t% o e( A3 w
xPos = xPos;
* ~& O9 R0 A2 v D }- e5 p Z: _7 @/ `1 {' B
if (yDir == "down") {, v7 m' q% o T/ F3 V6 }$ C
yPos = yPos + BallSpeed;
8 { c) T2 E( @* Y1 n/ }" A$ P& S }
$ W1 X' e" Z0 x% ]( p" a* j else if (yDir == "up") {+ E" y1 P; n4 U9 X: X: |3 W) e# G
yPos = yPos - BallSpeed;
: D; @: `+ f S' C }
& k. [, }" e& O, k. X! X, l# k. y2 L else {: u2 k& U/ g/ @/ H9 g
yPos = yPos;
4 h, V# }: Y2 `/ v u. W }2 i( ^% i* l6 T
}
. r5 L+ Y. B6 ?; S% f% N( G9 P' b! G6 X9 q
function hidetext(){
1 [$ L6 d6 v+ }/ Q4 Cif (document.all)
5 n9 |* A5 g* h# X* xsupertext.style.visibility="hidden"
9 c+ k$ r2 P3 N$ @/ h: x$ N delse if (document.layers), W- J9 i4 {& ~& M1 u' [
document.supertext.visibility="hide"
7 }- c( @/ E) Z6 BclearTimeout(animatetext): o' L& N$ G3 q* a+ ]! Y# M s* g
}
/ ?) J& @; q) e- ~2 U2 j
4 w: d' k* C% cif (document.all||document.layers){% h+ z1 u( b% u1 L, w; M
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' `" Q( U5 x- J) i: K- W
window.onload = initializeBall;
7 W }9 F! \. L7 u( mwindow.onresize = new Function("window.location.reload()");. B3 ^/ A. f) P
}
; ?+ y h) t k0 f" c
* [; C+ d: k8 e6 ^! ]</script> |
|