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

|
网页之不断弹射的文字-特效
<style type="text/css">
, w4 ~6 Q* Z: M. V# o2 T; a#supertext {5 U4 K1 v' Y0 e0 Q
position:absolute;
8 A0 l. h1 G/ w9 E" W& Mleft:0;3 z' \& ^+ _ F; S1 p. g
top:0;
" w( J3 K3 S* W: Dvisibility:hide;
6 B" D. M& @5 q+ d& kvisibility:hidden;0 z/ ]$ Q' l8 b r8 @+ W
}
N1 r0 v' g& I7 l</style>
' r: z, {' h" |$ x<script language="JavaScript1.2">
4 @( s6 q: x, a<!-- 改变下的字体的大小。颜色-->" e% N; e, @9 `% c( k1 m5 c
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; z0 t# F7 ]) W! X/ _
var hidetimer='';+ ?! K1 H& ?2 i) k- \/ _
<!-- 改变下的弹跳速度-->
7 _' d0 }- `, _# X1 ~9 U! ^8 H& @var BallSpeed = 20;
5 Z0 p' i, V( ^1 I8 u+ e* uvar contentWidth;
" s! C7 ?( P* c% P( Dvar contentHeight;/ i$ q' Y; O% P1 D, ~
var maxBallSpeed = 50;* @! B j1 p8 K8 z; I
9 c- E7 d9 q( z; u4 `( u8 x \/ U C8 W3 y5 l( W- S
var xMax;" ~" C' o( ^6 N; V; s5 s
var yMax;
% \( }3 \1 _! z6 W3 rvar xPos = 0;
* Y' S1 _, H& n' h+ Z( k$ G' S. rvar yPos = 0;% l Z- B' y: G% H
var xDir = 'right';( S! @8 P$ m! ] r0 x
var yDir = 'down'; v1 F0 Q9 @6 C0 \. j }, ^# \
var superballRunning = true;, L3 C/ C/ l4 P% ?2 \ D
var tempBallSpeed;
2 B. c0 J- J( ~2 t l/ Z8 |var currentBallSrc;2 {8 g- K( ?8 O* M. W
var newXDir;
8 J6 K t8 b V- C3 dvar newYDir;
3 y/ Y) l/ L; B) H+ K! `0 b, i, {/ k4 G
function initializeBall() {" v* q8 Q0 Z. s7 X. V/ c
if (document.all) {
. i4 [) S' ~) D; k2 D$ ] xMax = document.body.clientWidth" ]4 U& ~2 Q2 T% C5 @
yMax = document.body.clientHeight
, \9 l1 v$ E: p/ U* R, U5 H document.all("supertext").style.visibility = "visible";
* J: p/ P4 k9 @ r) k2 f$ b# J contentWidth=supertext.offsetWidth
2 B/ Z" t7 j% P9 v! z contentHeight=supertext.offsetHeight
! j. N+ l$ p" _& X }9 D" `( `; S* h' E$ ?% H
else if (document.layers) {0 f G4 I$ M/ B3 y2 [4 P4 f8 h
xMax = window.innerWidth;
6 Q4 [* p* |3 F4 e* H yMax = window.innerHeight;6 v* m- F- v. X) ~, f
contentWidth=document.supertext.document.width
7 Y4 G+ _# x/ H contentHeight=document.supertext.document.height3 B: w1 ~7 @- P2 t2 H, r
document.layers["supertext"].visibility = "show";
3 V7 ?! s- n+ h( a }0 _' h) x3 h4 l5 _# d* H; X
setTimeout('moveBall()',400);4 l, j: w2 R& q) `. I, C" n
if (hidetimer!='')
- h( ~( ]+ R/ u p setTimeout("hidetext()",hidetimer)
* u( _3 `: x5 H0 v; L* W" w% { }
: ~8 T3 I8 N$ V" q7 d% `6 |0 r6 n5 n4 {! \% w
function moveBall() {
. R- x) U- {( y0 G9 }+ s3 L% U! U if (superballRunning == true) {
, S! F4 L; `0 f }8 e2 d calculatePosition();* l4 _! b2 J& Z Y
if (document.all) {
7 [8 E# B* I' F6 T% @8 G# H+ K document.all("supertext").style.left = xPos + document.body.scrollLeft;
& V% p4 D: u" a7 Y" k# b8 L3 s document.all("supertext").style.top = yPos + document.body.scrollTop;( i( p$ ?. R# Y- p
}
6 |( u' X1 B) S- L" O% f else if (document.layers) {
6 }! S F' C) v document.layers["supertext"].left = xPos + pageXOffset;
) v2 T. z# I" t' n) Q- k document.layers["supertext"].top = yPos + pageYOffset;4 z8 y1 `. x- N9 L( ^
}
, D) p$ }7 a% y6 F animatetext=setTimeout('moveBall()',20);
$ d1 M2 v8 ?9 J }
9 {4 K& i; \% q& }$ _# V8 |) _: P: l }$ `0 b2 D: K$ a* g+ @
2 D6 w0 V" |+ M: r! g" L( u
function calculatePosition() {
- g) l6 V9 I' u7 b if (xDir == "right") {
. Y* O1 r i; A; T if (xPos > (xMax - contentWidth - BallSpeed)) {; D# t- [2 a# }* Z3 Z
xDir = "left";7 c- c' o; W. H0 [- p& ^ z- v0 g' M9 W
}1 u% s1 [; ?0 x" c3 i
}
r2 W9 N+ T' d0 Y else if (xDir == "left") {
+ U$ P0 l. x* d1 G if (xPos < (0 + BallSpeed)) {: T$ x& Z" u/ m; B1 e/ z5 G
xDir = "right";
: n) T2 R9 U2 r) }0 j- n* R+ b/ K }
$ ?. H% A9 y, m w }2 N; F/ _" @$ J2 a0 R5 J$ e
if (yDir == "down") {
0 o. f6 H1 D4 `; X! E3 N$ t+ ] if (yPos > (yMax - contentHeight - BallSpeed)) {
) S6 I4 x1 I2 ]9 ?3 w* z9 I$ {3 u yDir = "up";
: B' |* u$ b% `# E6 e- i }6 `: m9 Z9 @6 d$ r
}* [. h. \) ], z. v( e- T4 X
else if (yDir == "up") {: d4 [; i, _! U5 S
if (yPos < (0 + BallSpeed)) {
) L5 L4 L: X) \! g8 V5 G yDir = "down";
/ l+ F! c% @$ I' w! o$ g: s# ` }, {! v7 ^% j8 \% x4 L
}
8 E0 L4 U7 t7 ?# m$ J" r+ Z if (xDir == "right") {
( ?5 ^$ ?8 t& V xPos = xPos + BallSpeed;
J, G; A! F* U, k3 v }4 P0 r1 i, G4 ]2 Z4 T
else if (xDir == "left") {
; [# k* p0 I6 q9 ~ xPos = xPos - BallSpeed;. n5 ] p) }4 H# W9 ^# F6 q' \
}- h; d3 J4 Q, U
else {9 K8 a: q5 T3 ]- _! O* R, P
xPos = xPos;/ Y' n/ `$ C, s; s1 w/ U6 u- G
}
; p! p1 p! W) }; `8 y$ \ if (yDir == "down") {& d% P% |/ }% W7 ]4 a
yPos = yPos + BallSpeed;
7 k, |8 J: Z) H. Z% G, { }
0 l# F( Y2 d" T else if (yDir == "up") {5 r1 h$ f7 D P
yPos = yPos - BallSpeed;) ]0 n4 w- Q" t9 h; u
}
: k/ E+ S0 G# X$ {6 M* w# R else {2 A4 d, H C7 C9 a( P
yPos = yPos;( m( t9 |. c0 z, R$ l4 q
}( B# }" {8 C' l' x1 |0 q
}
* V5 E& ]* r8 R$ C3 n/ H
$ V- I& `& P; V( k n G) ~function hidetext(){3 i k9 M; z# ^ _5 D5 \( T
if (document.all)
4 ?0 d8 E5 a5 Q5 O9 S0 h5 c( isupertext.style.visibility="hidden"
$ d. M0 B3 i- P w5 l& \$ W. f; Q1 Qelse if (document.layers)
# b2 [/ N r! c4 Fdocument.supertext.visibility="hide"
1 w! U4 q/ t! s6 \/ fclearTimeout(animatetext)
4 L# ]# e& `# @, I}
0 Y0 L9 M% V$ L; B8 b& O+ y
3 {* X" k% I. \( s" ^7 H; cif (document.all||document.layers){" z3 X4 d# g* W
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# @ b+ H$ x! f. v% h0 A' e: S2 zwindow.onload = initializeBall;! Y, m, j3 |4 _
window.onresize = new Function("window.location.reload()");
) h9 S6 r: T' @, F}
3 {0 l4 ]9 a* c8 f) W7 N7 H7 k2 _
f# K- T5 F7 c0 V2 q</script> |
|