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

|
网页之不断弹射的文字-特效
<style type="text/css">
% j! ^. f: ]' Q) M#supertext {+ ^& X% }7 d2 k( |6 M: r0 a
position:absolute;9 A% } c* N: B
left:0;4 R! ~2 A" |6 s& x3 f
top:0;
4 @9 I+ x @5 z: }visibility:hide;
F# k9 g6 G- Kvisibility:hidden;
# s/ d6 ~" @ n9 |. {! V! t} E8 M, w/ W1 k% J- e! a( g
</style>
4 v* E7 K6 h( k% x<script language="JavaScript1.2">$ m9 l: D& `+ l
<!-- 改变下的字体的大小。颜色-->
! N! b7 q8 R9 U! L0 rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" o3 E: Z/ r" L$ N# R
var hidetimer='';, b& _0 ~0 p+ z5 c* ~/ G" K
<!-- 改变下的弹跳速度-->! B; f" L! k7 C9 A6 B) |
var BallSpeed = 20;% ]% B& Q# a; Y$ y4 k
var contentWidth;9 Z) d' H' H9 m- O
var contentHeight;- M. Z2 N6 y& M, c' m$ m
var maxBallSpeed = 50;
; k/ @/ _# j! ^# p
1 M8 r- F$ ^& i3 K9 j
; @ N! |# B; y( \" E% k5 g; Xvar xMax;
) o# ^1 b0 C2 ?9 \* F1 A& P0 Z5 F% Yvar yMax;' t& @9 Y) Z+ B7 d- z
var xPos = 0;
: g. d4 Q2 |2 g; Tvar yPos = 0;4 P; p; W; g( S# ~6 C1 H
var xDir = 'right';
0 \3 \2 ~4 Q& x" qvar yDir = 'down';( X |( ^1 I& o
var superballRunning = true;3 Q7 X! B5 o U5 p
var tempBallSpeed;
& n1 o* t( R4 r5 bvar currentBallSrc;
% \, [8 P1 ?. u) l$ v, jvar newXDir;8 S7 ]6 ~2 M# @* p: t, f' F
var newYDir;
3 _& V4 a# n2 a9 P2 i
6 M; W' x/ L* X$ C( r) r6 o1 Rfunction initializeBall() {
9 `8 b& Y/ z$ m5 y2 U/ N2 \- E- B/ b if (document.all) {
) J# Z) Z# V* h2 F$ f5 B9 { xMax = document.body.clientWidth7 `0 A1 ?, q# ] E5 u; R4 O& N @
yMax = document.body.clientHeight* a/ @8 a; n2 a. v
document.all("supertext").style.visibility = "visible";
! n! {$ @$ K/ L3 u% m( d contentWidth=supertext.offsetWidth) L" \/ Y U1 n1 L, l
contentHeight=supertext.offsetHeight
. O6 H% P# F* F7 t }4 H& P, o, }9 ]$ C: O; Y: \/ e
else if (document.layers) {/ j. N) S( `6 [% v1 f( y
xMax = window.innerWidth;
7 @+ r+ e& R+ {: @8 v yMax = window.innerHeight;6 i4 {+ t/ p: S8 S+ F! d
contentWidth=document.supertext.document.width9 ^9 M3 o, Q$ [* ~) X ?* g* m
contentHeight=document.supertext.document.height
! }& v$ T) q1 T- Y6 A3 I document.layers["supertext"].visibility = "show";
3 T | d) C9 q3 e/ C ? }: Y' T5 P! G& D# m: D* f
setTimeout('moveBall()',400);
# D1 R8 e7 c9 x, f9 B if (hidetimer!=''). m" T+ g2 q$ Z* [( e+ s T7 @0 g
setTimeout("hidetext()",hidetimer)
; @$ G; W( x1 Y9 K }! N) @: Q+ Y: L; l# b( u4 g# s
% }- N9 M! {$ {, K0 n
function moveBall() {
, U2 g& `8 K- B- |* A1 t if (superballRunning == true) {
& |+ W3 ?, h$ ]1 u1 S3 V calculatePosition();2 U' g' v4 W% f% c" {
if (document.all) {* |6 {1 f$ L6 r3 e; a
document.all("supertext").style.left = xPos + document.body.scrollLeft;6 ~& F( z% R7 L8 B$ c2 C$ d
document.all("supertext").style.top = yPos + document.body.scrollTop;
, M4 X3 g# m; z# x }
2 b8 n9 l* \8 _/ s6 E& P else if (document.layers) {
4 G5 |1 p5 P+ G) R& t6 K ] document.layers["supertext"].left = xPos + pageXOffset;
- Y, M& }' c* q document.layers["supertext"].top = yPos + pageYOffset;
- x/ D- s% Q! c7 p( E }
" Q: [! R' @0 ]0 H4 [ animatetext=setTimeout('moveBall()',20);
. a) w( K. o' z# n- B7 s1 m1 ` }1 P* V/ V% n. ?( r& @
}
7 e$ m1 H5 ~7 L% I! w/ a
1 u$ l- U5 o% @% m$ Xfunction calculatePosition() {, }- z. q7 L1 d3 b, t* F
if (xDir == "right") {
M5 X8 W% f3 H, B5 W if (xPos > (xMax - contentWidth - BallSpeed)) {/ m/ z, v# C1 n- d) K; g& h
xDir = "left";% j3 w, W/ p* X+ a1 H
}
4 \' ^! k$ ~) L( W% ^+ X. C }$ z9 S* {$ Z% D% B
else if (xDir == "left") {
, E, D4 |0 j7 H* w% H9 H t" @ if (xPos < (0 + BallSpeed)) {
5 C2 f. `0 c* N) |$ v xDir = "right";
; m+ `" `5 k7 q" U5 p7 c! _3 J } {6 `: }$ B' R2 T- [5 T* \% i
}# P; |8 g+ l& D1 `
if (yDir == "down") {/ M2 [7 r% D' g8 {6 D5 ?! v
if (yPos > (yMax - contentHeight - BallSpeed)) {( ?* j: m3 M- P: A* o# e
yDir = "up";
+ D7 s0 w% h8 R0 R/ Q: l$ [: e/ Y }
9 N& x$ F8 s6 }. S& Q' ~* i( u* d; U }
6 [* i0 o8 D3 O) ?& s else if (yDir == "up") {
* q& _5 Q h+ `; q0 f if (yPos < (0 + BallSpeed)) {
( y/ s' Y! Y" n7 k* Q9 [3 E yDir = "down";2 q( r2 h \; [. n8 D
}
+ |% M Y3 n9 Q' e! R }" @0 a5 j9 X$ V4 U, X; g
if (xDir == "right") {7 n: P( L- o* W
xPos = xPos + BallSpeed;
" G9 H$ @( J- B! Y& q5 Y }1 X& L9 r x, j! l
else if (xDir == "left") {
' W! i1 y1 J; o# H$ N xPos = xPos - BallSpeed;
# ^; y/ Z# e( W+ _# C }
: ^ }3 r6 W' v# A( a7 D% T else {- f' {* v5 Y+ b
xPos = xPos;
+ U" X/ G, k4 a6 H0 c9 ^1 R }9 o" b- ?6 ~4 ~. s, L4 Z% T9 \
if (yDir == "down") {
. E& |: J1 U# L& h yPos = yPos + BallSpeed;
8 o& _4 S2 N0 [# B0 ~* D: Y- H }
4 U5 i" I! ^8 o7 |6 v+ l else if (yDir == "up") {
$ l; Q" v: m; s0 Y6 A8 }5 L yPos = yPos - BallSpeed;
5 S0 X: \/ Q: ] }/ i" g+ W; e; ~
else {
* A+ A" ?0 Y! t3 O- u6 z yPos = yPos;! F" I K! I+ T( N) c4 T# @: b
}* v8 |- ?* \7 f i0 W# f* S
}) x1 f2 A1 d4 t8 T" E; t3 k6 l7 D) I
- ^3 B) J' u: r1 F9 e
function hidetext(){' [; J, |1 {" H) b% c
if (document.all)3 s! j5 x; O9 _9 R, }$ j" s
supertext.style.visibility="hidden"/ M0 y% F" i. ^% {7 |( k5 n
else if (document.layers)
& g( F* U$ c& t7 W7 k- s! x. Qdocument.supertext.visibility="hide"/ l$ c& h7 Q3 \- _- b
clearTimeout(animatetext)
- _4 z0 f% D( @: C" U, B}- t+ E( \4 o7 _2 W
; m: e& [. _# K: i
if (document.all||document.layers){
B) [; w+ c+ |& fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* L2 Q) A# S1 X; q. P3 j4 Y5 Nwindow.onload = initializeBall;4 H* y W& ]6 ~0 B
window.onresize = new Function("window.location.reload()");! I0 E3 ]8 @" ]% C8 P& j6 }
}4 [4 y% Q! N" i4 z) Q( P( i# y
$ ]- V H: l; S. b5 ?</script> |
|