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

|
网页之不断弹射的文字-特效
<style type="text/css">
3 i, ^# |8 [5 E% Z4 w. R#supertext {
/ R5 c1 e3 A4 k# L, I' ^: P' l8 C9 bposition:absolute;8 X- o1 X8 _: e A
left:0;0 T% i$ F9 c1 _: B
top:0; N$ E2 m+ ~; e# ^
visibility:hide;
, H- p* |- m( a- S, ^+ c& mvisibility:hidden;
% f' \* v7 ^2 X5 c# n}
" A+ a% L/ k" `+ a8 O</style>5 s P( J6 y" v. @* e
<script language="JavaScript1.2">
; z& _0 r8 L h8 N% b9 V; l<!-- 改变下的字体的大小。颜色-->8 ]. E3 S1 x( ~$ ]9 w O
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; S0 ]' Z0 K+ k9 d
var hidetimer='';& T) m9 | l) p3 R0 \" z
<!-- 改变下的弹跳速度-->
: T& T, F0 a" T7 f" qvar BallSpeed = 20;* n% i9 U, W0 o2 ]3 @1 }
var contentWidth;2 d+ }, w1 X& w! o9 `
var contentHeight;
2 k( D, ?! x* Z" p$ ~var maxBallSpeed = 50;
1 ^+ O( O! M1 t8 B# G w
! `( k6 W$ ?& {' B
$ U7 L( ]% N3 X1 [4 |/ H, Ovar xMax;
- U* J8 V1 Z! H) dvar yMax;$ ~! ?4 Y% b# C0 {3 V O8 @; X* S
var xPos = 0;
5 E4 v" U: I9 ^$ c: \6 Kvar yPos = 0;
' P# X0 k i# J( l6 w, O# Jvar xDir = 'right';
. {+ I/ {, J% V/ q3 Fvar yDir = 'down';
8 k# H) I6 Q. \0 Xvar superballRunning = true;. r6 q" _" j) U9 X7 r
var tempBallSpeed;
) ]$ B8 L( C1 l" L; t- fvar currentBallSrc;
8 G* }" h- [4 W$ s) Ivar newXDir;3 ~0 H( A1 U" s, S# X- l
var newYDir;/ W7 Z: R: r+ i D3 V* ?( i$ b
# u( e% k i+ Q' b# l" C' [# ffunction initializeBall() {
3 l, }; i8 P* X% v6 P- O8 r6 @ if (document.all) {: E) I1 O+ `+ _6 }6 P# V) s0 G$ f
xMax = document.body.clientWidth
3 i( ?5 ?/ S7 m4 [6 L yMax = document.body.clientHeight, @' M: W6 R- y+ I2 O. q0 m
document.all("supertext").style.visibility = "visible";
% Z4 Q1 p9 R* |" h& ]" v) R2 a9 }! H contentWidth=supertext.offsetWidth
3 G, W+ b, F7 y8 a4 o: [9 D contentHeight=supertext.offsetHeight
. Z% R7 C1 H' @3 w% `& l, P$ d }2 _5 q1 D+ ?: P7 y
else if (document.layers) {
. K$ Y$ q5 ^6 A! `% ] xMax = window.innerWidth;" T/ ?6 U' t6 [& T, S, @) @8 k
yMax = window.innerHeight;
* R$ a- S0 d0 B3 {' C8 D contentWidth=document.supertext.document.width I1 Z5 R" v7 j+ }3 J2 j
contentHeight=document.supertext.document.height4 S3 }7 v1 `7 I3 C( c8 Z
document.layers["supertext"].visibility = "show";
8 T4 @) I$ c) ~5 k* O2 K }
. m6 X% p* p" e5 f setTimeout('moveBall()',400);
; m. V& d% s! |6 M# F if (hidetimer!='')) ~* Q+ I! z# k& S4 n$ {' L" }
setTimeout("hidetext()",hidetimer)
, D/ [( P/ C/ e, n4 @2 f }5 Y8 t( ~# i5 @% @
/ z% ~3 L/ j+ p
function moveBall() {1 g6 L. \1 \4 x5 h- v
if (superballRunning == true) {+ v# P3 A0 ^0 c( a: Y( i, L
calculatePosition();
) i( J; Q0 u `# i$ M if (document.all) {
3 Q+ P. E: [1 A/ P document.all("supertext").style.left = xPos + document.body.scrollLeft;
# @" H: M/ q4 b document.all("supertext").style.top = yPos + document.body.scrollTop;0 [; L* t: e/ ?' C) a; z
}; c7 ^) u( v; E, a- U
else if (document.layers) {
6 A3 T+ y* G3 f3 J- w' g document.layers["supertext"].left = xPos + pageXOffset;: U7 {+ ?, ]* a! o1 m1 K
document.layers["supertext"].top = yPos + pageYOffset;7 e6 y$ R9 c9 u! [+ w; h. a+ a& R
}
, w) R( Q% M t! C) |2 R' | l animatetext=setTimeout('moveBall()',20);+ ^ L7 a: V2 Y7 I
}7 N" ~6 Y& Q! ]9 u' P0 B
}
* g F8 G& Z+ P8 ?7 Y) `9 r, P5 ]( ^( u
function calculatePosition() { r; G# g" o8 V5 Q
if (xDir == "right") {
/ b# u3 ~% w/ R6 x& o if (xPos > (xMax - contentWidth - BallSpeed)) {
2 e0 m ?3 R- a! l6 q* ~4 Q xDir = "left";3 d/ o( H$ k& f: n9 K# ~
}
; V# F1 X/ R- R/ K( ?% o, G5 e4 r }. @8 W7 x5 F& Y6 R/ g$ D; ~
else if (xDir == "left") {
: a& q* q! e1 e if (xPos < (0 + BallSpeed)) {
9 N7 H' O; t: K& N$ c& ] xDir = "right"; E$ v# o" c5 K8 j; h
}
" |/ G6 k' v \ }
$ w ~5 q3 N( T if (yDir == "down") {
' W9 Y( k" I1 ?( e. m) @2 f if (yPos > (yMax - contentHeight - BallSpeed)) {
2 w2 L% K \% w9 U yDir = "up";
3 B A k7 H" Q7 y8 a2 p# X$ p }
- Y7 n i" X3 R3 P- Y8 n }0 ?: ^4 S) O1 ?/ Y7 Q
else if (yDir == "up") {
6 t0 |2 b& |) j# W6 y if (yPos < (0 + BallSpeed)) {
- o/ \6 A6 I. {; p k yDir = "down";; E" `6 u! p6 T6 R% g1 S) \) _6 U
}, r: ^ ?" t$ J* k2 z4 e
}* {" @6 C6 j5 T
if (xDir == "right") {
* R4 } k) s5 s- a* I, {( H- R xPos = xPos + BallSpeed;
! C8 m$ i' T+ ?0 s$ [1 L4 } }( u. o3 ~: b9 ~3 F" C( Q+ ]. V
else if (xDir == "left") {% \8 e8 M# v) L0 W9 ?1 s3 Z
xPos = xPos - BallSpeed;
) ^" p6 O/ B7 `+ V }
* x: A; Q' \6 O2 T* S: g. G else {2 C# m. }$ `% W' f3 g
xPos = xPos;3 F/ w; E. I* j: p" Q) {0 @7 f1 @' o
}
$ u0 y3 q2 `" x) Y! Q6 G {- w if (yDir == "down") {/ G/ I/ w$ X4 R% e# L
yPos = yPos + BallSpeed;0 p: Z* _( \3 X% ~
}
* B7 Q' z7 B7 b2 [! o else if (yDir == "up") {
* D. L) e+ c# C; I3 W8 |6 x8 q yPos = yPos - BallSpeed;
b; {, }- u1 v" E; f6 O, j }: |! W, G4 B: {/ N% v
else {, I4 R2 U7 I4 v6 q8 O
yPos = yPos;4 x' L& U/ l4 j) S y9 `6 R2 Q4 A
}
& e: u# G8 o0 n: F, c$ J }
$ }/ e1 P e; F% _; c9 _
4 j/ B+ T' x Q5 g" z) W. Hfunction hidetext(){* e, w# G8 B3 g) o0 F M
if (document.all)
! V7 g3 D1 [3 [, r' }supertext.style.visibility="hidden"
5 E, Z$ C( Q& S s. C+ _; pelse if (document.layers), \ S9 |0 ]: @/ A9 i1 f9 n
document.supertext.visibility="hide"
9 O6 |3 ]0 h0 {clearTimeout(animatetext)
! c/ G* q# u/ b" n}
# |5 Q9 \; l, |4 f2 q$ M9 N6 K# `- Z7 U, s
if (document.all||document.layers){/ d! v+ Z9 x; w) j# H: d
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) J7 B, j& S) V, ]" g8 ] R6 kwindow.onload = initializeBall;1 `, k% O; ~( O R* y7 b0 o
window.onresize = new Function("window.location.reload()");( e9 ]9 E% J( i4 H1 h* t1 ~
}/ D8 F9 d0 ^- Q' {4 D
( `; f7 ~$ M: y; D3 I! h
</script> |
|