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

|
网页之不断弹射的文字-特效
<style type="text/css">/ a3 `3 _: K. d8 v- Z
#supertext {0 u- K; i0 }1 r% _. Z! U4 u. }$ c
position:absolute;- ?( E8 ~+ B# g; @
left:0;# I6 p$ j+ t( k. o8 I' I: i
top:0;
' I* z. s; x1 J+ U" D, [visibility:hide;' U4 M& _" ?. v" m( D, R4 k, s
visibility:hidden;
7 h2 o k) [8 u3 G/ N$ f}/ |, i1 ^6 v2 S4 x/ y5 h
</style>3 T! U( u: D1 h9 C6 A& e
<script language="JavaScript1.2">
9 \6 t+ X$ }# y9 A/ k. u<!-- 改变下的字体的大小。颜色--> f# @3 \) p3 `! O
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! ]7 x% E. P p# H( W. ?# F
var hidetimer='';
% d- J7 p' z! z1 X3 p3 \<!-- 改变下的弹跳速度-->5 M( d' w/ o0 n3 t4 M
var BallSpeed = 20;
: \0 L" h# Y, N' r( _$ G; }var contentWidth;0 A* h+ J \, N1 |1 l; g5 m' [) i7 y2 v
var contentHeight;- I/ U4 u3 D' f! h! b0 q4 i! k
var maxBallSpeed = 50;
* F! E' s1 W6 W1 k" b
& V" y7 w$ y& R5 Z! ?
! _& x- |' N6 s/ K, ?- zvar xMax;
t" c3 `2 D" E+ f3 q2 G' ~var yMax;
8 e2 F+ ~% x5 J2 s+ @var xPos = 0;) |% ?) X2 f& W" h7 J
var yPos = 0;
' e% S9 D. k/ |2 [var xDir = 'right';
1 A+ O9 a8 [) T! svar yDir = 'down';( y8 U9 s1 Q- Q& ]0 ]: I" U
var superballRunning = true;# p& [$ v9 F7 b7 ~6 _1 q7 a$ \
var tempBallSpeed;
2 u+ S9 |$ r7 {0 ovar currentBallSrc;. N* Y5 S0 J! r7 P# c# Q
var newXDir;5 k7 H6 H# H& I" x
var newYDir;
2 e) e0 W7 d- `: d/ k: w
& a' \! n C$ U* ~; m/ cfunction initializeBall() {
5 `% @1 l! ~" v# ? \8 \+ o if (document.all) {, ]6 B; N& Y7 N
xMax = document.body.clientWidth+ X* b8 C$ H) T2 w
yMax = document.body.clientHeight
/ g9 d. @' Y0 s; r5 d+ a document.all("supertext").style.visibility = "visible";
: Y, T" s }. M# C contentWidth=supertext.offsetWidth
# H1 l& ]) `" v contentHeight=supertext.offsetHeight1 e* A" k T; R* q: C
}
" ]# F6 M; X8 {1 D9 x else if (document.layers) {1 P5 O, ?- t" q2 q
xMax = window.innerWidth;3 k; Z- U1 D/ z) k! t
yMax = window.innerHeight;
) L8 u% M, z" o( \2 y W& p$ c; L3 @ contentWidth=document.supertext.document.width
$ K" v3 X0 k( \ L; i contentHeight=document.supertext.document.height. r* W4 l1 N4 L8 k$ O* i( j# N
document.layers["supertext"].visibility = "show";0 o- a* I/ R' ]5 X v2 Z' T$ d2 T
}
/ [; Q" U: U! t setTimeout('moveBall()',400);
5 \5 a N; K& g# u& X. q! M: { if (hidetimer!='')
: I, e# Y7 B) L) l5 {8 R+ A setTimeout("hidetext()",hidetimer)
( p/ T5 }' K* Z' i3 i! p }! g( D7 W9 ]- D5 z0 v1 i$ M
' `+ N* v' e) g" [; \# Afunction moveBall() {
+ i/ t/ t8 k6 J8 P+ e0 y8 ] g! J9 Q if (superballRunning == true) {
" F4 \# c: {7 O8 x( x calculatePosition();, ~# y. } P# U a7 J, k7 ~
if (document.all) {
7 s# c$ i3 W7 u' Z document.all("supertext").style.left = xPos + document.body.scrollLeft;
- p( W& p6 U) C A( d! c' e5 \& C/ j3 ] document.all("supertext").style.top = yPos + document.body.scrollTop;: S& _, \8 n7 l! X
}
7 S) s. W( e% L" l. O& k else if (document.layers) {
r3 g3 f2 ^5 I* Y) Z5 S document.layers["supertext"].left = xPos + pageXOffset;7 F7 a$ `- L$ G a% q9 b% s
document.layers["supertext"].top = yPos + pageYOffset;" g6 w& @7 U% W$ _; f
}% W3 c, U; ]( Z7 m2 P! R1 {+ j! v" x
animatetext=setTimeout('moveBall()',20);8 G* S W2 N( s. |- ]
}9 z8 U5 w' N0 G
}, L/ l1 o/ \! m6 L# n
. s. F3 E5 s) G1 i" G4 K
function calculatePosition() {# ~( p( }) R( G& Y# Y5 C, y
if (xDir == "right") {" r5 [ u* R9 V; k6 c0 s
if (xPos > (xMax - contentWidth - BallSpeed)) {
2 C% \: W) j- T; \/ l xDir = "left";
3 t$ B0 Q; h- F }( c8 _8 ?& c+ ~7 Z4 Z) ~
}
9 O' O" h5 t8 [5 `6 H( J4 y else if (xDir == "left") {
5 Q) t T( L5 b8 o' D- G3 _% `% x if (xPos < (0 + BallSpeed)) {
) Z1 W/ g2 D2 L" b9 w xDir = "right";. w6 I# @; ]; X8 S: B. e& y
}
( u# L' S5 U. @& t3 H( t }4 w9 B" w4 n" i+ T0 z- S- E
if (yDir == "down") {1 M& `* F w e. s
if (yPos > (yMax - contentHeight - BallSpeed)) {9 e3 H+ t- M$ v2 {7 r3 q
yDir = "up";
1 P! U4 }6 R+ |! s' K/ g3 S2 a+ ^ }, i7 {8 {, c- i8 i! i; b1 m, X
}
|8 B& y; f& _ X0 J else if (yDir == "up") {
7 ?, y. x3 M2 H, \! c if (yPos < (0 + BallSpeed)) {
& Y; W g. Y2 n yDir = "down";- X8 V/ A( A$ Y% l5 _
}
* D% t3 Z) V. n& P. e) j* U }
/ Z% l2 Y7 V! o/ T# H if (xDir == "right") {
3 J* A! e4 B6 Z; Y6 w5 r xPos = xPos + BallSpeed;
& S% c' E9 A- w- s' o3 E }" H( O2 u* ^. P) V
else if (xDir == "left") {
8 V. ]3 h# `- M* }1 i" K% h" g9 G xPos = xPos - BallSpeed;4 s ~' K' G9 m% H f5 |0 m4 l9 r
}4 L, K0 p" @( U, N
else {# s( j; c9 {# \" ? x% R
xPos = xPos;: `4 b# b: D, {1 V/ i% \% `
}
7 b& z; i R. `( e- h: l if (yDir == "down") {7 I; R/ e \, B/ ^- Y
yPos = yPos + BallSpeed;0 F% P! b) C- a4 c" S3 E+ @
}6 v0 c' n7 g8 q1 k1 s2 Q( k
else if (yDir == "up") {: ]5 {3 g9 B1 }4 E4 T3 E
yPos = yPos - BallSpeed;
3 j, I3 ?8 c$ w! p+ }1 c5 ` }: G) F7 m# r1 O" ]( r* c2 k0 d
else {7 [ q7 }$ m8 T) c) S& u: k, K
yPos = yPos;
/ ^/ Z D" z& D9 y& r }
1 {% F2 X8 N; \* T2 s }) f5 P, }! B ?
E$ u2 P) Z: L I) ^function hidetext(){! |; H5 a$ H; T2 N
if (document.all)
7 S) R0 h5 Y2 t6 }* S& Vsupertext.style.visibility="hidden"0 G- V4 I9 z; `) ]
else if (document.layers)
: i6 l3 O- `4 d! l$ I: c: odocument.supertext.visibility="hide"7 E5 B% ?! x( h0 d
clearTimeout(animatetext)
: | v5 s6 w3 G0 U}% F+ l- |; d c: }8 f7 T+ u
+ \+ s( W7 I2 F! i2 G ?; eif (document.all||document.layers){
; G R8 O% O5 ]& I* ?2 Mdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 c ^, ]# W% m" w
window.onload = initializeBall;
7 H' ^; r7 P% }& D& dwindow.onresize = new Function("window.location.reload()");! v5 ~" f/ }6 S' R5 x
}" v( \' A1 \) Q' V/ W
0 Q" A& p% f. c5 m U) e% H
</script> |
|