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

|
网页之不断弹射的文字-特效
<style type="text/css">' w+ b* y- m8 G
#supertext {
; h8 f) }5 |* ?- l; Q4 Bposition:absolute;- H0 }9 }& D7 x. }# c/ i
left:0;
; s; S+ ?, m9 {0 @+ t0 k$ ftop:0;
w' \( \8 Q3 M$ hvisibility:hide;) n; N# V2 S% `8 r, }* h% J$ g% c
visibility:hidden;
+ I5 @( ~' Q( t% I}
) P9 N. {8 v1 X" |6 V</style>
o/ E _7 _) x1 c |7 T S/ U<script language="JavaScript1.2">
1 W4 ^5 U( \' s3 P s& N<!-- 改变下的字体的大小。颜色-->
) ]" W% a3 ?# Y) Mvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) |3 T" ^: a$ r8 v5 Wvar hidetimer='';, n* L5 i* G! a# m( x8 F
<!-- 改变下的弹跳速度-->
3 q5 @% X1 U8 [var BallSpeed = 20;
' K+ c1 H: M" }7 n Y' qvar contentWidth;& s' r$ s/ Q& Q+ E5 M' L3 w u7 E
var contentHeight;+ ]: A8 g7 f8 Z* l; k: P
var maxBallSpeed = 50;
9 a; m0 m9 d u9 \4 y
& E9 q* g6 q$ K0 i1 |9 T% C0 q9 q, K. w
var xMax;
; B! }& o+ l2 _( i9 tvar yMax; w, l* V* G8 j
var xPos = 0;/ ?" d* ^+ D) o3 M$ @, M* n
var yPos = 0;$ M) X# G! l f* f. U# g; J
var xDir = 'right';
9 @$ ]( y4 g, \5 t8 @var yDir = 'down';4 c4 L7 v3 _4 b! h* p: `
var superballRunning = true;
9 C6 `5 X- b9 @$ L E2 D4 x0 dvar tempBallSpeed;
8 {& n. ^; x6 d: t& W3 T" q8 y- nvar currentBallSrc;
# x' x* i& {- R/ {* svar newXDir;
: f. A, S. G! Z8 D( s6 X9 Uvar newYDir;
: X" h) C! f7 ?- b9 b8 h1 {1 i0 {6 T6 B4 n( E& ?) R7 }( ~: J
function initializeBall() {
* j! n! i6 M* {( Y3 I3 i9 |! Y. | if (document.all) { @! H) q1 A% {/ f( S
xMax = document.body.clientWidth
- ?) N( a6 k5 y0 o/ a$ d8 ^* N yMax = document.body.clientHeight
/ X4 x& `/ _* M9 F; s2 T document.all("supertext").style.visibility = "visible";: a0 N0 J3 Q- p) T& i! O `
contentWidth=supertext.offsetWidth% e" W5 y. Y2 Y, L. X4 S4 v
contentHeight=supertext.offsetHeight
4 e& z8 `2 H, t$ p; v; f" _ }
" A$ }$ B# h4 F0 O% k" [ else if (document.layers) {
- n4 N4 Z* O) t$ i xMax = window.innerWidth; }: ]7 E4 F1 c- G6 E' z( @: O
yMax = window.innerHeight;! r" u6 l8 e6 s! Z
contentWidth=document.supertext.document.width
& j' r6 H/ B2 I8 o1 [0 L+ h contentHeight=document.supertext.document.height
$ ~3 O5 p o2 v; H( h document.layers["supertext"].visibility = "show";3 k) {8 A: @; {( ]2 W/ P) W
} E1 h" P$ Q0 C
setTimeout('moveBall()',400);. v/ j- a8 j2 E. q0 V5 q' T) Z# ?! N( |
if (hidetimer!='')0 e f! B) o6 Q T5 w) k7 W
setTimeout("hidetext()",hidetimer)
5 r1 p2 {$ E4 P6 q( N* c }4 P" }3 w7 W4 m0 z9 b
0 v) F$ E9 t% P! O+ U+ ]function moveBall() {; B) P( |2 D% U; A$ M
if (superballRunning == true) { j9 r2 w8 L1 U# t/ w& F6 `
calculatePosition();
! W* P2 E, w" N* j7 l! u if (document.all) {
, P1 _) y$ _: S& W' }/ ]' B: P8 p document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 O3 n9 O6 ]$ V, J/ r document.all("supertext").style.top = yPos + document.body.scrollTop;
9 [7 N& W, }- v; O5 K! y }. W. H0 K/ E0 x& P) Z* d8 t5 i' l2 L' u
else if (document.layers) {
0 O, `6 D( @ D; }( z document.layers["supertext"].left = xPos + pageXOffset;9 x* H4 L& O4 Y
document.layers["supertext"].top = yPos + pageYOffset;4 H) L" ~# I, K' Z
}
M0 ?3 ^2 |# o& @7 f5 M g animatetext=setTimeout('moveBall()',20);
! Q9 K2 \ |! o e }4 {4 J2 }& v! U5 r. e6 E
}9 J1 L( h( r* [
_& D- v+ h. ]8 @2 a# c$ z
function calculatePosition() {2 ?$ I( O( T) T2 B+ b4 R! t
if (xDir == "right") {+ f' P) @/ {+ ~0 S( ?
if (xPos > (xMax - contentWidth - BallSpeed)) {
( }4 C0 H! L0 E) s4 L- n xDir = "left";- h8 q7 ?9 u' G; x+ @, E8 K
}
. Y4 d3 `& B: F6 w- x }6 ~0 @2 x( Y0 q- K$ y) S
else if (xDir == "left") {
G+ z, y) ~, } if (xPos < (0 + BallSpeed)) {
& T" [/ _, F" F# x6 Z xDir = "right";' p6 y. Y' k9 c8 X* M
}
9 T9 o" n* N1 S9 S }
, A! Q- f1 i3 P if (yDir == "down") {
0 N2 W8 F7 R- E8 k' H1 Z5 i+ v if (yPos > (yMax - contentHeight - BallSpeed)) {
: p3 H. @+ ^% S( P yDir = "up";* l3 O9 s! J, q
}2 d7 g/ C o, x
}* q& ^" n6 u$ v# }9 T
else if (yDir == "up") {
9 T0 G8 q! {$ w, ?4 [/ S( O. T if (yPos < (0 + BallSpeed)) {
" q5 U6 r+ C8 E8 D7 X yDir = "down";( ?) k/ m" b+ m2 b) F( a
}
' V, n1 {; O3 w) B! k$ W5 Z0 A }
) F7 _7 U- L( M3 r! m1 M8 o7 N if (xDir == "right") {
/ M6 Y2 p9 a8 O8 C1 d) t xPos = xPos + BallSpeed;
) P& p* A0 S: B4 a- i }
. A `7 ]' L9 ?/ H+ ^/ f0 h else if (xDir == "left") {
: f$ r2 h* w1 [1 A xPos = xPos - BallSpeed;
' x% s8 M0 U0 g6 y$ Z9 j1 y }
8 K, c2 L3 {! }) m5 _6 P- P else {/ c) s0 `+ `& M5 W* V; a7 ]9 v% i
xPos = xPos;
* z7 J8 Z! j( Z) e& \! F1 P$ Z }
5 f' m* q0 v" M0 n% P7 J if (yDir == "down") {1 E5 M( z; s* H/ `! r5 d: q1 q0 i
yPos = yPos + BallSpeed;
6 s" ?9 {; S4 { V- q9 F6 z }# H1 H( ~, n* N; U
else if (yDir == "up") {
$ |- s) y1 N( a+ g yPos = yPos - BallSpeed;! Q; B- z E7 F" q- X* W/ j F
}
) B" [( g* t6 d0 L# R: u else {* u' j5 U _( F3 v. {1 z, D
yPos = yPos;
, P" a8 N9 f( z* @5 ?7 A9 M/ I$ K }" O( d8 b: j9 A
}
8 d5 B" H- u) _7 U y% Q8 T9 P- W" E) q
function hidetext(){
! m; l$ c _! \ d$ i# zif (document.all)
" i* {" Y9 v/ I6 d' `+ Rsupertext.style.visibility="hidden"
+ I0 e+ \" T% ]" B- M6 xelse if (document.layers)
/ y+ V5 N' `* ?! Y+ Kdocument.supertext.visibility="hide"
( p' s, h2 @+ q' N' SclearTimeout(animatetext)* D6 D( e- |7 N* R9 ~9 R
}( U# o( Q- U/ r& Z' U, V' j" R
! f8 o! i8 J( y
if (document.all||document.layers){. M' T2 i$ e7 k5 Q" A! F% L
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ U5 ]& r! H9 N5 t1 D, ]( m
window.onload = initializeBall;
2 E1 s( E' E' M. k. b( Fwindow.onresize = new Function("window.location.reload()");
2 c$ @! C4 J3 E* ?% C}0 |4 f& ?5 y0 \+ Y
. M: m" B0 } J. R& l. J4 C9 C
</script> |
|