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

|
网页之不断弹射的文字-特效
<style type="text/css">; N+ \4 s" ?( G: A3 _# U% B' ~
#supertext {9 L! ^5 l! }4 [/ ^, Q
position:absolute;( |2 }( S! S% O
left:0;
+ i: i8 @1 C. Q) m+ `) G0 Ltop:0;9 _* X6 j! e: N. Y# |# K+ S7 L2 S. h
visibility:hide;
1 f6 o* S+ u# a4 Svisibility:hidden;( f8 o! g: Z7 y7 y6 q) @
}; ~' ]0 `+ J. C j, ^$ D
</style>
m! j1 n' ^- R$ o+ l<script language="JavaScript1.2">; J0 s$ K Q* i
<!-- 改变下的字体的大小。颜色-->
! {2 o2 {' s. c3 Z" d, Svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 ~, P8 h6 u% i0 E [var hidetimer='';5 X8 ^" x! ~. F: o" H: C
<!-- 改变下的弹跳速度-->
) O/ ^) t1 N! ~: e$ ]var BallSpeed = 20;# K8 d. J% q" ]# ~- \; {
var contentWidth;/ Z) ~. z v# [1 s. I* u
var contentHeight;
8 H X& w2 X( O. Y. ^var maxBallSpeed = 50;
5 _9 `* O( I, m; l6 \# C1 ]
* e A- m1 y& y9 j7 g n x4 i6 g, P1 z6 l
var xMax;8 m! d! G( {! k% H. K* t
var yMax;
' S t2 u; b- S; Y4 w7 ?var xPos = 0;0 n4 @" E/ G5 q! S( ~1 |: C p
var yPos = 0;
) O; D0 x: v/ S5 `/ t) K" o; K& _var xDir = 'right';
4 T5 v- ^; g4 o. I5 mvar yDir = 'down';
o/ v$ F, |5 D" m3 k7 l9 Zvar superballRunning = true;' o! H7 t' |" Y7 u& G: ~
var tempBallSpeed;
# j, h; K, k$ K0 Bvar currentBallSrc;% [& r/ K7 t6 @& x! ?8 G
var newXDir;
6 U' T) e9 Q5 w3 R8 |var newYDir;2 ]; K u+ I3 ?2 C
# a7 N5 T& P# N% m" t" ~8 Yfunction initializeBall() {! I3 [1 Y6 z# }3 `7 e
if (document.all) {& v, k: `8 _, X1 i1 h& K& a) ]
xMax = document.body.clientWidth" M+ t, n8 K! P( f% I9 {
yMax = document.body.clientHeight0 ^9 J% }+ h7 F
document.all("supertext").style.visibility = "visible";
0 t) y" c5 \3 _- l4 Q contentWidth=supertext.offsetWidth
' N; w4 P& M+ Q6 l- A. z contentHeight=supertext.offsetHeight8 \# m3 y, x t9 [$ z! H& C
}4 [0 Y7 a# U! l; T* {
else if (document.layers) {
" E7 R, R' Z! X8 X' {, O1 w& t7 J xMax = window.innerWidth;" ~! d; z6 m$ G9 o: J
yMax = window.innerHeight;
. Y1 M& N4 B$ _ contentWidth=document.supertext.document.width4 Y" @! ?8 e" U7 p1 Y
contentHeight=document.supertext.document.height: ~$ t# J) Y2 s5 R0 `
document.layers["supertext"].visibility = "show";
7 V, A/ ?* a7 y% X- Z9 \2 | }
7 l2 N9 b9 L$ |1 X# p2 e4 y setTimeout('moveBall()',400);: Z5 |/ O4 b, a. I
if (hidetimer!='')- L$ i3 F, a5 w% Y" }3 c' D0 J
setTimeout("hidetext()",hidetimer)( R A, e) [: s" y6 C/ [
}
7 }! y! Y+ ]5 ~, ?5 r8 a4 g. R& m
function moveBall() {1 _" c- H8 V* k+ G* X; d
if (superballRunning == true) {
3 {; W& b; O8 s! n' D- d calculatePosition();
5 u0 \) U b- P+ d/ z) s if (document.all) {. {, K% ?# d& Q2 Q, n D$ k
document.all("supertext").style.left = xPos + document.body.scrollLeft;" h$ o: @9 b) H M
document.all("supertext").style.top = yPos + document.body.scrollTop;
4 t# a+ S# l2 j6 E0 D }) m3 u# `3 `5 r V2 s/ u: G
else if (document.layers) {
; k/ `$ e6 Q) G8 y' N: R document.layers["supertext"].left = xPos + pageXOffset;# ?8 O4 ^/ z9 \& P' j ]
document.layers["supertext"].top = yPos + pageYOffset;4 t( L+ ] v4 _7 E
}9 l! Y) n2 p1 @# C7 J- Z+ u5 k! S7 ]* }
animatetext=setTimeout('moveBall()',20);# I9 L: @- k W8 a! Z2 H
}8 h8 i* l' w! Q! d
}
, G* a5 V5 p( J" W4 {- E' z8 ^0 x% u! |' R/ R) |# i/ @
function calculatePosition() {
" q/ U, X% ^2 n) F if (xDir == "right") {, q4 N. B( y8 G' y
if (xPos > (xMax - contentWidth - BallSpeed)) {. L) Q* V+ Z3 m' J5 x- d: p5 m: J
xDir = "left";: t' J" [/ Y; [, T& k
}
& D" G$ ^2 L4 ^ }
b9 k' g4 v+ B! ?; F else if (xDir == "left") {. n" J' S& h. W( Z% \
if (xPos < (0 + BallSpeed)) {
4 j4 H1 K, K, e! l5 | xDir = "right";" d* q0 o) J; f4 V7 O4 C
}6 j1 W5 i5 v* d% f% x* V
}" z. M0 ~0 b3 k' l
if (yDir == "down") {7 A$ Q2 f3 j' u" M( r) }
if (yPos > (yMax - contentHeight - BallSpeed)) {
. N! i; v6 V) f2 i) f yDir = "up";2 Q7 K C' z% |6 G- f* j) B# ]
}6 \* \4 r! R7 M9 g' k
}5 J7 f6 Y5 o4 D/ c9 c
else if (yDir == "up") {3 o0 h* t/ N7 s$ k l9 g* D
if (yPos < (0 + BallSpeed)) {& d7 X; r8 ?. o$ i9 I
yDir = "down";
( o" j( A1 I8 e. }( A }
6 }: Z2 U4 v) J6 Q }& `6 b" t1 {# i- s, V5 d
if (xDir == "right") {1 O i5 l! C4 m: J( Y5 z) W2 o
xPos = xPos + BallSpeed;2 k" x) E6 y& j: A& o
}7 o- M/ d/ ]" U# c
else if (xDir == "left") {
' x- j, ?# [5 Q% z xPos = xPos - BallSpeed;
! o' j6 C; ?7 q- q }/ d+ a1 o* P* h3 A
else {. u# P. z* z1 s
xPos = xPos;' ^/ R, W9 c8 v1 g; x' I: J% [ c
}" b, o9 D9 }) `" M5 f
if (yDir == "down") {+ |" v- ] x/ s2 t3 Y6 k1 U) W
yPos = yPos + BallSpeed;) Z/ V! }; ?( o& K& x( o& x
}' m3 K* J ]( k5 M. X1 a
else if (yDir == "up") {5 V' B* i# A8 P, b$ y8 ?6 D+ u
yPos = yPos - BallSpeed;: O# C, K2 R8 ^; P$ U' J: N! v
}; v2 w- ?0 |6 D ~- Z) @( D. |
else {8 E. f a, |! V3 B
yPos = yPos;" W" ^8 }7 D5 _& s9 m$ L
}% G+ ?6 Y4 ^% i4 j* _$ r' j
}
; n2 f! b# K8 F( c, Z0 O/ Y' {. j; U3 n& h& f" l) a$ Q
function hidetext(){; e6 B! v& R6 z
if (document.all), Z, L1 A6 q7 X( Z& U: t% J: @( h
supertext.style.visibility="hidden"
# j, Q! v2 d% I" g9 S( ~else if (document.layers)* S" | d) l Z, _
document.supertext.visibility="hide"0 a- k2 S/ |; v
clearTimeout(animatetext): O/ i9 v( S0 W, L! q. k8 |: p$ u$ O
}
% V4 D) Q4 U# t6 G2 U0 b" M1 ]! n1 f: B ?0 O9 j/ K
if (document.all||document.layers){0 A9 I$ q8 a& T5 q: K& o
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). | r/ e; ^4 q1 e' C
window.onload = initializeBall;
5 s3 ?/ v: m3 Gwindow.onresize = new Function("window.location.reload()");$ ]5 z5 |# [8 X5 L- d# d
}
2 G& a1 h; F( f4 ` i! G) c7 L* b; a8 D' ~
</script> |
|