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

|
网页之不断弹射的文字-特效
<style type="text/css">
0 X) @1 F7 k! F: l+ {#supertext {
7 p$ g3 E" F% r! A% K6 lposition:absolute;6 U; f3 K0 u# ?7 G4 }# _5 [
left:0;! y/ b+ O' M# W, |
top:0;3 R l) l! U2 |0 Z% C
visibility:hide;
- V! t) \( h6 r9 _2 m% \visibility:hidden;
5 g% D1 z# Q: t$ U2 N9 D: h}. V; l x* G& I1 {' G* W. p
</style>/ j1 L5 _0 t3 n4 r: }5 D1 V
<script language="JavaScript1.2">
( q6 J. X& |& A! {7 f. g<!-- 改变下的字体的大小。颜色--> a7 l2 [' a. ~; d/ S% _
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& @* V* R+ @/ L9 F/ C3 `/ H8 x
var hidetimer='';! o2 k/ h7 u# R; z
<!-- 改变下的弹跳速度-->% X, H. h0 a( \ d- w
var BallSpeed = 20;
4 n8 H+ m8 u, V. b/ tvar contentWidth;' Y/ A5 `; U+ H& N% F6 _
var contentHeight;
7 V4 `& y/ N' D& R' R6 Lvar maxBallSpeed = 50;
- v1 b6 g4 H# [0 U1 ~% y8 q6 \, Y. R" R, m/ L' L/ y$ O
" r' t/ d& j" e' w2 V
var xMax;
0 O; Z0 m! x) m. p( o7 S& pvar yMax;
# x. s8 j7 }2 s! h: }var xPos = 0;! l" T& d7 @' M3 R
var yPos = 0;5 a" p E# D! f4 f- \
var xDir = 'right';8 I8 |1 R; Z+ Z+ G
var yDir = 'down';
+ Y4 \1 H0 O" ?9 v0 I J- N0 h2 \6 d3 Cvar superballRunning = true;
1 K% ~3 Y1 I! K/ G" xvar tempBallSpeed;
4 r' v7 b- c; w! r0 Lvar currentBallSrc;9 f6 y+ u# [- V9 O* L
var newXDir;$ d1 j* Y9 A) p
var newYDir;
4 m7 k- z5 r4 \( h8 a& {; Y% L4 I, k* Y w* }8 r
function initializeBall() {5 ?/ P: }% c, G* h2 d
if (document.all) {3 p+ ^$ h. U% n: e- c6 x# U _! T
xMax = document.body.clientWidth
0 Q7 Q7 }: y- R yMax = document.body.clientHeight8 A- o. z v+ L: U
document.all("supertext").style.visibility = "visible";# x5 B" K# |( d( d' S
contentWidth=supertext.offsetWidth3 G( E3 y# R) h3 e# a5 Q
contentHeight=supertext.offsetHeight
c: g- Y- K Z9 k: f }, j3 h0 z: t0 N8 e7 q+ y
else if (document.layers) {) e+ z5 _& V% v/ e4 n4 w
xMax = window.innerWidth;
8 C. w7 H; K2 K8 |8 B6 l+ z yMax = window.innerHeight;
# f2 L& G6 ^" R+ ~, V" z contentWidth=document.supertext.document.width
- h- F p$ _) X) n# f1 I) e) t5 l contentHeight=document.supertext.document.height" q! U7 P; [" r; c0 t: _* b
document.layers["supertext"].visibility = "show";
# ^5 P0 i! u# ^9 I: `# c# R }) a7 [9 j4 d7 v7 n. O
setTimeout('moveBall()',400);2 t) A( O6 d! }. e9 y* s
if (hidetimer!='')
9 h' A0 K! _9 B- F setTimeout("hidetext()",hidetimer), B" X0 H U. D: N) U
}9 {( J5 R |) O6 ]+ g# |2 P& q9 E
4 W$ c0 l2 y2 O* n0 b& a3 `
function moveBall() {8 h, ^: J3 n, n& _5 U; g
if (superballRunning == true) {
Y" M) ~" g6 `: k/ D: @ calculatePosition();! j/ j5 l6 G) s* {+ Q5 \( j9 ?$ \
if (document.all) {
& x; t* N5 H9 O) a- ^# \/ [ document.all("supertext").style.left = xPos + document.body.scrollLeft;
: s$ H7 ^4 T8 I8 U document.all("supertext").style.top = yPos + document.body.scrollTop;( d2 @ s- g: v7 c' O1 W. b# C
}- }; t; P9 I/ d: R
else if (document.layers) {
5 A/ Y, v7 ?0 R1 z* b! m document.layers["supertext"].left = xPos + pageXOffset;6 G4 O! W* U& h; H
document.layers["supertext"].top = yPos + pageYOffset;+ A2 g3 p* h. E
}9 n8 u9 y5 K4 s j1 T
animatetext=setTimeout('moveBall()',20);" s4 G8 F! ]. x& N+ v* M4 ~
}
- U4 I) t! ^; e# o }
5 u; M! S) J, q8 X2 \( J4 H3 v7 P% q3 ~& H
function calculatePosition() { Y/ p8 \8 N) }4 L
if (xDir == "right") {+ r7 A2 p4 W( \
if (xPos > (xMax - contentWidth - BallSpeed)) {6 Q8 R) `; C+ g, @9 `
xDir = "left";2 V# R: n. c3 x4 }3 ~
} L& Z; h# H& h: s/ ^& [
}7 E1 V! E' v# U1 _( f. `$ I
else if (xDir == "left") {, S9 o2 h# x. G
if (xPos < (0 + BallSpeed)) {2 ~; A7 c/ p Y
xDir = "right";* n5 V# \ i& ~- x* ?
}; `$ ^! d/ t. E, c6 _8 S
}
6 j' F) i( e1 Z5 \ if (yDir == "down") {( y. K7 |% J6 p$ o1 ^8 P' I7 `
if (yPos > (yMax - contentHeight - BallSpeed)) {* ~# ?, j' m. Y# g2 f6 A8 A, U
yDir = "up";
, N" T) c: G( \- Y' Q: a$ w }9 u7 p$ h9 x( B, e+ k
}
% `! I: ?0 ~7 o/ ?# e else if (yDir == "up") {
- p% C) m& i, s: p5 E/ c if (yPos < (0 + BallSpeed)) {
" N, k6 O, _9 \3 i2 m8 ^7 o yDir = "down"; |; C$ e3 W- W' [- i0 Z
}# d, n# O1 n6 n# w
}8 S; p4 c6 k0 h4 h3 `
if (xDir == "right") {
' _- P, k/ |* e! R. k+ X6 Q3 S xPos = xPos + BallSpeed;
$ Y1 N( w, o: S2 B( L' z. A }, Y i# r" h; n
else if (xDir == "left") {
' u( l# n+ | M xPos = xPos - BallSpeed;+ g4 Q& E9 d3 G$ P% c
}, C2 [$ V1 E2 h' }) `( S
else {
. s! @$ b. g3 }4 M' | [ xPos = xPos;+ f* X. D4 _' V; h
}$ W- W; ^9 L8 _
if (yDir == "down") {# b" @; I O2 L' Z0 v" H
yPos = yPos + BallSpeed;
$ A: ^1 `5 T2 p. T }
% k1 h3 _' f+ J4 n else if (yDir == "up") {
4 J; i* e- d& ~# M: D5 j1 q5 b$ V yPos = yPos - BallSpeed;% `( j- F/ l; N) E! O
}3 s* T# N2 \7 b8 R; h
else {
) [8 g; c& N* p5 J% n6 a! d8 h yPos = yPos;
7 g o% }) K5 j) j- e }
- }+ K( w- w. s; [, { }3 G, H% _+ F' \# M9 h, p
+ ]) p5 s B" H+ w: d7 W0 K, {, {" Dfunction hidetext(){$ ` Q0 P' R% u2 H
if (document.all)
5 Y4 f; t/ Y. W/ t) f* vsupertext.style.visibility="hidden"
0 N5 ?6 u7 O* T& t* Y8 Z1 u; oelse if (document.layers)
% f4 O0 \1 g' L* y& e7 m1 K$ H( f. } Adocument.supertext.visibility="hide"
" ?: G c }# \# y0 ]clearTimeout(animatetext)3 b5 ^7 |$ w- X% E% A4 ?- i( t
}
8 c2 a8 T1 b9 m0 H9 p$ {3 t, q- P8 x/ p
if (document.all||document.layers){) p* z5 C7 S" ^
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 Y+ x" w3 p2 }& w2 H( }
window.onload = initializeBall;; \6 c3 @& x( L3 e' E: v' d
window.onresize = new Function("window.location.reload()");
. b9 G0 m% C/ {1 k: @" }}
, T& [ r3 Q# O9 u* J5 B: O. o) k2 f1 w$ u. ^' w4 p
</script> |
|