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

|
网页之不断弹射的文字-特效
<style type="text/css">
6 g7 V( O" T8 ?( H- Y2 i#supertext {
1 w" V& X4 Q( C2 Cposition:absolute;
' X0 z7 p' X7 W; {left:0;
% M( y- c3 a" b* e/ M# F, A3 I# i+ Etop:0;
4 `9 H/ \: _" n$ a! mvisibility:hide;
* k( }8 R- h' p" Y; X1 r* ivisibility:hidden;' B4 |% X& ?2 F1 Y8 r4 c$ d
}* [" A; L* e! F& _
</style>8 u$ O# I7 J7 ?, A6 o4 p& |
<script language="JavaScript1.2">6 g' Z* Q3 p/ y+ s- ?9 {
<!-- 改变下的字体的大小。颜色-->. n/ x$ P- H9 g. r( a4 Y y
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': e" X& k. {5 l: _5 O& i; T
var hidetimer='';9 l% |7 ~9 S6 c) z
<!-- 改变下的弹跳速度-->; i8 W' {7 h8 m0 n( @: J
var BallSpeed = 20;
, A" e# j x$ t5 D$ k$ Ovar contentWidth;
, C7 D+ P8 Z1 n$ [! t0 Gvar contentHeight;7 J3 A+ F- a" [7 }9 }8 D
var maxBallSpeed = 50;' t2 P# s' R. P* \% {, [
E0 y( s- q7 |2 ^; f' C
8 D& c$ W. G" B3 E. a6 i; X
var xMax;
8 b' z$ c+ Q9 y" f/ Dvar yMax;! t- o9 @4 z# `) w
var xPos = 0;& s2 k1 i5 s5 s$ O, d/ w: @
var yPos = 0;
; M1 V6 F* L$ a9 z0 e& b3 Evar xDir = 'right';$ R) \/ L- o; _
var yDir = 'down';" D. P3 f& N9 V3 M2 z1 _
var superballRunning = true;0 w2 B5 x: P+ Q3 d8 X- d
var tempBallSpeed;
; I3 k* s& [' A) lvar currentBallSrc;
9 U' I- x+ B Q6 H* @var newXDir;
' O: R; i* P0 |0 kvar newYDir;6 i! h! b/ L9 H# Q0 \
% D2 E! n6 S) C' G
function initializeBall() {
7 o2 i5 _5 p, C* N5 i2 \. O if (document.all) {( N3 P2 B- \# y7 b) i
xMax = document.body.clientWidth; f+ o X( b" @
yMax = document.body.clientHeight2 T$ G, j5 E- F/ V: r, ?# R; @ ?
document.all("supertext").style.visibility = "visible";$ B% M% [' \0 a) N
contentWidth=supertext.offsetWidth
. s! p6 G1 L) L5 m0 ?) u l+ }4 }/ Q contentHeight=supertext.offsetHeight
, U8 T8 P- i/ |- p1 x6 L }
! I2 D/ ^. s( q4 b# t# X/ { else if (document.layers) {5 k8 {6 `) ?. T N& _( h! C
xMax = window.innerWidth;& \- }+ G# |- T: d8 S9 o" H
yMax = window.innerHeight;! w8 T, W0 K1 j0 G$ p1 D, p7 w
contentWidth=document.supertext.document.width' e H* g" E( w; }+ e8 s
contentHeight=document.supertext.document.height! E2 K- x% |3 ?$ |) `
document.layers["supertext"].visibility = "show";. d: T, @% z; T6 v1 ~, [7 I7 q
}: T# |; J6 T7 I' ]$ U9 h
setTimeout('moveBall()',400);
+ ~# }7 F/ Q I if (hidetimer!='')
4 f5 i8 W) A; V0 g' X7 \; P$ ~ setTimeout("hidetext()",hidetimer)
5 A' e# |! W+ F5 z }
! C/ Z( e3 k: ^
. M8 A5 o4 ?6 P, }function moveBall() {+ U& K1 \( M7 g) I1 O
if (superballRunning == true) {
6 A% x- @4 {* l6 a+ a A0 c3 { calculatePosition();
3 |, G+ z+ D8 E if (document.all) {
3 d2 L! T& i0 g document.all("supertext").style.left = xPos + document.body.scrollLeft;
, f/ i2 c9 H4 [* v3 S/ W document.all("supertext").style.top = yPos + document.body.scrollTop;
1 T3 p) p5 V+ e8 q }
& A" ~0 R3 K$ y else if (document.layers) {- }: l) u, l6 K5 l: C7 I
document.layers["supertext"].left = xPos + pageXOffset;( y# [) x5 ^2 J/ W
document.layers["supertext"].top = yPos + pageYOffset;
D- f$ L& P( w" L3 C2 O! O }: ?/ w, E' ~% n) @. ~
animatetext=setTimeout('moveBall()',20);
) \1 y) p3 r, Y* B: ^0 Z }2 l& Z5 o+ I. ^5 ~: O6 t2 ?
}
B0 G( @: d; o% d3 _
9 y* z+ ^* J4 v2 b Y2 Z7 O K8 Wfunction calculatePosition() {) @2 B/ ^6 u* I# N* K; g
if (xDir == "right") {, c0 o. e" c& @5 h' y/ Q
if (xPos > (xMax - contentWidth - BallSpeed)) {
& r% w0 I' ^5 J+ A, x/ j4 A. ? xDir = "left";4 @2 ?/ y. B* N1 i. G- x7 m
}
) M& T' v% t* c: V* o }
, B( u2 t) C, ^, I% o' H else if (xDir == "left") {5 Y" X6 ^9 n o6 {& K/ P, B+ z
if (xPos < (0 + BallSpeed)) {8 B; M7 n* B4 z+ T) s3 [
xDir = "right";+ {8 \6 L) V+ E$ J+ Y+ ~$ l
}
6 T: U, e' v; K }5 i7 w% f* c; A& p% v
if (yDir == "down") {& i; e: a3 _: @+ y2 b
if (yPos > (yMax - contentHeight - BallSpeed)) {# d) ^; K7 i' q
yDir = "up";, l1 b. K) \0 c0 L
}9 r$ g* _! O w9 R/ x4 `+ `& N/ ~9 `
}- w* l" o4 m8 I8 g
else if (yDir == "up") {
. u5 N! z! I o if (yPos < (0 + BallSpeed)) {" t% U5 `2 P4 C5 ~+ S
yDir = "down";/ w! D, ]0 H$ l( V* n
}
7 M& U- F9 f5 _8 I- c! ^ }/ Q+ J. X- X! `. n, W8 t
if (xDir == "right") {+ d0 e! o1 |3 F/ n7 ^& L( ]
xPos = xPos + BallSpeed;
) ^! | K1 n0 [2 V8 q }+ |+ T0 M' R! v2 f P
else if (xDir == "left") {5 ]8 m' z% M- q: B
xPos = xPos - BallSpeed;
" k+ b# ~. | {4 P, f( L }& N( w7 g6 O+ p
else {' t5 K- G+ k( @4 b
xPos = xPos;
r5 Q0 k, Z% ]; R4 r; n$ ^ }
2 L: k. s5 N, `( y: T if (yDir == "down") {
; H' K2 B3 N& C# M yPos = yPos + BallSpeed;7 j4 K* [# x, Z' b
}, W& h5 `9 G0 _1 n/ U/ }, N
else if (yDir == "up") {' I F8 h" {9 Z8 p. C' u. m
yPos = yPos - BallSpeed;( O" R; D* w: I. x4 Q
}
, y! ]/ K# W6 ^2 i# Q# h else {
) o! P6 ]2 g# _$ t2 n3 r yPos = yPos;8 n2 [2 {0 D5 U% v# i) A1 X) c
}
! D( @! d$ {. ?1 [ }
: j* o# J. I) o# ?1 w5 a5 r
0 c' D/ M U/ ^: Z/ ]! ]5 ~function hidetext(){
. e5 @8 u1 G/ e& u# Jif (document.all)
G; P+ o2 b+ x& b+ Msupertext.style.visibility="hidden"
/ x# `: w' G+ d& }- C' Z& t9 d/ Relse if (document.layers). @. C4 C/ U% [( M+ r. v$ M
document.supertext.visibility="hide") f8 F4 ^6 N9 m% f# d/ \
clearTimeout(animatetext)
+ c2 }% z/ ]/ s! g6 Z}" c' i* P- ]2 j2 s Q
: x) v) {9 }" E% R' `" H1 vif (document.all||document.layers){
9 q W! _; q3 x: c# l6 odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0 ^3 C7 |" v, I+ V2 i1 y0 swindow.onload = initializeBall;
# M3 K7 ?7 E6 J8 uwindow.onresize = new Function("window.location.reload()");
1 d) X2 n5 y) J3 a% {1 Q}
, n7 X8 v1 X4 A. t6 _) ]1 G: v: P0 D% p6 H
</script> |
|