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

|
网页之不断弹射的文字-特效
<style type="text/css">
, X; K0 B$ O$ [4 Y& h6 c$ k#supertext {5 o- h! c, q" q; t$ t$ X5 I! H
position:absolute; Q# T) N+ ?8 H) N: x( L, A
left:0;
/ E3 y: I' k3 i6 @top:0;
% @9 L* A- g/ b2 Bvisibility:hide;
6 c6 J/ d' m$ _9 H; Rvisibility:hidden;" p, ?% I2 I$ _$ T# v
}& T _( c- d5 _; W/ b" Y- {6 |' L
</style>
, U/ `4 R$ u: K4 E+ @' d! r% n0 s<script language="JavaScript1.2">
5 F. R0 n$ F9 ~5 a! m/ y) }<!-- 改变下的字体的大小。颜色-->
t$ d/ ?( t3 T# @- dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 S* @& p, T) K% n8 e$ O% Q
var hidetimer='';; |" V$ j* \% ^1 p+ x% e8 E
<!-- 改变下的弹跳速度-->
9 L* K( s4 |- [( q+ Nvar BallSpeed = 20;5 C1 I8 u( `4 Q M
var contentWidth;
, Z- Q) h% ^3 \9 Qvar contentHeight;
+ w. b2 h) Q7 ~: D/ j( Evar maxBallSpeed = 50;
8 V, U0 M, w! j7 N T; A! u8 r0 b- I) w; {+ w
2 t, Y3 I" |) T( z/ ~var xMax;
1 g ?# S% F' L- d/ bvar yMax;
( _1 G5 S- N3 {7 { M2 T& w5 Wvar xPos = 0;& B- b" K2 T! @+ F. B% J5 `
var yPos = 0;0 D( m3 ^& x$ |0 s% E8 p6 v1 Z
var xDir = 'right';! E5 `0 }$ A/ h$ X/ m |8 W, T- l
var yDir = 'down';
0 `. H& X9 e# j* `var superballRunning = true;& M3 z0 g+ t) [
var tempBallSpeed;
# p; X1 `7 c) p6 O8 B5 F1 wvar currentBallSrc;' x0 s2 N) l$ b5 }/ v" `4 I8 y
var newXDir;$ Y L% e8 N: Z( @2 i
var newYDir;$ W6 r* b' r& k C1 Y6 ?5 w; M
, ?4 D3 H/ G8 a5 a% r& Q/ {, \; g
function initializeBall() {
% T4 G, }- s9 m- H" [ if (document.all) {) S7 [4 U" z0 u% w u5 x
xMax = document.body.clientWidth
7 L. }2 _: L6 j0 y yMax = document.body.clientHeight
2 r0 B O3 I4 I+ Z) j document.all("supertext").style.visibility = "visible";
9 H$ ~2 p# k3 r+ F# I contentWidth=supertext.offsetWidth
' O) s4 q* O" K contentHeight=supertext.offsetHeight
5 {1 b# @7 Q1 ~# C }" z. {0 G$ C2 X8 L" m j
else if (document.layers) { ^- q, f! ?5 E6 |4 ^% Q; p5 N
xMax = window.innerWidth;
: }9 c; q2 e: I9 j6 i8 I yMax = window.innerHeight;) @* i9 l' M0 d$ H2 r6 f
contentWidth=document.supertext.document.width9 _$ Y" {" U8 E! n0 k. i
contentHeight=document.supertext.document.height: C `4 X* B: e% Q1 Q
document.layers["supertext"].visibility = "show";! y* H" M+ @& B
}
+ |' |8 v0 e% O1 i5 m$ ^ setTimeout('moveBall()',400);
m3 s/ b, r1 L0 \" o9 l if (hidetimer!=''); s* ^6 V$ x8 D+ O! t( Z: @
setTimeout("hidetext()",hidetimer)$ J& T! ^8 z$ q W
}5 O+ C) ]" @( v, t% H- F9 G% @2 x
3 n$ e/ h# u( @+ _( zfunction moveBall() {# v3 s( S7 g- `
if (superballRunning == true) {7 T! w* Z! J; n+ R
calculatePosition();1 Z q: R9 H" U* W# k/ `, Q1 C
if (document.all) {1 ]6 ]( ?# M. l% F6 ]7 p
document.all("supertext").style.left = xPos + document.body.scrollLeft;3 @1 h7 _8 A7 @
document.all("supertext").style.top = yPos + document.body.scrollTop;9 _6 D, D L& n# j; N4 R- p
}
- M7 c8 F; ^1 O! h* k else if (document.layers) {
. p3 y: R) Y7 I5 W document.layers["supertext"].left = xPos + pageXOffset;
0 o8 A: i2 o' Y0 T7 h! P document.layers["supertext"].top = yPos + pageYOffset;
6 L5 P4 K/ f: \3 B& `/ r# z }* l6 h$ ^; G8 q6 b$ t
animatetext=setTimeout('moveBall()',20); H$ r1 Q9 G) Z8 `8 D6 _
}
0 H0 j! B, |6 P/ O, I8 g }
/ B9 v3 e1 z+ ]% B. u* }- f% R6 j6 O2 t6 ]0 F
function calculatePosition() {
0 H% V9 q# R! X! ~% c( d if (xDir == "right") {
: ^6 A0 d, }$ s" Y" [ if (xPos > (xMax - contentWidth - BallSpeed)) {
& w0 Y/ r" h; t' I6 ? xDir = "left";* k8 q0 Z& \( A6 \& j% X& Z; z
}
3 A8 O+ q- f7 r }
* D( M8 S2 q; w" {/ }6 F: W else if (xDir == "left") {
' H! E! g9 d7 p. i2 X( J if (xPos < (0 + BallSpeed)) {; d: X _) _6 |# u5 ^
xDir = "right";* u, {2 G, z, t# r$ {, J1 a
}* D$ _% n& Z" j5 k' G' H4 X
}
) D2 A2 i6 f3 T: c/ k7 o$ ]( V, l if (yDir == "down") {
6 d0 D% h. k0 u# Q* Z, D- \ if (yPos > (yMax - contentHeight - BallSpeed)) {0 o6 G- l. ~9 b
yDir = "up";, g- }( N$ `; C* t: |1 s9 n
}6 r! O% V: g `( w% T
}
6 F! }8 p3 ^, q4 t- G# A else if (yDir == "up") {
' L X2 B5 l6 i( ]" I; c# z if (yPos < (0 + BallSpeed)) {- W4 [% I9 d8 o* V6 s6 o
yDir = "down";
8 X: c9 U7 M1 i# s4 _9 R) A- a5 H7 Y }, ^3 l$ X+ C3 S: \
}
/ f6 E0 n R% [! Z if (xDir == "right") {9 p f* e( i2 `9 s
xPos = xPos + BallSpeed;
K, \# z3 E, h) M" C" T }9 `* i) N3 X& o5 P8 R
else if (xDir == "left") {( _1 ~9 Z0 z7 J8 r- T
xPos = xPos - BallSpeed;
, w+ U, w' x' {' X* [ }' ]0 b, A7 R0 w" z2 c
else {. u0 q) h3 y, A2 @( \5 t+ V
xPos = xPos;! q$ N. M* s$ d2 d; I3 M( i! o
}
0 C; z" q" q" g, j if (yDir == "down") {
' C: a# }7 ~2 [, o* x5 t yPos = yPos + BallSpeed;! z4 V/ G, _7 O( m8 ]; ~7 t
}
) z8 a1 A" |" H2 H* n else if (yDir == "up") {# p8 h8 _" ~4 e
yPos = yPos - BallSpeed;
0 `8 l3 }- E) ?& X1 v }9 O9 i Y; u. [6 I. _" F6 e3 b8 w
else {, S/ F0 J$ }& A
yPos = yPos;* Q8 R% \8 D- _
}1 |, v4 p: p% }# h, U
}& K; F% T; C4 N5 S w
9 u0 ~- Y2 |/ X8 F8 T- J. Yfunction hidetext(){8 H" ^9 G+ o% y2 E+ L, A, O
if (document.all)
* {5 |: }( |2 I, q1 F4 D" esupertext.style.visibility="hidden"$ w2 Z8 U5 s5 p; Q
else if (document.layers); K2 K5 @7 F1 Z! H2 i" t# r% a
document.supertext.visibility="hide", w3 O1 V. _; [- {
clearTimeout(animatetext) o; J1 [& Z7 M) \& Y# }8 H# O
}4 Z! T' x S: t& X$ f$ m) z
k, j: H$ i' X% Q: d
if (document.all||document.layers){
+ E# J' b" `) s, S- S) W0 N1 e7 gdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
. a2 g; G, |! U+ swindow.onload = initializeBall;# r4 T3 z7 } Z! j
window.onresize = new Function("window.location.reload()");
2 _; t! g" d5 ^8 k7 C1 H}
0 Y3 t$ E2 D4 U' \
& y) K) X& l& N I9 K+ ?</script> |
|