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

|
网页之不断弹射的文字-特效
<style type="text/css">9 x9 S) ?# L* X1 Y1 i! W
#supertext {9 ^6 a4 u) ~( q" ]
position:absolute;
5 o. N7 y6 \7 I; Z5 ^left:0;
1 R- f) w9 u1 X, Htop:0;
$ Q7 C' ~: Z- O4 dvisibility:hide;
! s {& N# n8 k5 q" F! W& F9 d- nvisibility:hidden;
! K' a8 z& Z' r9 e! d( Y}+ h4 y7 b8 I$ c: n
</style>
5 e( p4 S3 s* i<script language="JavaScript1.2">/ p) z1 f4 s; p6 b! j! ]
<!-- 改变下的字体的大小。颜色-->
! @' y: y. v/ G2 V# R( Z9 svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 t C, t& l; U8 f) }0 C
var hidetimer='';
4 V% \7 a1 u* ~<!-- 改变下的弹跳速度-->
8 N0 X P$ C/ Z T# b. nvar BallSpeed = 20;
& k* n4 x7 T- mvar contentWidth;
. D. j- m3 p" y6 Rvar contentHeight;+ }$ H- m' {: `$ [0 L
var maxBallSpeed = 50;4 B! x; Y1 t$ y9 B
( x/ X4 ~ w" g- u& \4 E
) v! Z9 r' o! l1 ~* w% L: F
var xMax;7 b" F0 @3 S+ [
var yMax;
, q1 X& K! K7 d. h; B, h3 {# Tvar xPos = 0;
! l; U: H3 S& q* K1 Bvar yPos = 0;) v3 _: I/ L: ^7 X: |: w; ^9 h, p
var xDir = 'right';
x- V" X7 b1 r* o K5 r0 D$ ?5 Tvar yDir = 'down';( r |% E& Z, g$ t! q9 J) E
var superballRunning = true;8 s3 F& N0 F$ i1 }
var tempBallSpeed;
/ E5 s' f+ J' Y- ], Z& xvar currentBallSrc;
# t. Y5 c$ Z; R; ~; vvar newXDir;4 e9 }0 a0 y/ g$ S8 m2 p3 A
var newYDir;# G% ]% B0 P. m' G Q
: m# r. g! B. ` m2 f: B- g
function initializeBall() {
9 a' q( M) H' l3 T8 \" Z3 x if (document.all) {% @1 B+ [& I9 C' c4 G1 C
xMax = document.body.clientWidth$ D# \- u; m' y/ O& U. H N
yMax = document.body.clientHeight
, l$ r9 E& r( Z0 G$ m9 ^' x l document.all("supertext").style.visibility = "visible";
6 X8 ?8 l( g9 z- [6 G contentWidth=supertext.offsetWidth
. Q5 f- V0 y- U1 p$ \$ m contentHeight=supertext.offsetHeight" N% x ^) A- c! ?4 J0 k1 `
}) i! E! J6 S0 Z# _" B/ s# x
else if (document.layers) {
3 D+ T$ i0 i' V6 a xMax = window.innerWidth;4 Z1 E7 X- h' M+ |. j. M
yMax = window.innerHeight;' A m& g/ h% ^5 i( p6 e
contentWidth=document.supertext.document.width8 U& D6 s1 W/ C* F
contentHeight=document.supertext.document.height) t$ r/ B8 J/ G% C, Y, ?
document.layers["supertext"].visibility = "show";$ @4 s1 U& c4 X3 }
}; o% p* j9 h5 }: c9 k; P
setTimeout('moveBall()',400);
. t; _; Q, R3 V if (hidetimer!='')6 W2 t2 `3 T2 F
setTimeout("hidetext()",hidetimer)- U/ p8 U; a" X
}( g6 ~! ?$ Y$ S9 d7 s- ]3 K& l( F
1 B; g, Z9 l' z' \* r
function moveBall() {' H0 R9 W0 s/ e+ e5 r7 J! C
if (superballRunning == true) {; e& o h9 C2 L
calculatePosition();! _2 [9 U p- W& @4 {4 @7 V
if (document.all) {
4 h! }7 C- W) ~- ~6 g document.all("supertext").style.left = xPos + document.body.scrollLeft;
# @) g/ E a+ E document.all("supertext").style.top = yPos + document.body.scrollTop;
- I0 U/ A3 u1 h }6 _$ c3 m5 X: @ y" c) g
else if (document.layers) {2 b" H" S) w5 L2 u) J1 l
document.layers["supertext"].left = xPos + pageXOffset;' ^) {, j7 v. W: b0 t& \
document.layers["supertext"].top = yPos + pageYOffset;* k- R% i# B @+ T& Y& d
}
9 a5 i' U! B% s4 d animatetext=setTimeout('moveBall()',20);
5 p' p) g* w7 U9 Z" e! j }' C. j9 s3 i0 x n9 G! Z4 B
}
, k- L) X/ m0 o5 R$ d3 w" U, } E; N, A; K# S- b" `% r3 K4 S
function calculatePosition() {
; v+ O0 U8 g% j3 D' { if (xDir == "right") {; t6 u. c4 u7 t9 }" l. |
if (xPos > (xMax - contentWidth - BallSpeed)) {* ]0 E M/ h/ U/ L" q! ]( S& q
xDir = "left";
/ K4 E, E# l8 o/ K# g1 L' v }
0 q5 l5 x& T8 b. [ w* |; Z3 ? }- e( y# D# z2 q5 T* J- f
else if (xDir == "left") {
; y7 e% W3 l! \0 x/ x/ o9 h if (xPos < (0 + BallSpeed)) {
% C7 A' P2 B0 R% Z' k# v xDir = "right";- V, y) T5 X$ _) V
}
7 Y* g. |/ _' \5 ^2 @+ o }
" o r( D" Z! \+ L; k: T3 n0 z' p if (yDir == "down") {9 e' ~0 E& t& k
if (yPos > (yMax - contentHeight - BallSpeed)) {2 l8 t" R& E Q6 c8 K5 Z8 }
yDir = "up";
) @, Y2 j* O, c }
5 X7 v8 G, O! i* j+ Y" e }9 |9 R, m# K" c, E1 c4 [
else if (yDir == "up") {
. l3 T" ^3 N2 O- c0 x if (yPos < (0 + BallSpeed)) {! a9 _- X6 y* c
yDir = "down";
; U" v! x! D7 W f6 }$ r# G5 L }2 B4 P/ m3 X; d
}/ E1 @/ n4 p7 p7 T
if (xDir == "right") {
; D4 [% n6 x1 z* f5 e xPos = xPos + BallSpeed;
# @, ?, d0 e. } }' I7 ?: d/ u2 w0 A+ K% _7 U& Z* N
else if (xDir == "left") {! s8 U4 [4 Z7 J" V, K" I) y
xPos = xPos - BallSpeed;
& j1 M6 R8 f( W- ?! l( X4 e }
6 n* y. L2 I0 J' W' s6 a else {
+ D" g- C, w5 T xPos = xPos;
' A+ O) N) {+ z$ k8 O }
( n& E0 ^6 ^5 C" ~+ J' N/ L if (yDir == "down") {" a+ H* K3 A# e: I; R: `: k& l
yPos = yPos + BallSpeed;/ H0 K, M) b% p9 Y9 ]
}
1 M9 H; I4 [. L K6 W8 i else if (yDir == "up") {
, s+ k6 d* `# B/ S yPos = yPos - BallSpeed;
% i9 b" ?' K" O& {6 M# Q }
; O; N# X5 f" \8 k7 t8 t" \ else {
' s& ?. N' ]' |# q% D( w0 M6 s% M# z7 u yPos = yPos;$ o8 d* g2 {. A4 u, s; M6 f
}4 x8 N$ I! ?0 Z9 m% Y! z; x
}
0 I( f. R( r5 n# M/ m& @/ [& b7 A% z) R# j
function hidetext(){
. u+ `, K4 w7 j( V/ Y7 qif (document.all)
; z7 F. G$ j: L& F4 }5 Ksupertext.style.visibility="hidden"
1 K1 P: i7 f6 o/ j+ helse if (document.layers)1 T8 O, {3 @, P" B6 a2 }/ V8 C7 F/ I
document.supertext.visibility="hide"
) L) b- [8 _/ l# f2 ~clearTimeout(animatetext); Z' e4 u/ a7 d8 C Y- G$ Q
}, I0 f! I6 n+ D A, `2 ?$ M, a
4 a' i6 _6 j, @# `" F$ J+ N" ~ q/ jif (document.all||document.layers){
7 P; x# T- I5 m7 w7 k2 ^document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 E. }7 |1 L- E3 Q/ p6 w! D) dwindow.onload = initializeBall;6 R) w, @- G% c7 f; n; @
window.onresize = new Function("window.location.reload()");' f+ J7 E: L, J0 Q, \8 ^
}
% x8 a$ n2 }. J7 p" z: v
" R- T- d& i9 r5 z</script> |
|