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

|
网页之不断弹射的文字-特效
<style type="text/css">
5 ~( W2 h% g: Q, m" H' P#supertext {" b/ x( C. G$ }
position:absolute;
9 f4 M: F ?* R0 j' J: V2 E% [: fleft:0;/ o9 D2 ]6 j2 B
top:0;2 r+ u1 o& N$ L. W$ [
visibility:hide;
) j( D: t7 u1 O! i* o; Y* T% ~( \visibility:hidden;/ h4 [- r0 V& ~. v' v
}' ~8 l1 {) V S/ ~# F
</style>3 {( D+ y- q9 y1 S# N+ ~7 U
<script language="JavaScript1.2">
% ]+ ^4 `- i; ^3 z l4 N<!-- 改变下的字体的大小。颜色-->8 k; V* g4 ]6 Q. [
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" y2 T& ]& \3 m7 ^
var hidetimer='';2 ~+ A8 G! D3 e" z
<!-- 改变下的弹跳速度-->
& L* K3 k8 i0 M; S c/ i' Ovar BallSpeed = 20;. l6 T8 v# P1 e
var contentWidth; P% e6 L1 c* a+ b$ ]
var contentHeight;
0 T: N: C! B- [' w) k, x0 [& Ovar maxBallSpeed = 50;* R2 Y# @5 i" N: h( }, A
0 I; Q+ }8 r/ [- w7 K
' F$ Q3 i7 y+ w9 H6 [# a
var xMax;8 L$ Q/ A* S ]1 x. L6 T# D
var yMax;! T, F; u& R1 G9 s$ X4 h0 }
var xPos = 0;
- T1 g5 i: V- y8 t$ T5 u6 t, fvar yPos = 0;: w3 O I$ B1 T8 t
var xDir = 'right';: j& I3 J, f1 M; E
var yDir = 'down';
+ Y, i2 A2 @8 k6 ~4 d3 `1 L- Hvar superballRunning = true;
; ?9 n7 A8 h% `5 \4 @, s1 i6 @var tempBallSpeed;7 S) E5 Z6 r! h, F" K9 @; D
var currentBallSrc;
5 S* o- K6 S! U% p) c* j' Jvar newXDir;
! m- g2 m5 o: d G: |0 Evar newYDir;
7 n7 \( W! S, h' x$ e9 o
+ x: n+ f% n8 b; X1 c3 I& J" M3 nfunction initializeBall() {
) L# e( M2 V8 x! q& c5 K. N if (document.all) {& b9 G1 m* S+ a. A4 m C
xMax = document.body.clientWidth+ M" Z( k3 C5 n0 V5 z0 _
yMax = document.body.clientHeight
9 |- v( I. _( @; E: @* y document.all("supertext").style.visibility = "visible";9 z: ?6 W- w3 Y8 g- \& a
contentWidth=supertext.offsetWidth0 E( I- @; O/ X" o1 f
contentHeight=supertext.offsetHeight
8 ?0 V0 o c& A1 N+ b }7 [" G& U, ~: T# {4 d8 S4 w# Z
else if (document.layers) {
: D+ C9 A/ m" q3 B* ] xMax = window.innerWidth;
5 K+ m* c2 K3 ` yMax = window.innerHeight;
! R+ l' Y3 i2 R1 R5 r contentWidth=document.supertext.document.width9 S E# J# j& h/ l! F3 } G5 ~
contentHeight=document.supertext.document.height
3 p, R4 l" O, ] ~ document.layers["supertext"].visibility = "show";
) Z6 [" m$ Y! n+ T' J9 c; ~8 P }
; q* M0 _5 O0 l) ~+ R, c9 a setTimeout('moveBall()',400);
! U$ G6 H5 Z- A5 T; f if (hidetimer!='')% V% ^: X9 g$ `. G% E& k
setTimeout("hidetext()",hidetimer)
3 u% Z' H" G! t% i. s& {4 f0 @ }
: Y( D: b6 O) m# F
. q6 D8 p# @; u+ X5 E2 Q, afunction moveBall() {
" h# F) H1 n5 v$ T1 l0 I, Z9 ? if (superballRunning == true) {
, y7 T8 z% u* v! S% U7 i- K calculatePosition();
+ `) g E5 u! Z) V( M( R; S if (document.all) {5 @3 b: Z( o9 Z! a, k+ N
document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ B3 A# Z$ s7 L: I2 o& t document.all("supertext").style.top = yPos + document.body.scrollTop;9 J1 ?6 O6 p0 f
}
; t/ g0 W" g1 g/ ~3 p5 f else if (document.layers) {
2 F1 N& \& j0 Q$ N document.layers["supertext"].left = xPos + pageXOffset;( R* ~: u1 K2 V
document.layers["supertext"].top = yPos + pageYOffset;$ @# T+ t' {) I) i5 Y" K1 N! [
}
3 N/ L% d/ c! u! {0 v' D( F, b animatetext=setTimeout('moveBall()',20);$ D8 N6 t: K9 r3 a* i% ^: x, A
}( d1 Z! w+ l/ h$ d6 A: P
}: G! Z$ ^2 m; f1 C8 W
/ V( v8 @9 A1 r4 t9 J* Ifunction calculatePosition() {
/ W! a* Q) X7 J- J if (xDir == "right") {& n u- H' F$ p" W
if (xPos > (xMax - contentWidth - BallSpeed)) {1 H( C% E4 `: [+ i1 H9 c; T
xDir = "left";
- o5 c7 W) r0 N! k }
8 K. {2 [7 x, K; ?6 D! \ }5 z0 n& E- D# b6 h6 U+ F8 O. f
else if (xDir == "left") {
4 | l' C9 V( L/ A7 |3 C0 _ if (xPos < (0 + BallSpeed)) {) S- O( o5 t- h/ ]
xDir = "right";
/ s5 v/ d. M& W }
+ a( ?, G& e( W }( x# ~/ w, Y" z% Q' ]9 l* K+ x
if (yDir == "down") {* B9 ]: |8 T: B
if (yPos > (yMax - contentHeight - BallSpeed)) {
- k( H' \ u+ j4 } yDir = "up";5 B( |# u) Q! e) z% c2 @
}, l0 D' D5 x& {
}+ p# ~; J' `9 [* }( ^: y, F
else if (yDir == "up") {
7 O- d5 }1 B* E; `, T/ @6 } if (yPos < (0 + BallSpeed)) {" I% S5 T" D- c6 Z: B
yDir = "down";# d, m& A& ~' H( l: l2 G7 J& R
}5 E" J8 ]7 |% ~; r
}
/ f: X' F$ G1 h) ]$ N2 k if (xDir == "right") {: ]& z& G, t# r
xPos = xPos + BallSpeed;5 c6 v" y$ _& U' r
}$ U5 E1 y* n7 c) n
else if (xDir == "left") {
8 ~& z/ `1 x. L$ _ xPos = xPos - BallSpeed;% j9 T# J$ z$ G8 k ]$ B I' z8 D
}) y" \0 |+ ^# y, e
else {
. ^$ Q* [% [5 p0 j" j; P5 q# r xPos = xPos;
3 Z5 E3 x9 H7 x" l/ T }( l( B. k5 [0 A9 [0 K5 t
if (yDir == "down") {9 P- m1 S3 h' I- f
yPos = yPos + BallSpeed;3 Z% E- V# i5 j4 V, N" E
}
0 x/ s- S& Z4 N* ~3 Q" n$ L* _ else if (yDir == "up") { u+ s e4 ~# {- K9 {' T
yPos = yPos - BallSpeed;
( ^8 A) G* V1 W4 Z9 s t }7 [! P- l( h+ F+ h2 W$ k0 A b1 G N
else {1 H4 _. U9 N [2 p) |, C
yPos = yPos;
) a' Q7 G4 J9 ~1 ?/ d }
g( _9 o% S$ H8 ] }: {( r% |1 K& [) e+ J4 s2 m
; @4 |: d: l) S2 u- Y$ ~
function hidetext(){
) v4 D9 D- q k. @% s: _if (document.all)
; z S, f- g6 Dsupertext.style.visibility="hidden"
( H$ [) {; a# t$ J, H+ zelse if (document.layers)
7 s+ ~. B5 H5 u2 w3 u; N Z- Idocument.supertext.visibility="hide"* h! ]3 T v9 d2 P" G
clearTimeout(animatetext)
^6 e6 R' d8 t* w5 [1 E}
- v9 M; X, d$ i/ w" C
+ ?: j% k0 a/ A& T4 G, ]+ s( fif (document.all||document.layers){# g1 z' R2 v4 L: Q" X
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 ?" w3 D0 j/ |* R9 d; _window.onload = initializeBall;9 _2 P1 L8 ^+ ]1 N+ v, s/ u* a, ]
window.onresize = new Function("window.location.reload()");
+ M$ F7 \% k! b4 o M2 o}
4 x# W7 ?- k1 l8 _) Q& e9 F A
$ _, {( h% f* v. p5 A</script> |
|