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

|
网页之不断弹射的文字-特效
<style type="text/css">$ u/ W- y' x( l. r3 L# H
#supertext {
+ H5 O, X E2 D; U4 Tposition:absolute;6 c# S" S/ j8 L K
left:0;5 N/ U/ R# C0 Y) w
top:0;
& q* z. E% w* y% D9 i4 B6 rvisibility:hide;
# F5 D' D1 O& ?$ f. I. Ivisibility:hidden;" h4 ^) |, q, ~5 S
}
( f% A1 L. U3 ~# A W5 h% ^9 b</style>
! M6 H8 ?7 G+ t: t) s% D' |<script language="JavaScript1.2">7 f0 j( Q% B7 m' o# f+ K
<!-- 改变下的字体的大小。颜色-->. l6 ~& C l* a n0 i2 G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>' \9 |6 {! s% A" L8 ?; N
var hidetimer='';4 S u3 J4 B# y
<!-- 改变下的弹跳速度-->) L2 Z' g" S0 `6 s, q/ d8 }
var BallSpeed = 20;
4 B& s. ~5 a1 _+ t7 s0 X. e7 ivar contentWidth;8 l# D8 ~) X; h8 K4 E; v
var contentHeight;
% C! |5 i( C/ n% P/ K6 hvar maxBallSpeed = 50;' K# o: M' \; p* R# \
0 y4 }) V' @+ _" U# m; k) b) @/ O! F, L. A; f( I
var xMax;8 r5 B+ R, U# e/ i
var yMax;
a8 t M0 Q) U' N8 c0 h& g1 evar xPos = 0;
3 z4 k0 ^6 n: M d0 {var yPos = 0;' [- q, A4 z' H. V5 t* q
var xDir = 'right';3 y( j8 m5 q& R+ E; c, R
var yDir = 'down';
: O: A6 W9 P; Q5 b2 yvar superballRunning = true;( t1 m- x1 L R2 }7 d" L
var tempBallSpeed;
# A1 w0 C* E! q! W0 W1 [var currentBallSrc;
- L6 T* N, V, \var newXDir;
' r9 Y. l, N4 J4 Q5 Bvar newYDir;
( G \. G$ d* P) k' `+ i R8 B4 u s: ?
function initializeBall() {
+ \% V; o. w* X g* | if (document.all) {
1 x! L9 z5 g7 n# o6 [. P( b xMax = document.body.clientWidth. K0 T3 j: ~. \9 B
yMax = document.body.clientHeight' m/ d: @ h8 m! e Z. r: Y
document.all("supertext").style.visibility = "visible"; ?# ~" ^9 a" m& |
contentWidth=supertext.offsetWidth
7 S# B2 e; `) O& ]. @ contentHeight=supertext.offsetHeight% B4 {5 y' ?# O% J
}5 w i$ R, v9 \' r, M! c
else if (document.layers) {1 N8 m8 X6 u5 l' d* X; H) s
xMax = window.innerWidth;+ T8 ]( f& y1 i, }" @' Z9 M
yMax = window.innerHeight;
2 ?5 ~& c; s4 ]' e2 S$ ~: Q* n; x contentWidth=document.supertext.document.width5 Q4 y# L0 U( S4 v! b! r
contentHeight=document.supertext.document.height( X8 t4 [; |# A k! ?
document.layers["supertext"].visibility = "show";1 o0 q) b2 U; G- T& q
}
b) |0 M& V% ?7 N' ~ setTimeout('moveBall()',400);
6 l/ }9 l% c% R- b, Z if (hidetimer!='')
# t3 b% p( z; } d$ s setTimeout("hidetext()",hidetimer)
! g5 N' p! S e* Y$ m% Z }& u" r% F# s) M; P! d1 G/ J
: c) R6 t& |) @$ }% T7 S% U' C
function moveBall() {5 d9 I8 ^1 l% {2 Z! D& Q
if (superballRunning == true) {* q$ m( E( s: V( g, X3 m
calculatePosition();5 R8 K# }1 I f
if (document.all) {
: o! z, X/ T5 T X% V$ j: x document.all("supertext").style.left = xPos + document.body.scrollLeft;' j; k) n0 b5 s2 M
document.all("supertext").style.top = yPos + document.body.scrollTop;7 K* y# H& P% E7 p
}
# F2 d$ o6 G& r' u. A3 @0 ` else if (document.layers) {
( q7 Z7 P- R. T) e document.layers["supertext"].left = xPos + pageXOffset;
8 Q1 g% Z( O6 Z7 h; F8 s document.layers["supertext"].top = yPos + pageYOffset;
" s, u9 ^3 V6 v. W; J* @6 z" j6 f }
. G0 Y7 i6 T5 d& w. y- i$ l animatetext=setTimeout('moveBall()',20);
- Z5 T! M% P3 n6 e* E2 G }
' _9 F) y+ a, c2 X3 R/ v* P }$ l" O4 E$ E) C# `( Y8 _" {
6 O* s# R0 M7 Ffunction calculatePosition() {
0 l" ]! ?+ ~9 G8 n6 E S6 Y% b+ D if (xDir == "right") {
- [0 J* l0 m# B x! a if (xPos > (xMax - contentWidth - BallSpeed)) {
9 @3 q& R# Z+ c0 ]" o xDir = "left";$ _7 n0 w9 d; v; \4 ~4 o
}
3 C2 n) |. k2 |- I }
. s9 R# Q( B( u! p5 G else if (xDir == "left") {
$ y. f; G2 A7 J% J if (xPos < (0 + BallSpeed)) {, C! @& P' W0 n
xDir = "right";
3 d; u: c. v$ C }
* R/ Y q* V" t9 E) W/ W }0 H' X: D* z4 j: X/ z( _% q3 P# r
if (yDir == "down") {
2 p7 i* N/ [0 ~ if (yPos > (yMax - contentHeight - BallSpeed)) {7 J7 x0 ], E; q" s, q; W7 ^3 @
yDir = "up";
; C$ }2 ]/ \' C" n }4 l9 v# A6 Y; ], h1 b
}
6 L* d' u( P( s" r: s: ^. H else if (yDir == "up") {9 s* y0 A1 [. R* ?6 S
if (yPos < (0 + BallSpeed)) {
: j& l8 L) H8 {" I& d& M2 h yDir = "down";
. t7 Z+ G7 N; I+ T. G: y } }. w, R& }( |( J0 p
}
$ n3 Z( j5 p1 h5 I6 V1 F if (xDir == "right") {
% U& W9 z$ p9 R+ q! D* z2 j7 Q xPos = xPos + BallSpeed;
: N% L' a R: _ } T: N* O0 ?: u) S
else if (xDir == "left") {% k0 |% J# s B
xPos = xPos - BallSpeed;
0 N* W' ?: q8 v$ `- r0 C. @6 E$ L }+ A. A" ^# I1 P
else {, | i4 t6 m; }% _7 Q
xPos = xPos;
: K! { q: l4 K5 `. p }
1 `1 S$ f" h0 Q J! c2 z! O3 q if (yDir == "down") {
# \2 J" L* N' s; f7 W* i% R yPos = yPos + BallSpeed;7 J1 r) X$ _, c V6 ?. `
}3 C% N1 t1 x' ?+ B5 A
else if (yDir == "up") {. U( M% N+ T9 s. Z
yPos = yPos - BallSpeed;
- {- N9 `) u& G9 | }
Q l( N! I, R else {: N: ^: q# \, p
yPos = yPos;
" Y& u: i2 x K! o- b& d }1 r9 ^# E' z" I' u9 d2 l) E6 D9 n7 t
}. S" h# b. d& }1 M6 m, L
, f- c* C4 Z. o' o& [2 D, k! mfunction hidetext(){
* t* |7 D1 H9 z. zif (document.all)8 |7 B4 B4 l9 N
supertext.style.visibility="hidden"
3 J2 w9 r# O# Melse if (document.layers)
7 V# {* |6 E; l$ @) s7 x/ Q! wdocument.supertext.visibility="hide"
% w C: L& x( t4 ` RclearTimeout(animatetext)
, p: S* L4 r. @) J( |0 l}
: P5 G' B9 y N' R
& A' I: m! S9 g; Vif (document.all||document.layers){
1 b( U- v8 E6 b* j- {; l3 Qdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- ^* P: k, x7 M, {6 B+ P4 m
window.onload = initializeBall;
8 ^2 Q, y% i/ d3 Z( l6 ^# }window.onresize = new Function("window.location.reload()");) _: x( S) L: L& J( C* }- g* w/ {
}$ c. N- P6 m5 ~# _) M
1 S( X( Z1 q8 c' {</script> |
|