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

|
网页之不断弹射的文字-特效
<style type="text/css">8 S6 E& X$ f, `7 u* L% H
#supertext {) u4 b5 x: v) b* G# ^! y/ v7 ^
position:absolute;
8 Y# D! ]+ g( M3 l& Q" eleft:0;
0 V# e0 u& L$ u8 Q: gtop:0;
0 c( `* V. _5 g9 g/ n3 E5 Zvisibility:hide;; m6 |! Q, J% P5 T" n; B6 f9 G3 e
visibility:hidden;" v$ @* h1 t. u
}
6 r5 o: D4 n! f. _ {9 K</style>' U8 h9 o; }! Y3 w" O. C
<script language="JavaScript1.2">
" J; V8 m4 |' r- S. q<!-- 改变下的字体的大小。颜色-->
# w- l2 c) p. F+ J' H5 lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 r* Q4 N# |- O+ S3 Rvar hidetimer='';
. Z8 X, t1 z, N9 f7 [, Q. U: l8 J V<!-- 改变下的弹跳速度-->: D/ ]. L( I" t, |9 `
var BallSpeed = 20;
% y! g8 u) X: g( C9 q" fvar contentWidth;
2 k* U" I w& |/ avar contentHeight;
0 Q$ _+ i" I1 d+ u& ^# h6 hvar maxBallSpeed = 50;
$ Z$ B, h+ I/ v. L2 U" |! p' X, b" d7 { }# W7 a" ?5 N
6 \# R7 C4 J% p' ~( Y, K# w2 n- Xvar xMax;
9 B+ c& i. Y' r" f _3 \var yMax;
- N1 o0 C) _( B/ ?1 u V5 Bvar xPos = 0;
. S2 g" v1 K0 E: _0 _5 p$ E m! wvar yPos = 0;
9 `$ o* K8 `0 \$ Z. w2 x$ Dvar xDir = 'right';8 t3 Y! E3 v1 O3 {5 k
var yDir = 'down';+ [) [4 D" K( e1 n- q
var superballRunning = true;7 h9 n3 W9 g1 b
var tempBallSpeed;8 x/ V+ b7 i5 V
var currentBallSrc;
) Y* U# i2 _, P. ^2 n, |var newXDir;
6 ^) s9 `$ M5 M5 Q- [, n& j8 ~var newYDir;
& _% x7 R. T; i5 U; C2 w
6 h# e, Y* n, t! X# n( B! Rfunction initializeBall() {
7 ]0 z$ `; }+ T if (document.all) {* F# b$ X9 d7 C
xMax = document.body.clientWidth
( y* o l: u3 L8 e0 j0 [7 x yMax = document.body.clientHeight
+ R2 Y% E$ m; _$ X& q document.all("supertext").style.visibility = "visible";8 r L }9 W: [* t; p) L
contentWidth=supertext.offsetWidth8 E" N4 U" A) \# D4 D* u
contentHeight=supertext.offsetHeight
8 s- F/ R0 v+ T n }0 B# o- C; S" i- F8 R
else if (document.layers) {: ?) a/ v6 J0 |/ n. b
xMax = window.innerWidth;
: v& s$ H( g6 Q% m. B; e. i* r yMax = window.innerHeight;
2 B% G; A2 H- J, k6 d contentWidth=document.supertext.document.width
* u7 a, R7 N; m: C7 Q contentHeight=document.supertext.document.height3 e% a; ~% k4 ?+ q0 Y3 M' T
document.layers["supertext"].visibility = "show";
9 j- g1 G) ?3 S# \" \+ }8 _- F }# z3 `4 _6 p7 H( \
setTimeout('moveBall()',400);: T+ O: l9 a& Y* w; F W/ m* t: s
if (hidetimer!='')* R) S+ R+ [& L; w8 ?
setTimeout("hidetext()",hidetimer)
$ r6 U9 f% W3 e* y4 E$ ` }. ?% O( h" y: C8 `8 D& V/ V
3 d' D' l! b4 X$ f' U4 b" |
function moveBall() {
. s# L. N7 B, B if (superballRunning == true) {1 I" z3 K+ T% W1 k. r! l* D: B
calculatePosition();- z5 a: ^( [! Y9 j& ], m/ f" _
if (document.all) {: l; \# R3 ^. |5 d1 z) \
document.all("supertext").style.left = xPos + document.body.scrollLeft;# R6 R) O1 V- z F) r" v
document.all("supertext").style.top = yPos + document.body.scrollTop;
1 |! d, N9 o5 p. u6 E }
- T4 J3 o9 p" }& C8 g else if (document.layers) { `" l) O+ j: n
document.layers["supertext"].left = xPos + pageXOffset;
! f/ B! z1 B9 m! X4 s document.layers["supertext"].top = yPos + pageYOffset;
7 ^5 f5 Z M% [4 b }
. J6 r$ C' |+ g! M- _& x+ Y animatetext=setTimeout('moveBall()',20);
Q8 |- U& q: t; M% R$ p- Y }
! f0 D. L: n$ C3 G/ c }4 j, u! n$ O! W6 P: Y; W
1 H$ i. @& i3 H, V. _$ R, }+ q% qfunction calculatePosition() {
( |4 H5 ?: \) { H& M7 s if (xDir == "right") {: P' v' J! h( p. M
if (xPos > (xMax - contentWidth - BallSpeed)) {: ?. s+ P; U) ~. j
xDir = "left";
) T; V2 J1 V" B C6 p+ a }
A3 c' `+ l; j2 z% t. z+ P }) `7 {& |) ^2 \$ D& l
else if (xDir == "left") {# c9 _/ ?1 T' X0 i
if (xPos < (0 + BallSpeed)) {/ P `7 W) a0 E3 k
xDir = "right";
5 e) V( B# L: S& j3 A+ [ }
; p# X8 k' s, q }5 @) {2 _7 z* E# e
if (yDir == "down") {' f" ]6 ^* |/ T9 O' S
if (yPos > (yMax - contentHeight - BallSpeed)) {1 d! B" B- y" s8 h7 M( a/ V4 [
yDir = "up";
8 W- A- ~( j3 M% E3 J+ ~/ K }
1 {) c+ ^/ I3 h* f2 ` }' F1 M2 X! Z, D" ]
else if (yDir == "up") {
2 o0 m e: ~4 B if (yPos < (0 + BallSpeed)) {
# F) v: j& M7 M+ v% N yDir = "down";2 Q# D5 {, J) n! c1 b4 _
}: g' o1 B3 V; E
}
! W) T7 s. ~& N: Q6 i' P if (xDir == "right") {
3 v7 [4 D) K6 ` xPos = xPos + BallSpeed;! F/ x, M( l" ~
}% R- S" j2 o5 x
else if (xDir == "left") {# S4 p c w) f
xPos = xPos - BallSpeed;* ^9 l* g. h0 H
}) k# q w; P/ [/ e" O
else {6 Z$ @" m" n3 _* P" w/ U
xPos = xPos;, U7 ^9 ~- W6 K% W: o1 u, X
}/ h" i- L" w5 j5 w* s q7 o
if (yDir == "down") {4 O, Q% ^* o9 |5 E9 w" V
yPos = yPos + BallSpeed;
; x' S3 z% Y# e/ \ }- l: [3 @) V& l' {- a
else if (yDir == "up") {
" W9 u" J% n1 R5 e yPos = yPos - BallSpeed;2 D# L' n9 Z" P% ]# K! {8 i
}
( ~/ g y! W5 b( n- T else {
# i$ `! A Z8 W+ V yPos = yPos;
) j) D9 Z+ t' b' M }
5 Z0 c: K' {0 M" y3 d }
$ Z; ^1 ^' b6 w z) g- Z; |
) L/ B. I$ j$ A% X3 |9 Z( a3 C5 tfunction hidetext(){
( d/ U+ @3 @7 Q2 g5 h |" Kif (document.all): n# a( p1 w% z: n* }3 ~$ A- j5 l
supertext.style.visibility="hidden"' N4 m5 i1 K5 P; o Y
else if (document.layers)
+ D5 y5 z7 J& @- ?' ~document.supertext.visibility="hide"
( ~% K7 f5 k& S5 z7 aclearTimeout(animatetext)
/ H; _( G) f0 N) ~- i}
- {( N7 Q) D0 p1 t' g
: o, |- s- k3 A8 X2 f8 D3 @if (document.all||document.layers){
. q9 o+ f( \' z! Xdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 }" k/ S0 c; @. Q' t* S6 y" Lwindow.onload = initializeBall;% }( y+ L( }7 `$ i5 p- {1 B
window.onresize = new Function("window.location.reload()");
+ @; w$ y* h$ i; |$ z- {* ?4 F}; O7 a: ~' G1 B: M* D
( f& F. F+ J; @
</script> |
|