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

|
网页之不断弹射的文字-特效
<style type="text/css">/ {4 O9 L4 s! X6 x, s6 y' `9 o
#supertext {0 }. G; `& g) v' W% Z0 l9 }: r
position:absolute;
* t- c. W* z5 i Nleft:0;
7 x2 q" S) Y4 l9 F. ^top:0;
8 e4 E ]& p6 A( Uvisibility:hide;
. _6 E9 }: g% f6 z" Fvisibility:hidden;1 s$ j* G. h$ }* @( y; Z N! G
}
6 A0 j! d9 d1 m9 V# c0 c: L @</style>+ a! F) K, k# x1 ~. B/ {
<script language="JavaScript1.2">! Q! c( ] m' @. o: p0 R
<!-- 改变下的字体的大小。颜色-->! j. \" G) } {. d' ^
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% y1 h8 f% f; i) B9 J- [
var hidetimer='';
) x9 L; z3 ^( _3 W3 X% t, ]<!-- 改变下的弹跳速度--> Y2 e- Z/ k0 D4 |& P( L/ n
var BallSpeed = 20;1 [! A N6 S* n: x
var contentWidth;
8 T. _+ ^) H5 F% _: U# t) |var contentHeight;
( w1 F2 v/ C9 wvar maxBallSpeed = 50;
/ ~3 r4 ~$ C, y# u' q# n% }( M9 w, P. ^1 S( N
. N0 |5 s" r6 M1 N; ^. a
var xMax;. u) O* z+ r0 C% [0 B5 P# L
var yMax;7 S4 Z/ p% I) j1 ~: M& F& I, o
var xPos = 0;# w2 s% O+ ^* p7 t. b3 W5 T6 G3 V# R9 o
var yPos = 0;/ }6 g4 Q2 `, z7 H
var xDir = 'right';
' Z: c( l% _8 [* m2 g- E! |var yDir = 'down';
* i. j; k& ~( avar superballRunning = true;
* k0 `6 Z7 A' m( B; M" d2 jvar tempBallSpeed;
+ J$ z, u, S$ Svar currentBallSrc;. k! A" H0 H* i" D
var newXDir;
# @9 J, [" @. z+ o* Nvar newYDir;. D- E3 t* ~& T# T
) X2 P* C0 O' L4 ] wfunction initializeBall() {: S' y2 i2 ]: ?, X+ }" b
if (document.all) { r- l5 j4 S+ Z }8 @4 z) v
xMax = document.body.clientWidth1 X3 I( f* G W
yMax = document.body.clientHeight
1 w- R5 F# K$ i document.all("supertext").style.visibility = "visible";
/ M: `. R; I6 m6 i" {/ R contentWidth=supertext.offsetWidth$ ^! O: i# D U
contentHeight=supertext.offsetHeight
* s7 ]8 B) x j) {. z# U }( O2 h0 ^4 S+ I- s6 H8 S, f
else if (document.layers) {+ ?/ ?/ O! h/ e( g: P7 N- J
xMax = window.innerWidth;0 i, E# E% m! T0 l# Y9 e
yMax = window.innerHeight;( c; k- x; J/ a# ~0 D
contentWidth=document.supertext.document.width
1 N" O# e' S& v9 z( e contentHeight=document.supertext.document.height: o5 b, o5 g- P2 |' @& _
document.layers["supertext"].visibility = "show";
+ v/ g* G r( t' V0 e }
# ?: u$ F7 j+ c" y# o: q setTimeout('moveBall()',400);$ Z, g4 }" `) w: y
if (hidetimer!='')$ x" y0 I3 t6 A% K: S$ D6 {
setTimeout("hidetext()",hidetimer)
' k( x5 r8 t; m( ^! H! g6 L: | }
# z' g/ j0 I; Z; w# W4 N' l) x
+ y$ R. `2 G! a! gfunction moveBall() {
% w8 r" p: d/ _" r6 v( L) L: S if (superballRunning == true) {
, E2 w- F4 Y3 I9 t) L calculatePosition();
5 U3 R* p' p P8 c I if (document.all) {
; u) V3 o4 j; ?# G document.all("supertext").style.left = xPos + document.body.scrollLeft;: Y- Z/ W% ^# Y9 }2 X3 A& F
document.all("supertext").style.top = yPos + document.body.scrollTop;4 f. n8 d2 g) P: ]4 j! `
}5 ]: ?$ L ] z* ?: s+ \
else if (document.layers) {
! R- }, A$ \4 J( F) _# w' D8 L document.layers["supertext"].left = xPos + pageXOffset;
5 D! I8 U3 m, g4 O/ m document.layers["supertext"].top = yPos + pageYOffset;
H$ s8 O! @4 s r: g }& H) T- S$ Q2 ]3 Q
animatetext=setTimeout('moveBall()',20);' T/ C! {% ?. z! @) r0 I. l6 r
}
$ L3 ]6 P* E' d8 x; `" ?7 c }
, }+ r6 S7 L6 p8 P8 A, v* q) |2 J7 X& X4 }% E! i2 |5 }
function calculatePosition() { [5 s% T9 @4 S/ L* A" f7 S
if (xDir == "right") {( e4 |, ~ H: \% ?4 u9 U3 G, W
if (xPos > (xMax - contentWidth - BallSpeed)) {
3 H: V* A1 b/ I& J xDir = "left";8 l7 A1 O N5 z/ P( i
}
1 O0 r; C: J; V+ b$ C. @ }
* G# r* E3 |& E5 i: a else if (xDir == "left") {) R% I2 c9 r+ w4 l& k. x0 V
if (xPos < (0 + BallSpeed)) {
$ @- \; G5 H$ k7 L7 q xDir = "right";
6 H1 V" [" w, g% h" j8 z, l }/ I* i8 \- |$ l/ e" h2 V% v3 _
}% f3 s2 H: @& g2 w$ t; B
if (yDir == "down") {
; n! o1 Z# ]! J- K9 r7 m- `5 u if (yPos > (yMax - contentHeight - BallSpeed)) {
d6 P' A" e. z2 w& ^0 _ yDir = "up";
6 Y3 s/ {# d7 P( c }' b u. h1 p3 T; E& a: R0 s
}
8 @% v! O. Y: r: |! ^; Q: ^ else if (yDir == "up") {
. ~" t- z+ ~% k) [& s \% {" } if (yPos < (0 + BallSpeed)) {
* Q- g" l0 q/ S! p yDir = "down";
% o* e, O2 C5 D9 F, @+ Q }. T( I; U/ G6 e1 @1 X; s
}3 k5 V6 S; Q) m* e3 a4 L
if (xDir == "right") {
6 ?4 k- V K" D0 R' E- p: t$ S1 G9 n xPos = xPos + BallSpeed;
7 j9 E1 z7 |7 Z, L }
1 p3 }: k' c& H else if (xDir == "left") {. h6 Y8 h# v/ Y+ w
xPos = xPos - BallSpeed;
* g' a" Q. l, z* j( N }$ G0 x- P" s5 _/ }* \8 w4 R
else {8 }/ B( p9 ~: a; f) k% }5 S5 b
xPos = xPos;2 J) R. B T& X. g% m1 p/ O
}
) T0 S. h. ~8 \ if (yDir == "down") {
. [; Z! S) E ` yPos = yPos + BallSpeed;' O, r. H1 D- ?! ?
}+ G+ S$ W# Z" h- i. L) q) l
else if (yDir == "up") {% L9 ~3 A9 s) x
yPos = yPos - BallSpeed;6 Z/ f: M+ k% k& Y" [7 O: {
}
- f8 N2 F$ Y" S0 o else {4 ]9 N3 u) D) ]2 R+ x
yPos = yPos;0 z/ Q6 H4 J4 F; w' n! O. V+ ^
}: T% V3 _% {* \. R6 f
}; M. s7 B# v: X, X- W. q* Y
$ c* V' l) D" E! H, ]6 R
function hidetext(){
9 X% ^ G! G1 a1 F9 |5 Xif (document.all)
( ^- ]2 \0 p8 {supertext.style.visibility="hidden" v/ ~, b- q9 s2 C/ d
else if (document.layers)) x' K% s( L# J! c- c4 Q: j0 a
document.supertext.visibility="hide") K, k9 m* W, [* l
clearTimeout(animatetext)
; [: C; \9 x' `3 l- p. S}
9 [- G& Z) ], L
2 R, Y: D( p+ q j+ hif (document.all||document.layers){' P" d1 N* M+ I* Y/ S6 {
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) C% x) B3 L: [6 u Ewindow.onload = initializeBall;
2 O# V3 o0 g1 K( zwindow.onresize = new Function("window.location.reload()");
& m: a8 C. ?0 O}
4 @& J$ i" a- v1 M$ G: u$ P5 r
. ?: ]) D5 ~& q* k</script> |
|