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

|
网页之不断弹射的文字-特效
<style type="text/css">/ i& V- P1 I4 W3 L2 [. V3 t
#supertext {, b' l5 _; j+ S4 c4 s0 w/ _& k: D
position:absolute;6 ^& S: B. H6 f; x" b6 v* W
left:0;. j. e0 A; h5 j K" i9 K! J
top:0;: e, D+ ]" p9 b) ~" q# h5 ~
visibility:hide;2 ~* f3 e' s" T7 r) C4 i
visibility:hidden;1 L) l" G1 o4 U) z1 ^, |3 C; r
}& v3 g% |: [/ a' O
</style>
" G9 M+ Z& _7 \9 } G1 z4 B4 s<script language="JavaScript1.2">
) }& A% y* L1 P' {5 F1 O<!-- 改变下的字体的大小。颜色-->
# E5 m2 r5 c0 G8 ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) S* J* Y. ?) r: Rvar hidetimer='';) q! z- ~9 L9 `3 F: k. e8 Q/ t+ G
<!-- 改变下的弹跳速度-->9 o1 y# U' N; E% C- f
var BallSpeed = 20;+ j5 U: g! C. _1 c) a# a* J7 o
var contentWidth;& }+ |+ r n9 P
var contentHeight;' V1 b* V- I+ q0 ?& X- B6 V2 h
var maxBallSpeed = 50;) @ a8 r0 _8 V/ i5 h1 l/ U
6 @6 y7 T8 M3 }
$ y" D; W6 g/ B' o+ \2 mvar xMax;
R; a& \' p8 a5 [var yMax;
. _" ?2 O( d" v% N# B/ ~var xPos = 0;; b4 Y; |7 R% G5 x- T
var yPos = 0;' c5 e+ S$ X5 ]1 i: I
var xDir = 'right';
@5 E7 o7 D D7 F; `, Mvar yDir = 'down';2 R/ M+ J2 [4 q1 \
var superballRunning = true;
* L1 m5 `/ D) j" f f* S; Avar tempBallSpeed;
7 R* F5 B6 P1 t: {! Ovar currentBallSrc;# s; q5 x; I# L, C! T
var newXDir;
! F9 D# U2 a9 l! s- ?var newYDir;
% p/ C3 r; x- E+ I" n! }9 K( Q. Y) D% V! K
function initializeBall() {& @! r* ], B m% i! D f/ d# W
if (document.all) {
$ g: }8 u; z5 G9 U& I2 H xMax = document.body.clientWidth/ S5 _# Z z# l# a$ B4 [
yMax = document.body.clientHeight( r, h! l& o: D
document.all("supertext").style.visibility = "visible";5 v4 ^* J1 N. V
contentWidth=supertext.offsetWidth( {& C/ c/ F9 m) B5 ~* w
contentHeight=supertext.offsetHeight7 q% S+ b$ h, C4 f! n
}7 t* s8 i% u7 n" x% N# f3 L
else if (document.layers) {- U e$ {/ p' E8 }/ _8 ^
xMax = window.innerWidth;7 T% o3 S6 }* G9 a( D
yMax = window.innerHeight;
% d* g9 g B2 Z$ |' S+ e contentWidth=document.supertext.document.width
: {: S3 e' S* m$ ~; | contentHeight=document.supertext.document.height' `' _0 j# R& S5 H( j. V' w
document.layers["supertext"].visibility = "show";" m0 W7 Y5 b8 m3 `+ |9 j
}6 b* G1 t! M5 L3 U$ Q! E
setTimeout('moveBall()',400);
O* E) C' U6 e, f' [ if (hidetimer!='')( L9 I9 ]) r: I4 U: Z" K* X* y
setTimeout("hidetext()",hidetimer)9 x$ R1 K$ B+ {" H" A S
}
. K/ P: D; _5 y. Y6 y# D( a+ `" {$ [# }9 z
function moveBall() {
. m% g4 Q6 k7 q* \ if (superballRunning == true) {- W- t8 l9 i; \
calculatePosition();
& w7 w/ O+ O" U6 a# t if (document.all) {: H/ k1 @- G: G* P% z! D, Q
document.all("supertext").style.left = xPos + document.body.scrollLeft;6 D g: U2 x/ Q; i
document.all("supertext").style.top = yPos + document.body.scrollTop;
- @ s9 a2 {' C7 f$ p/ U }
3 `- s* x1 {3 {) S, s1 ] else if (document.layers) {+ ] ^5 E# u- A! G. P
document.layers["supertext"].left = xPos + pageXOffset;
! A4 S( P4 G. b; }1 {; [ document.layers["supertext"].top = yPos + pageYOffset;
L [/ w/ z u$ Y$ k/ |3 E }: a# `2 \4 q3 r
animatetext=setTimeout('moveBall()',20);
6 t; l; V: |5 r' p" u. r* [ }( i8 _( ?+ Z' \+ @) s: j
}
" C: Q; O( N9 \7 d+ M6 Q( r. Z( A' G/ z6 v, n2 @
function calculatePosition() {
+ i. Y6 _7 c4 ~& ^6 y if (xDir == "right") {
, E0 W1 h3 M$ I* r2 t if (xPos > (xMax - contentWidth - BallSpeed)) {
9 v( {( Z; e# N! o2 G% i xDir = "left";
) @* u v: a# W G# H- ]3 W' F }8 f8 ^4 K9 Y' v5 l
}: t9 H" ?# [$ |: L3 G
else if (xDir == "left") {
% a2 A5 l! G! w3 y! ?" Y( v if (xPos < (0 + BallSpeed)) {
- p1 W7 q( P% q/ T( u4 N xDir = "right";
+ |- J7 u+ V, M) Q e }1 A& `2 d8 E( J3 d
}: w; D+ O' D( h5 H' t2 n: m: I# t
if (yDir == "down") {
4 D' l* e; X5 T( s if (yPos > (yMax - contentHeight - BallSpeed)) {; m1 d+ c7 U1 y V9 d
yDir = "up";3 B2 f. z% w; [0 Q: I
}2 U( L3 J; b, H# o4 W
}5 ]0 x& r5 }! O$ }* m& D( }* _: U
else if (yDir == "up") { e" H0 f" a! [0 d2 Z! @& M! I
if (yPos < (0 + BallSpeed)) {' ?3 l( o. X9 l3 ?
yDir = "down";8 Q. b" n! B; h5 w9 l/ C
}
6 ^" m1 P. q( K/ }9 J. p' v. X }! p( d; U, f9 P! y) P
if (xDir == "right") {
0 ^- \, p( Y' c1 q xPos = xPos + BallSpeed;
L7 H' ^5 S( G+ a! O }
" n& X3 U Q0 K6 L* m& j else if (xDir == "left") {
: A- @' x/ @* I% |5 D0 `9 ^ xPos = xPos - BallSpeed;3 [ t4 U, k' H
}3 T3 N) c; r! }' E
else {
8 `( a, ^# X" ]: G# h) `9 T- t xPos = xPos;3 K9 _$ i" O) V
}) ~) c+ O# ~! n* a8 s( C
if (yDir == "down") {
* ^! f2 t+ ]& _ yPos = yPos + BallSpeed;1 p7 }+ a0 b1 Q7 U! d
}) g8 K' A, G3 c$ D( o6 C+ B7 y8 ]
else if (yDir == "up") {! G: a% o: p r6 S/ D6 H/ }3 P( x
yPos = yPos - BallSpeed; g. x5 n$ ?8 N
}
8 P# A: d1 N% E; Z4 I else {0 R& y; C3 k9 R4 d
yPos = yPos;' i3 [" Y% k5 ?; e4 i" G
}2 a: D0 u0 E g% k1 J0 g
}9 z0 l' S. e; x+ h* A8 M8 X
* p" @# d' g* L: Y x
function hidetext(){4 h& K$ S7 A1 ]6 A' [
if (document.all)
, v2 C* T+ ^: k8 _0 P1 ]$ ^supertext.style.visibility="hidden"/ p0 F5 k' i4 F1 x# L) p
else if (document.layers)9 M1 @; ^! I, H$ o- D- K$ I
document.supertext.visibility="hide"& f- [/ f6 c' \6 ^+ {( T- f+ C* b/ }
clearTimeout(animatetext)
8 ^% l+ z2 O. X; Z}! l8 O2 H1 M+ \2 _# A
3 }& n0 q3 \. q- G
if (document.all||document.layers){3 @& L( {% D$ Y% S- i: u& _# k
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')% A# O" }: E2 Y/ `' H
window.onload = initializeBall;
$ {' \( O8 r2 u& a9 [; ?window.onresize = new Function("window.location.reload()");
% u0 A! Y& ?! x2 m* M) I5 N}
! r& ~7 D2 w9 Q- p A v/ J" D, L) y( ]6 r& G# m& R
</script> |
|