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

|
网页之不断弹射的文字-特效
<style type="text/css">
6 Z* n: B! F2 a0 ~1 w6 a2 e#supertext {8 t6 f8 r: U- l7 [0 h
position:absolute;
! j7 o& K* C2 ~$ ]" gleft:0;
3 n7 S5 E5 p' L- j9 L0 p2 Ltop:0;
R, |$ ?$ A7 o0 F; G7 |% \ H$ vvisibility:hide;# s) Z3 ^6 b' k0 M6 ?. U: t
visibility:hidden;, P/ a3 U) e5 V
}9 y h& ^6 s5 Q
</style>
}4 R$ p! ~3 a! X$ \- k<script language="JavaScript1.2">0 i3 T1 T) [8 C i
<!-- 改变下的字体的大小。颜色-->8 d' u* J% q7 b1 V% o/ ^5 G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 [1 d$ L" X- J, Y% J. F1 _
var hidetimer='';
" ^: r8 ^# ~: W" F' j9 A8 l. E* n<!-- 改变下的弹跳速度-->
, x; O3 T a5 v/ G. |7 jvar BallSpeed = 20; @$ q* z3 E9 e$ X# P" j/ J2 L& _
var contentWidth;
9 V5 ]' u. y+ u1 a* w$ o7 ?/ Zvar contentHeight;
+ G$ H% a. C: t* E, D) X# Bvar maxBallSpeed = 50;
# z V! t$ c, I- [: T% }8 m, x4 j( o, c \; f7 D. w
0 p3 z4 C7 G' ?- ]) S
var xMax;) O6 Y0 f% `' y# l0 w0 R6 F8 z
var yMax;
0 L* Z0 F. W6 m2 S8 F, u& Zvar xPos = 0;( d: i/ h1 {; |* j ^0 m
var yPos = 0;. a8 I4 r$ n( K) C6 Q6 b! J% h
var xDir = 'right';( c7 {% T n! r E1 E
var yDir = 'down';
$ t; ?6 e% x9 {# ?4 T1 dvar superballRunning = true;
+ p0 z6 i/ T% M$ B6 u; Kvar tempBallSpeed;! u4 q, R$ p- k7 g \
var currentBallSrc;8 R4 O& u* |9 o ]1 c
var newXDir;4 W1 `5 C5 n7 a: X0 r2 Z. e$ {
var newYDir;
8 C2 w: W0 q! D. D5 e; F
5 B7 |9 m1 d2 [2 [: }function initializeBall() {; W) \% M# a0 W
if (document.all) {1 b2 ]* w3 r! B- o
xMax = document.body.clientWidth
& B$ t* u* e, Z* m( f/ J+ H( v yMax = document.body.clientHeight* b% q. h. e3 Y- G) [* m
document.all("supertext").style.visibility = "visible";3 [" O+ h% x0 n3 O8 b; k( v
contentWidth=supertext.offsetWidth( h# r6 d( _2 g
contentHeight=supertext.offsetHeight
5 |; {+ l* y9 |. B. h4 }) ~! ` }
7 Z8 r& a8 g, l% I else if (document.layers) { P1 _, ^0 _# _0 E
xMax = window.innerWidth; m- |- l# U1 b3 t9 l
yMax = window.innerHeight;
5 ]$ G( w8 ^) a" u' R: r contentWidth=document.supertext.document.width2 h0 x v& L& `7 O, W% A; c
contentHeight=document.supertext.document.height
9 s+ j$ K8 t* C+ O" ] document.layers["supertext"].visibility = "show";4 z$ y; k+ X' _( j% `6 @' I) C. o
}8 y5 _7 R1 k2 X
setTimeout('moveBall()',400);
# c; i9 H: M" D if (hidetimer!='')
7 B2 j* M/ a" J3 o setTimeout("hidetext()",hidetimer)' Y |( Z- q3 h+ c/ ]# A& U- L+ M
}5 R+ }0 f/ D6 N$ N* O6 {( f5 ~" w
9 g$ H& d* ]/ @: W
function moveBall() {9 k1 E% V' {8 @
if (superballRunning == true) {9 n2 t* ?2 L0 k/ g
calculatePosition();
5 c, i! [4 j1 r if (document.all) {
" c% ]7 r @7 B0 I. o3 V4 k! w' P4 o document.all("supertext").style.left = xPos + document.body.scrollLeft;$ w; p8 @6 j9 I; h- s& d6 r/ y' T4 H8 x
document.all("supertext").style.top = yPos + document.body.scrollTop;2 C9 e0 }: w; [" `' V
}
1 H, |/ s: }% h! H/ @9 F% G3 X else if (document.layers) {
: W: w3 p2 k' ?( T9 _+ B document.layers["supertext"].left = xPos + pageXOffset;
) e# A! i5 K' S$ i document.layers["supertext"].top = yPos + pageYOffset;: j( k1 X: N& p1 H
}. d$ [ N- p# P% E6 k
animatetext=setTimeout('moveBall()',20);' k; I! D+ m! I$ K3 D
}& M% y! [5 s" M8 d( t
}
/ U2 V; I, _ `9 M, u, C. c. V4 E1 X
function calculatePosition() {
& _2 F0 |7 G Q& b. J5 h if (xDir == "right") {
" w+ c5 `& N) }* r& P& { if (xPos > (xMax - contentWidth - BallSpeed)) {. j* R$ ?2 f1 @7 ?! _8 ]( Y
xDir = "left";
. X5 ^$ x7 [: A' _$ a$ I- m }- H% c+ `8 W- x( Q2 u( e& J6 G
}( h; _, g' p- ]
else if (xDir == "left") {. r+ Z0 s: f7 D( H
if (xPos < (0 + BallSpeed)) { M% d9 _6 G4 w5 W5 G! K; n3 e
xDir = "right";
* u, n5 P; T( {) O. ] P# e+ W }
/ L+ \ \" G W6 u2 j3 c/ y5 s }
) J8 c: O; B/ d5 d7 s if (yDir == "down") {, W4 ]; H9 v# b* r+ _2 q
if (yPos > (yMax - contentHeight - BallSpeed)) {
( e/ J8 }) w; j yDir = "up";/ O+ Y$ y; J+ U3 S- l/ R# l
}" t& v' P) a0 ~6 }$ ]
}
3 _& {8 f: ~8 v$ J) q. c. r' A else if (yDir == "up") {
' E0 f" g# `, i- n; Z- N if (yPos < (0 + BallSpeed)) {
8 _8 z5 g: I4 r: m' c! e: p yDir = "down";) R: M2 b, O' Q3 I
}
- `& z& s7 Q' h C6 |& J1 q }
# j% a$ c& p! ~) ?5 Y# y if (xDir == "right") {
) V5 a2 _0 z6 H4 w- ]' {' j0 _ xPos = xPos + BallSpeed;
# q1 `# t/ o( V& K; q" | }
, ~) d0 P4 C$ \8 g else if (xDir == "left") {
: d4 V I% l% g4 H1 k+ u xPos = xPos - BallSpeed;# \8 q* k( T( @8 ~8 T1 l
}* n8 I9 q1 H2 j5 x
else {" o3 T2 d0 }1 U- a. h- v8 ~2 n
xPos = xPos;
7 o$ F: J' ~) w" R' ] }3 a! Z$ V& L6 N
if (yDir == "down") {- n2 y+ ~/ n9 _, m
yPos = yPos + BallSpeed;0 i0 L8 d; D$ z; `/ e+ M) D
}8 s/ N% T0 r2 j4 H/ u4 _5 U r
else if (yDir == "up") {
; B2 k5 Q+ ` A1 q3 t yPos = yPos - BallSpeed;3 G9 H' B2 ]: c/ ?5 w* ~
}( X7 l! P) Z. u0 Y8 G& i
else {
0 x! {# g9 v8 ] yPos = yPos;
. K4 P, h" q* v+ @6 R4 `) k! [8 `* ?- W }/ X& L0 B& t6 i: A- i
}( d& y2 K1 [1 I; c0 S! Y8 \% d
. J' X7 u/ n2 E5 t- W
function hidetext(){
3 c/ O W R0 z4 b# h4 nif (document.all)
1 _. y$ V% P( ]! N$ a. psupertext.style.visibility="hidden"
: I3 P/ _' a- x6 velse if (document.layers)
# x0 {5 M. F/ M6 W- |. |document.supertext.visibility="hide"- ?5 [9 l+ v6 b6 c* ?( f. M5 ^4 i
clearTimeout(animatetext)
' j5 _5 K3 E) a# R}
$ L8 Q9 t& X3 r
$ z3 j p D7 q: n6 W3 Yif (document.all||document.layers){
/ s6 G/ \0 A0 p3 N0 P1 `' A, ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' E5 I: P4 @* N5 Jwindow.onload = initializeBall;( e- r1 C% m6 L/ L# g
window.onresize = new Function("window.location.reload()");6 Q* K0 Q' o+ T: K
}
( p# R1 K- e$ \% K' d6 H
/ H# k* k! S; ?3 c( I</script> |
|