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

|
网页之不断弹射的文字-特效
<style type="text/css">
6 n8 a- W7 n9 k#supertext {! X& }, U4 W6 L* v
position:absolute;" z6 H8 ?, G% M# {2 z
left:0;
3 }! E d' x, {( U+ }! r. Vtop:0;
: H1 ~! p5 {/ i2 }/ c( fvisibility:hide;; n# m0 q% l- i. s
visibility:hidden;# f6 u- R7 V. v# H
}" R) c, L4 W* y5 A: j
</style>
+ u7 s" Y6 {0 t$ r( u9 R' R<script language="JavaScript1.2">! j. C% {+ K7 o
<!-- 改变下的字体的大小。颜色-->
' d: ^: H7 z" h# ?$ \; W7 nvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 ?# _# a0 Q9 rvar hidetimer='';' J @4 h0 s- a, W6 Z; k" {' \5 z
<!-- 改变下的弹跳速度-->& @$ _' w* ^6 `" u g
var BallSpeed = 20;7 Z) O& N) m, e2 g: f( b! c% H* m. I
var contentWidth;
' p5 f4 }' p. Q. N+ g( x% Evar contentHeight;
+ E1 t, X% m$ x& s' ]var maxBallSpeed = 50;
% G" c" o1 T" v: V4 ~
2 W, l. U3 w( k( A/ J( q; |
2 \9 l- P+ G( zvar xMax;( b: O* E' { c, W; k# J8 t
var yMax;" T9 ?" {) j/ o8 F6 ~
var xPos = 0;- M) p( I$ X" t. q% o
var yPos = 0;
1 e3 ^; m) g2 l8 uvar xDir = 'right';6 S. E; F2 V- E- ? v
var yDir = 'down';
, ?* ~0 Y% h7 T# c7 S0 Fvar superballRunning = true;
) ?* Y. [# I$ B2 J6 }var tempBallSpeed;' ~' L/ T3 f$ @, |
var currentBallSrc;6 Y8 W5 H& s8 b- Q5 C: n8 v
var newXDir;
) D2 ?; d0 T# pvar newYDir;3 w" ~+ }5 Z* I4 a. o
3 g Q) S5 J( N/ g# rfunction initializeBall() {
* U+ o5 @5 d+ r) g, c0 z ] if (document.all) {
- u5 d! v9 u$ a) m xMax = document.body.clientWidth
( c' |8 R- e, y8 |" r yMax = document.body.clientHeight3 U1 |! Z9 ]4 q$ x; m' q1 r
document.all("supertext").style.visibility = "visible";% |. H$ K- ?8 k& [5 [
contentWidth=supertext.offsetWidth
0 c F" y# {' h contentHeight=supertext.offsetHeight
' l2 g5 w) L+ ^8 R' R; E+ |" a }
, V! E+ b1 I0 C* w7 t0 s else if (document.layers) {
3 }) i+ S+ }7 @) j xMax = window.innerWidth;
! |* ^- L1 ] Y" m yMax = window.innerHeight;
9 d7 R( ?! ^8 \ contentWidth=document.supertext.document.width2 k4 V; t6 j2 b3 b! `
contentHeight=document.supertext.document.height
% Z9 Z7 x! f5 l* A0 ?8 m4 z document.layers["supertext"].visibility = "show";
+ G( s: a, H( \. v3 A% z }
; A3 Q O+ n; D setTimeout('moveBall()',400);
, z; a+ c. V8 f if (hidetimer!='')( {" X; V( t6 ?) E4 L7 u
setTimeout("hidetext()",hidetimer): r, h+ T4 ^2 {, n5 }. }
}7 C9 A% H6 s1 l2 j
' Q `% o2 E) W8 \: m1 Y
function moveBall() {7 ^ M7 t# t5 r; B6 | u
if (superballRunning == true) {/ t3 J; T: \7 V: o& N2 M* ]
calculatePosition();
0 O& H7 u, t! [ if (document.all) {2 h- L- E9 b4 _9 D2 [8 w- f' Z
document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 `5 B* b8 c, R$ `! {: \5 R document.all("supertext").style.top = yPos + document.body.scrollTop;
4 Y* W1 Q0 A: W$ v+ O& R& }' d }0 R4 b E( T) k
else if (document.layers) {0 e' e' {' p7 n& f+ C) z! U
document.layers["supertext"].left = xPos + pageXOffset;
, P4 M+ a5 j: {3 J% A$ R5 K document.layers["supertext"].top = yPos + pageYOffset;% v! r1 R( F* g& P4 @) Z) `- q7 a
}
* r9 S# T- c3 V4 @4 v6 F; w animatetext=setTimeout('moveBall()',20);
[: P: W' x! N" d) S; ^9 K! Y* X" { }2 t0 q. d/ f$ P7 z/ t* y5 i4 _ F
}
6 u% R1 v' B& w# D1 K/ i+ B' E0 u8 H( T
function calculatePosition() { \0 v, K& x: S/ Q# |( |4 M6 V
if (xDir == "right") {
& V' T. V% K/ ^8 M* ]( t if (xPos > (xMax - contentWidth - BallSpeed)) {
" q A: U: W5 a* S+ Z xDir = "left";
( e6 C: b" |0 p' [ }5 W" C H2 j! ^; M( t) K) f
}
3 U% l8 V9 J( M" X! ~ else if (xDir == "left") {
6 B$ P3 W6 f5 l( F& b if (xPos < (0 + BallSpeed)) {
# r. {6 O# ^3 E& r0 `9 M$ [ xDir = "right";
# r$ `! Q+ u; w8 m( {' T3 @" ^$ i }& o" \' M8 C. G @; s5 O* \$ t
}
# @; o$ i, H, Y! T/ }. E6 o" j4 n if (yDir == "down") {3 |6 ] ?' y1 l0 b s* n1 L/ j
if (yPos > (yMax - contentHeight - BallSpeed)) {
2 V6 K3 ~9 Q/ K. V/ \1 T yDir = "up";- V$ Q5 T8 Z6 @2 f7 g7 f9 H
}
. r- U. f8 C. { }
0 \; y+ b) A) P/ |6 f& t else if (yDir == "up") {
) r1 x/ v7 d: S! W& `. B0 R4 j if (yPos < (0 + BallSpeed)) {" ~' R, z& z; _" e8 H2 F. q
yDir = "down";$ ]9 {5 p8 }( d; l# C8 s* d6 j- w
}
' t: z: o/ w: S }
" `! N) V+ A( U/ N" A if (xDir == "right") {, M. B: M, F7 d; X+ q0 m
xPos = xPos + BallSpeed;5 B$ J3 J5 m+ _( E5 h
}
" f) S# O' |7 }+ t/ w) L else if (xDir == "left") {( g4 Y% ?$ X3 z! Z2 n9 @
xPos = xPos - BallSpeed;4 p! z6 }8 r6 S5 f, i) D
}
: W; E3 K& W* F else {/ V; D/ I- K- B3 V) P2 x
xPos = xPos;
" C' }1 a- v5 S }6 @6 E0 e0 G5 d/ u
if (yDir == "down") {
4 B) w0 O# j" j" H/ W4 P' a yPos = yPos + BallSpeed;
9 O/ z( O5 B. t5 ?% ^. K% u) t }4 e. O. C: f" e0 b0 G
else if (yDir == "up") { k& T/ p& h3 N" M" b' {; J' z
yPos = yPos - BallSpeed;
6 j) Q) b7 m6 t5 N' n; H c9 } } `6 |; s2 y, p& a' d7 v+ U) ?: H
else {
) A9 I) d$ r/ S% ^ yPos = yPos;' \* }0 u, T! {& l% a. E, j# h
}
+ q* p b$ v, @+ H; { }) E, i# d2 j, ]/ l9 q
+ H G/ N* x; u4 T# W- t! Efunction hidetext(){
/ h: g$ i, K5 U0 J# @1 ^, I5 @: Aif (document.all)
7 U1 D$ P4 W7 msupertext.style.visibility="hidden"8 V. a5 S/ K" K
else if (document.layers)) z; [* C; K5 d3 y9 D
document.supertext.visibility="hide"! { q+ M- d2 ~7 ^! b( b0 ?
clearTimeout(animatetext)
4 x3 V- S/ ~) z' R}
$ H8 p) R% \0 _
/ E8 M5 _ U* r/ ~0 i) W# \if (document.all||document.layers){. g# A* Q/ `5 {, w+ d
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 z' X V) g5 c9 q
window.onload = initializeBall;
0 N& ?4 {0 F0 O/ D( |% v4 R* ]window.onresize = new Function("window.location.reload()");* p6 [* a+ |0 r/ t# P+ _
}
$ E# U' r* j* U! p2 k7 t
: ] W) m' G0 i/ V; h</script> |
|