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

|
网页之不断弹射的文字-特效
<style type="text/css">0 n% d) @% f+ A: w
#supertext {
_ r' X' {: e$ I2 H, Sposition:absolute;0 F0 L& Z. O% }
left:0;
9 C% c# O6 F/ K- t: Z$ Btop:0; F- ~) T: a* W+ P6 A. r
visibility:hide;
& q; | w+ N- zvisibility:hidden;* [' y4 K) u% {" Z; {+ g
}
1 h8 |1 S0 k0 d7 { |</style>
( q+ P; a; X6 u" O2 |<script language="JavaScript1.2">, m* J* I6 r1 J; R5 e; f
<!-- 改变下的字体的大小。颜色-->- _; n# O; P+ {' |: ^. l4 ?
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 s* k) |) B _6 C0 yvar hidetimer='';
. R' k6 h. j1 d; f<!-- 改变下的弹跳速度-->+ F% j! q3 b4 W2 @7 B! r
var BallSpeed = 20;
1 ]. a$ f) y) w3 H/ g4 a2 v8 y0 mvar contentWidth;0 x" w B" d/ S8 u
var contentHeight;" G/ A2 |5 Z6 `3 \/ y
var maxBallSpeed = 50;1 J, p6 v4 W9 t
& q5 _5 y% r% Y6 G
! N# C, I9 ~5 \( t1 z- i& F
var xMax;
) b/ n8 G; ^1 ?8 l) }1 d/ Z& f7 evar yMax;( [6 r! }7 q9 [6 S F
var xPos = 0;- h: N2 O/ I: m! ^' J. o
var yPos = 0;
, M0 W- t0 y6 ]0 Q$ t0 ^) C3 Zvar xDir = 'right';) O8 w( W7 J+ b( E
var yDir = 'down';, W1 a( |$ S' H4 P# s
var superballRunning = true;
7 W8 k8 h! k! g% @8 s! W1 Bvar tempBallSpeed;9 O$ r- ~: O* `3 e, G0 K& }3 g
var currentBallSrc;
/ s' `: v1 d/ p" Dvar newXDir;
5 T, N; S' |. \& {4 t- z. uvar newYDir;
8 C7 X3 m3 H: Q9 o, P0 m1 m1 i8 G7 ]+ \) {
function initializeBall() {5 p( s3 U5 O; r, I/ O
if (document.all) {
0 J- P4 B6 M2 {' E3 B xMax = document.body.clientWidth. P0 a( a( q- h& n
yMax = document.body.clientHeight
' _! q& n# p- _% h1 T6 x5 d3 Z2 @3 B document.all("supertext").style.visibility = "visible";/ ]5 q/ x: y# v# g# p8 [
contentWidth=supertext.offsetWidth
! b% M# y; O; [& X8 i* Q s2 c contentHeight=supertext.offsetHeight
; n+ i. k! q0 @ c, a; h, p }8 v: t/ c+ H* F# k
else if (document.layers) {" V# V7 \; p7 {2 T4 y# v$ L" A
xMax = window.innerWidth; @ y( k" m' h, `; l$ y" F
yMax = window.innerHeight;4 V5 J! P) Y+ F
contentWidth=document.supertext.document.width- M2 P/ o1 d: I1 \
contentHeight=document.supertext.document.height
! x" ?/ l2 ~" m' k document.layers["supertext"].visibility = "show";3 K; I. ^# T3 z; G& w
}) b) s1 F: W% I& H
setTimeout('moveBall()',400);& I3 W) \# y; Q# p% ?$ K
if (hidetimer!='')
& K! r+ x2 f) ?! Z* G) h W3 I setTimeout("hidetext()",hidetimer)
" E/ g! J! F( H! B* T z }. M) M, a+ f2 h. q1 Z0 [
& a$ U+ L, A1 T' W# H5 G( r
function moveBall() {
) f1 R* @/ g# @) v F# w L, n if (superballRunning == true) {% X' c! I1 g' \8 J8 d1 P# U8 X
calculatePosition();' J4 a1 k5 h& l. H" M1 w) L8 n
if (document.all) {
6 c3 ~& i. r7 h9 E document.all("supertext").style.left = xPos + document.body.scrollLeft;
I L' [: M# ^/ T1 n document.all("supertext").style.top = yPos + document.body.scrollTop;
& j; y. E) L W5 h. L2 ]) Y4 Y* G }
( n; O g* u' G+ y) k1 Q3 B, ]$ C else if (document.layers) {
3 a" n* r9 t1 u+ {" g" z document.layers["supertext"].left = xPos + pageXOffset;
) X6 R3 z, K& H& j9 F- e" F document.layers["supertext"].top = yPos + pageYOffset;
0 E B1 x5 J# B5 f' y& k+ H/ O }
F% v* j2 z, I* c* S' ^ animatetext=setTimeout('moveBall()',20);
; Q9 j2 R, {6 L# }- G }
$ Y0 _2 ] l( u3 V9 a& e }" h, E/ o- R$ q& ^6 E
/ |* P* T( P. n$ B9 h i( \6 c
function calculatePosition() {
, d& R( N# B8 H S2 N7 } if (xDir == "right") {) L4 K8 S2 E3 f5 k* p6 m: p- _) ?
if (xPos > (xMax - contentWidth - BallSpeed)) {, h: s. z+ }! X3 k5 D
xDir = "left";8 u9 Y( R2 H% K% m' `/ g6 a1 Y
}2 R0 d# d5 {/ C6 n/ x
}1 _* E2 \; a T/ e5 I" n9 y! {
else if (xDir == "left") {' o! u5 E/ ^1 }8 r% b
if (xPos < (0 + BallSpeed)) {
; Z: q6 l" n6 c9 r% k xDir = "right";
7 P/ X+ L, u4 ]! x% q8 C* Z7 ?* h }" u! `' k z% P
}
+ c- n) R/ U& i" [ if (yDir == "down") {
% ~/ U/ K+ {+ t( J# { if (yPos > (yMax - contentHeight - BallSpeed)) {
* k. @9 u) ~! B: b/ s3 g yDir = "up";; w# b, [' H0 e$ P2 w- I+ g! f
}
6 ~' {2 z8 Z" a8 A3 Y# z: z }8 R9 o. j8 _" r7 A
else if (yDir == "up") {- J2 o+ p, ]( q3 c
if (yPos < (0 + BallSpeed)) {; m3 t( C0 T8 _+ b0 b9 |
yDir = "down";
3 [& J: z7 N) y }. i' v* w. _) K& I; g' ~7 @% U
}3 k$ \- {7 y" Y
if (xDir == "right") {# b$ ? V# i% F1 e
xPos = xPos + BallSpeed;+ x' q$ v4 p: F
}' O6 U, O, W4 @8 B; o
else if (xDir == "left") {
}- g. }, i, Y+ t9 } xPos = xPos - BallSpeed;% V2 L' z# a6 U; l8 D$ @
}2 X7 u; x/ s4 k2 u
else {
! s1 c8 o: K/ b xPos = xPos;( k& I, q- n8 h# y( m1 j) Y6 }! q! K
}
( ]2 Q1 B) A6 Y$ ?* b5 A if (yDir == "down") {
2 c' v, @* K0 X% t7 g yPos = yPos + BallSpeed;" I, o4 D/ W# H$ g6 \4 A" u. ?
}' d% [: P L7 P" k
else if (yDir == "up") {
! w' n$ }- `9 }+ w1 H+ X yPos = yPos - BallSpeed;
$ Y! X+ ]8 P& z3 f! S }* t: U; g- Z" T, M+ e* G
else {" Q9 K: f# s7 P/ G9 P
yPos = yPos;
$ c* b* j0 a- V# y2 s" G }
* o0 f7 J6 B# [ }+ c5 `% Z0 ~6 |0 _/ h- D4 ^# Y* j
7 C5 J8 o) U6 f g& f& W4 y) Ffunction hidetext(){
8 D3 f2 n( U& N( q2 cif (document.all)
, ^, T' X) h0 I* N$ _ @6 o8 l4 N/ Isupertext.style.visibility="hidden"
# S+ X }8 P6 j& b5 g9 J0 relse if (document.layers)
( i- `- d3 c7 N( T- L, N. X0 Idocument.supertext.visibility="hide"$ T5 ^% T' e% ~5 z8 x+ s
clearTimeout(animatetext)
( a8 @6 v3 C0 A% o- ~}
+ V- \, V6 `3 O8 V8 X1 l$ W- P' I' d# P! T: H
if (document.all||document.layers){7 Z$ a. ]3 ~& V$ j8 p4 j, |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 _& d3 L6 l4 O% n9 i: G
window.onload = initializeBall;: A6 ^+ R1 I9 O$ B
window.onresize = new Function("window.location.reload()");) B: H, E2 `% R% T
}: ~* O+ `" H% H5 c# @, ]. x+ M
: |2 f5 O0 G0 w) M. ~" G4 b+ {</script> |
|