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

|
网页之不断弹射的文字-特效
<style type="text/css">
+ M( R. ^! T, u8 E+ y' e& X3 g#supertext {/ ~1 W P& ]) S( I
position:absolute;) P8 O: {9 T: b
left:0;
" Z( J/ a/ |, A$ Y/ ]; A, Ttop:0;
! b7 `9 ~( {7 K& o2 \7 Rvisibility:hide;
/ T% O5 v& h9 M+ J- avisibility:hidden;
# z/ a% X& q+ x! \- }' y7 R}: o0 }+ |, s) Y: P
</style>
. |2 o! k/ I. W0 _7 m3 j<script language="JavaScript1.2">
" z. C% X% U5 U0 n# a# \" G<!-- 改变下的字体的大小。颜色-->
7 [+ J, s! R7 I8 yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" r5 @9 h& `" N0 e9 L* Svar hidetimer='';
' z% _" H7 I1 f9 T<!-- 改变下的弹跳速度-->
+ V/ ?0 C) S+ y. s2 `var BallSpeed = 20;
" j% H! j ^; O+ K! Lvar contentWidth;* J( L. U/ I6 ?! M' G' q' j3 q
var contentHeight;
. X- p. X) \! yvar maxBallSpeed = 50;
4 s0 j" s) ^8 s1 }9 S I5 X: k/ d) L) }4 r T
! S7 h$ }8 G. a+ x
var xMax;% ^5 O" m7 P0 j$ z0 S9 J, V
var yMax;( y; N3 F; Q7 A8 u3 A# ~# X
var xPos = 0;
( l7 {; S4 R/ ~$ H2 Ovar yPos = 0;
( O9 k1 u$ w e0 e+ o; wvar xDir = 'right';. G, L7 F8 u3 j( X
var yDir = 'down';
8 G. I0 L1 j) m% A; F1 Xvar superballRunning = true;
1 D! J# H4 Q, r t N lvar tempBallSpeed;
# X, g- U+ W2 g' B& Y' [var currentBallSrc;
, J, i8 z6 e/ g6 Xvar newXDir;
$ g1 Q" u# }4 j7 Y& Yvar newYDir;- A' H6 C, {( [6 ]" E/ B, Y% b
6 |- \# s' G# G! [function initializeBall() {
0 }$ l/ z Z* [ if (document.all) {
1 s: Z8 F, H9 {2 `" \( E4 l xMax = document.body.clientWidth
, d! w* f* u* q9 G/ T; q5 g% b$ h yMax = document.body.clientHeight& \; J4 t/ H: Z2 U
document.all("supertext").style.visibility = "visible";
4 u; H( i4 V& k+ h contentWidth=supertext.offsetWidth E: a, b) }$ K2 o" h$ ^
contentHeight=supertext.offsetHeight+ s9 f4 T+ v, m: b; [* B* ^1 a
}# A* P9 |7 x6 p# B( `
else if (document.layers) {# G* u2 h7 u) Q
xMax = window.innerWidth;
! v5 d9 Y' g& R9 D+ i% H yMax = window.innerHeight;
9 v4 s1 T0 L( A% H8 _7 e contentWidth=document.supertext.document.width
3 m* T$ x9 m2 l; t) B9 j. R& s contentHeight=document.supertext.document.height# r3 \2 T) f* v% c
document.layers["supertext"].visibility = "show";
, t, R) q6 f$ ` }6 w6 d6 z/ q8 `- K( o0 i- w
setTimeout('moveBall()',400);
6 @$ X* T# n$ b0 c. u if (hidetimer!='')
* i6 _) l% g" c- f+ ~ setTimeout("hidetext()",hidetimer)
0 J8 X" Q' _( {" L: M4 I0 ] }4 V# }: h6 X, b7 w( j4 J
9 n* _" K6 P; S0 @. [function moveBall() {$ z; A# \1 Z* B0 T7 u8 V; e
if (superballRunning == true) {( @7 s3 a8 p8 e% ]( v
calculatePosition();. @) N/ b- I# u% w: w# p9 W$ A4 {
if (document.all) {
5 y) E+ u; J6 s7 Q, f document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 n% q$ b8 a4 [% z# ]8 r document.all("supertext").style.top = yPos + document.body.scrollTop; b" A4 d3 D! {7 i! P- N
}% n; u# I$ ^; S9 B& ^# n
else if (document.layers) {; t8 }! e1 W& P; T, @
document.layers["supertext"].left = xPos + pageXOffset;
9 `( o) K% B+ p) q! v, T: n& `& v! Z document.layers["supertext"].top = yPos + pageYOffset; e9 D& r; _1 b3 j8 | w7 z
}* B1 H% |) r' t* J9 Q! k, ^
animatetext=setTimeout('moveBall()',20);" j* h- q& G2 X' Q# D% k1 T3 e$ v. _
}9 F4 K+ z2 ~9 O) a$ _, J
}
1 B. d! y1 `5 ~2 Q( O/ y
1 y1 V. [8 `% u' z' l& vfunction calculatePosition() {
' H! A& i6 }+ }, L# v0 B2 A if (xDir == "right") {# J; w: h( ^7 e$ }" l
if (xPos > (xMax - contentWidth - BallSpeed)) {; G1 I: ^# i1 X; ^3 m
xDir = "left";
4 C* J b" V0 T4 F3 Z+ x }! q ^ S+ D0 r/ P
}9 P0 f# B$ F# q1 |/ ~
else if (xDir == "left") {6 X, M3 A9 U( p \, N+ g! p
if (xPos < (0 + BallSpeed)) {" r: T% Z& \' `$ G
xDir = "right";4 R3 ]" ]! w1 Z' }: P
}
) M6 t) u' H% d F$ I- g }8 j0 b( d8 a- f+ `& L
if (yDir == "down") {! L% A; i- q2 I! r
if (yPos > (yMax - contentHeight - BallSpeed)) {
\+ m+ ?- J* a) i* w& Y1 q yDir = "up";2 ]+ I" y; D9 @3 D0 z
}2 e2 {+ Z# z$ {( B- c; u# R' ]
}3 C0 F; e% b9 U8 M8 N/ t
else if (yDir == "up") {" | C% k }' o# C
if (yPos < (0 + BallSpeed)) {# E4 T) L+ d0 [
yDir = "down";
' b0 ~1 U. [4 \( s) s$ k: B }
6 L/ D0 {5 j# |$ {4 n }9 y* Z% ~6 w# I! P5 U8 t" c
if (xDir == "right") {
D+ M$ a$ ]4 s xPos = xPos + BallSpeed;
) j! W1 ]; @5 i$ ]% l4 c1 q }9 X; |) v) F- q; q1 Q& f
else if (xDir == "left") {
3 Z3 d9 e% q; |7 I7 S xPos = xPos - BallSpeed;5 V! i& Q2 R& Q) H& R: W3 `4 q# L
}
# O( d) F$ T, ]* z* v+ v& U& F# h else {
. I: h; A' a, K5 r8 D xPos = xPos;
' p; y; O+ }3 t. X p& }; b }
! v8 x9 }; s2 U0 E if (yDir == "down") {
) {' F* [% f* Y2 W" j2 j2 W% p: j yPos = yPos + BallSpeed;: C9 I. Z& F& [, @8 B4 {9 S* j
}! o. E3 {- h. _! j8 g
else if (yDir == "up") {4 |8 ?. y' j; L% n
yPos = yPos - BallSpeed;, s$ V( ~" J: h/ g! ^- P" O
} ~* J4 r+ }& {' o/ I7 e' J
else {
/ ?+ O" J* T$ \ yPos = yPos;' i7 O: P. R& X" H' o% P0 U
}
; a# O" f# h: l) M W, v# ` }9 I+ l3 [, a- `* o8 m7 i4 U
' p4 A- \$ l- B- j2 r, D( q
function hidetext(){
! a3 Z( D: _' [0 Jif (document.all)
- N& Y J" Y" v5 ^1 \supertext.style.visibility="hidden"
# u( V7 a1 o0 c% q- Y$ ?( zelse if (document.layers)
5 M, J, D. `( `document.supertext.visibility="hide"
8 F8 L8 M2 g' r% U; I( y# PclearTimeout(animatetext)
; z; h) k" C, E2 m+ Q" p9 B. _1 W! K}
4 F$ B) h/ e1 b/ K0 i7 D- D7 d1 b* C
if (document.all||document.layers){' I( s% G# A) ^0 k! k7 r- s- e& A
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! ]5 m& E2 Q: b4 L8 m( O# @: owindow.onload = initializeBall;" v' g, Z* S# k+ y8 l. h% d9 m
window.onresize = new Function("window.location.reload()");
# U+ N6 w) R7 e g, T1 V; D}! K z2 m* t: f; e U( d& y' ^6 W
# A2 R# L0 x4 c- [</script> |
|