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

|
网页之不断弹射的文字-特效
<style type="text/css">
/ M6 l9 S; `) P8 {: k7 G#supertext {/ a1 ~# D- q* \0 P" x1 y
position:absolute;& c9 p- \& b2 ~# e* `
left:0;! C) s( { A& `" z m& Q
top:0;
- T( s* i) b, F* B, h( q) S2 fvisibility:hide;; k' |7 F* h( A
visibility:hidden;
1 h; B8 D" O5 Y) M) l- O4 B}4 N2 v0 m' [/ M4 Z% ?
</style>6 w; w3 {! A" v# H: w* u
<script language="JavaScript1.2"># J& T% [! ?5 J" d; o4 m
<!-- 改变下的字体的大小。颜色-->
+ g: Z3 x& Y, c7 Z0 pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'' p6 [; E( }1 ]& d
var hidetimer='';$ Y% \$ P. P# j, H$ \" z' i. ~$ ?
<!-- 改变下的弹跳速度-->* ^" _& j, o+ Q9 ?1 _
var BallSpeed = 20;% N$ j" e4 Q& l6 _" T/ ^3 [
var contentWidth;
4 m, ]4 O! t* V a. ?var contentHeight;9 u- \; e" B7 }- C3 \/ _, m
var maxBallSpeed = 50;3 `8 X6 p/ V( A. }; d2 u. U
& Q6 D$ w: a: g/ n; n4 d/ C5 k, S1 c K" I0 M! n9 s
var xMax;1 x2 B, O& Y6 K
var yMax;3 K2 ?3 \9 Q& H
var xPos = 0;
6 L5 B+ w; [+ ~4 \var yPos = 0;
c1 D+ H! \4 Z0 P6 a8 q+ V7 f! nvar xDir = 'right';
8 ~3 M- U- E& m" Ivar yDir = 'down';
5 i. x, X9 L( ]5 d! fvar superballRunning = true;9 \1 _% n$ O: ^: q8 p8 P
var tempBallSpeed;
" U* Z+ h3 W! j# B' S+ kvar currentBallSrc;
5 a; D) j5 E5 V: n" {var newXDir;$ j. g2 ]! L8 o; s* G* c
var newYDir;8 l, u& K: O7 R5 X, u( @, J. L# X
; L8 t# m! _7 m9 F: B# ]
function initializeBall() {
. z8 a: G5 w4 e2 X' | if (document.all) {
1 D% s. b# k% A1 D( b- l& N( y xMax = document.body.clientWidth
/ R5 j0 u' f/ \# V' U yMax = document.body.clientHeight& P" G3 f- ]5 n4 W0 s g
document.all("supertext").style.visibility = "visible";0 |) e$ ^9 s3 k& I+ Q
contentWidth=supertext.offsetWidth
, m2 [7 S' K/ s3 Q( J1 @! C contentHeight=supertext.offsetHeight0 o# r3 k; M2 i; W- X1 p g- |2 ]
}
5 C8 E& e9 m' _5 ^3 i else if (document.layers) {" S3 p( }) s6 ?% J
xMax = window.innerWidth;
( O$ w# L$ V3 `! k yMax = window.innerHeight;
! _" m3 V) h+ Z3 Z, ^3 k5 }3 O$ U contentWidth=document.supertext.document.width0 J, Q, V. q4 \1 H- y! a+ H
contentHeight=document.supertext.document.height' Z! \- u( L- _; O# S! h
document.layers["supertext"].visibility = "show";
# c$ K+ u0 Q9 y. |1 _1 D: x/ \9 t }
; n* f/ _; A& z; k1 s setTimeout('moveBall()',400);. t& V5 q" y9 ?% w
if (hidetimer!='')
! a3 i. \, u% V setTimeout("hidetext()",hidetimer)# h& }* s4 c! G6 q' g9 w4 n9 y, p
}3 {) D; i# z' i5 A* V6 K
- c/ D4 F5 J" i3 e1 Q% x
function moveBall() {
8 R' ?7 d3 R2 l* y- j, T" E if (superballRunning == true) {
! N e- g* P B calculatePosition();
' t' \/ [( }0 ^! k$ n if (document.all) {& b+ W2 j4 k" G- N1 N
document.all("supertext").style.left = xPos + document.body.scrollLeft;, I' P% a! @( B' w. l
document.all("supertext").style.top = yPos + document.body.scrollTop;' P& Y& c" P% I
}
1 ]" A1 g% U' A1 M1 u2 ~6 s7 i else if (document.layers) {
/ W6 B. g* g! W; O document.layers["supertext"].left = xPos + pageXOffset;2 |/ d" G3 c- _7 ~5 t V
document.layers["supertext"].top = yPos + pageYOffset;, R* z% `( z/ F
}
) k" e- G u+ j animatetext=setTimeout('moveBall()',20);0 e( F3 I1 d% L
}
1 ?0 h! H% d$ B* A& Z" f }5 O2 U8 n% b( k" f! ]- N
; w6 v- _, O6 F! X# L& C2 b
function calculatePosition() {
3 q& V" v; m1 k0 Z3 E5 B if (xDir == "right") {
8 V% o$ i: G7 J! C if (xPos > (xMax - contentWidth - BallSpeed)) {
( a) ]2 i* \7 R% C9 k xDir = "left";
, f4 Q0 J2 m% Y( F& i. b }
$ R5 E& x( B v' c }, M' h) G5 m* J
else if (xDir == "left") {
! L& m0 i1 r" P* |+ T5 w. L if (xPos < (0 + BallSpeed)) {$ e8 D) ?1 P; I4 V6 f, O0 [
xDir = "right";
0 v- i- W+ E& G e! M0 N3 Q: { }7 v, g( {0 {; b
}
! w; |% j) U3 k0 k# I5 i3 ?0 C0 N& n if (yDir == "down") {
4 c& ]: t+ ?' `- b( S7 I3 D u if (yPos > (yMax - contentHeight - BallSpeed)) {
" f2 j* j# D9 q4 ] yDir = "up";" d' m% Y3 C5 h6 {# ^: F
}
' J0 O- n8 ]" k6 v }! E9 A3 S5 h' ~; i
else if (yDir == "up") {
3 A3 ~7 D) k1 L0 P2 M u if (yPos < (0 + BallSpeed)) {6 K5 ]5 D( u, [5 K8 }
yDir = "down";" k0 o* N% t; t' V7 J8 U& v( ]
} I( u% R9 X5 c& h9 [
}
$ d. Y+ J2 \8 G; ` O% F if (xDir == "right") {) f+ v" \: x- N" K+ N0 n
xPos = xPos + BallSpeed;
, X' {5 u1 I4 D4 k }& H( l4 H$ i; j4 N6 k& ~
else if (xDir == "left") {0 b; q5 F4 u* X R2 Y8 d# {2 I
xPos = xPos - BallSpeed;
- `8 A' ^( k! H. G# |. M }
3 @1 D9 _- U0 I, R# N0 Y Y! c else {- _5 Q0 t* ]8 s
xPos = xPos;% _$ u* r2 f8 r+ l% A- d. _
}3 \8 [$ n0 S0 _; n% q% G
if (yDir == "down") {. ~* }8 }9 S: ?- X0 s
yPos = yPos + BallSpeed;* f6 `0 l: \1 Z) Q: f
}
. {! ]) x: E- }6 c else if (yDir == "up") {, Y) ?2 u) w. G/ I: J
yPos = yPos - BallSpeed;' A1 P+ N+ c1 W
}; ~, Z5 n T' R
else {2 R: N% l4 z1 b' m% r; }
yPos = yPos;! R2 k5 r% U$ ~" Z( y% u& ?, N
}4 h- G1 S$ r# H
}
% q6 J/ p" c. m
) [' T3 c4 w0 D7 [; efunction hidetext(){/ \6 r3 [4 A P6 e i2 N6 L
if (document.all)- a* R2 G4 n H: B! z
supertext.style.visibility="hidden"
' p, E$ Q8 g$ W2 S7 b0 ~( Pelse if (document.layers)$ W5 R1 X3 n" E& z$ c4 ?: |/ s3 p
document.supertext.visibility="hide"& P0 Y' f- J. q1 {1 e ~' o
clearTimeout(animatetext)
: e8 U! S6 {2 ~: n; N: |9 w}' p# T. Z" g* h$ c. x+ ?
) Q8 { ^% w3 z& R
if (document.all||document.layers){6 ]; Y0 B$ G2 j* o) r% L
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! ~/ z, O1 `( m o) J# mwindow.onload = initializeBall;
( I, s) p- ~5 p9 ?" ywindow.onresize = new Function("window.location.reload()");
4 z3 ~. A; \2 C. h- \" _4 ~9 G}/ M% L( v* F* j5 D
* v# O% r" u; G) { R) K0 s) q5 J; B</script> |
|