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

|
网页之不断弹射的文字-特效
<style type="text/css">
; t7 l% |% k0 ~$ E2 ^" Q; E- Q: r#supertext {
0 I2 v! A @8 Q4 R: h: F1 ^position:absolute;
% u' v. j' |3 k& lleft:0;# t. U3 W0 Y: S! k N- w
top:0;
5 P9 G; g: w; E% ~* G5 \visibility:hide;6 p* i: m/ T1 D0 p. ]
visibility:hidden;
- {6 ^" B( s4 p) G" C8 K7 G}- m8 o4 @9 F6 O. A1 n' m4 g% C
</style>. q9 `9 S. K. s# `; C6 J7 [
<script language="JavaScript1.2">
/ F% j" {) y, `7 b2 j3 q# C% d7 d6 F<!-- 改变下的字体的大小。颜色-->
" N2 g) i' t5 V$ g- F3 J5 @- q R$ \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 ^' }/ q& e6 K: i1 ?2 b u. Cvar hidetimer='';
& h; ^; m- I/ Y; ~% C<!-- 改变下的弹跳速度-->
9 X2 z. X; B" d7 n3 |% Cvar BallSpeed = 20;& ~& w/ ~# X$ l5 `% w& I* {
var contentWidth;
/ A) @& ~8 [+ ? ^# U6 b( w4 U" v/ uvar contentHeight;
4 X5 C: J# ^* ^4 F1 a. F2 Q' Lvar maxBallSpeed = 50;
# Y$ A: h, U& ]7 h/ Y: a
3 \) a! Y" n0 P5 ^$ @! |
* e4 m1 w- x3 W6 n& bvar xMax;; s( L* V8 Q; ?$ U
var yMax;2 m/ B! |' n1 C% G+ |! d
var xPos = 0;1 f [( ]( D% K: F# b! ^
var yPos = 0;. r. `# q# r; z. s1 i$ B
var xDir = 'right';- P% e1 x' Y0 W& e9 g% C$ j: [
var yDir = 'down';
& n$ h, ~ h o9 n9 [var superballRunning = true;8 `" i# G) J# _; j5 @ {' ]8 v9 m
var tempBallSpeed;1 X% K! s5 X" N! ~3 D5 A* F
var currentBallSrc;
( w9 M6 [- T) H; R# r2 x' n: `9 Bvar newXDir;
* Q: C7 H9 ~' e3 l4 Cvar newYDir;
[$ t9 ?% b; B5 E# ?
* i" B) h! m) l3 I' v( zfunction initializeBall() {- a6 O) a* X- u7 g5 M$ @7 C% Y4 @
if (document.all) {& s) |$ p; u) E+ b6 n
xMax = document.body.clientWidth
+ w% G% t$ P2 D yMax = document.body.clientHeight
8 t, a4 }: J: U, T document.all("supertext").style.visibility = "visible";
, Z4 ^; l. I, U3 K- t contentWidth=supertext.offsetWidth6 b# q4 `# H7 f7 X0 m
contentHeight=supertext.offsetHeight% x! Y l1 e! d( b' S" g6 R. s
}& g' A. D7 E- B0 L* P0 w8 }* O( N
else if (document.layers) {
6 A1 d3 Y# u1 h, o5 ~1 t xMax = window.innerWidth;0 {5 E9 \+ s1 q' g' I
yMax = window.innerHeight;
/ Y' L# j: r+ @4 C# s contentWidth=document.supertext.document.width
- y9 U4 w2 P& i contentHeight=document.supertext.document.height4 l0 f0 G; D0 O2 Z Y3 w
document.layers["supertext"].visibility = "show";
' F. F6 h+ m$ G# J: k) v }
; [+ I$ o8 o$ ]% T6 [! M% t setTimeout('moveBall()',400);
# w7 C9 ^9 D: P if (hidetimer!='')
9 `/ v: q Z/ W( {$ n$ Q1 M setTimeout("hidetext()",hidetimer)4 {, p. E/ Q4 _6 M
}6 @- b5 g( C" C
1 \8 S9 `' b/ ?0 z
function moveBall() {% s+ d: u7 D: ^' V4 Y5 u
if (superballRunning == true) {# ]' v! H% p2 ^) g. s" I i1 U
calculatePosition();0 l) K9 e; F! Q' u- W
if (document.all) {
2 U3 C3 \7 P' s: ?( e' Q" z* N document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 q0 s2 s: P4 d2 l document.all("supertext").style.top = yPos + document.body.scrollTop;
$ G* U9 u' K/ q1 w8 [1 } }
6 S6 h( b- n4 z3 _ else if (document.layers) {
7 ~8 y% U; b$ W7 c" r) ^+ W document.layers["supertext"].left = xPos + pageXOffset;, w( g# m! Z0 N& Q- z
document.layers["supertext"].top = yPos + pageYOffset;
3 k3 j* f O1 ~+ ]6 S3 K }! r% X$ D+ S: H& t! ^
animatetext=setTimeout('moveBall()',20);
. H, s/ I, S( J' K6 a8 k7 t }
& N8 j9 b5 P/ x6 i% {. J1 e) z }
6 h; B! ^: ]. @' n/ j' c2 Y R; h6 P0 A' F
function calculatePosition() {1 B2 l2 t4 L6 ]7 b+ H( D
if (xDir == "right") {$ s' C8 p6 z: K: ]+ y
if (xPos > (xMax - contentWidth - BallSpeed)) {1 y$ k0 c+ t; r
xDir = "left";- W9 b( l" ~% d; g0 S% c, w% _3 l$ l
}/ V# S7 K; a) [7 V E+ b, Y
}
- u8 l/ `# t* u& O' i* K else if (xDir == "left") {
% }- o$ l$ l! }( G) p if (xPos < (0 + BallSpeed)) {: `' E5 @: G1 m
xDir = "right";; K/ Y8 {- X H/ @! e: g
}' [, ]% ~ ^; x5 g- N; r; x% B
}
: c4 A/ s) q1 c$ [! z/ A! z1 \ if (yDir == "down") {
* q3 o; R5 p, U( i8 X" g8 t [ if (yPos > (yMax - contentHeight - BallSpeed)) {
( B$ k! P3 X) v7 h4 | yDir = "up";# m& ^( D& \5 M: Q0 p0 X
}
3 T4 V+ b1 `7 Y* |+ V) P; ^3 K$ h }; W, _* w! |, B! h" Z8 i
else if (yDir == "up") {7 H' H+ r, o i) p! l
if (yPos < (0 + BallSpeed)) {
! L1 H/ X! P e yDir = "down";
" Y/ H0 M+ X2 @/ ] n/ Y2 G }
# z& H- v* w. c# r0 ^2 ^ }3 A. U- p) V- A2 W. L* N* w
if (xDir == "right") {
* Q+ t# F9 E4 N+ O/ Z. i% C: G xPos = xPos + BallSpeed;
3 `. Y h# x) l) C# I }8 L0 {- I4 w. N
else if (xDir == "left") {. v3 ^' `8 [& A0 {$ E
xPos = xPos - BallSpeed;8 c1 d8 h+ `+ F! T
}
8 Q7 p/ E C( j5 B$ t/ X/ r# G else {
" B! E* p/ ^: U- m xPos = xPos;
5 a4 q- _$ Y# Y* x Z( N }9 E, B* `% w# ?' V
if (yDir == "down") {
( k o4 O4 k6 t) S; a1 p yPos = yPos + BallSpeed;
2 m# n/ X+ | |+ F$ ?2 y- Z }+ J5 a2 f2 q$ Y/ l) m7 `
else if (yDir == "up") {* v9 g7 ` o. Z, |1 \2 ~7 P! T: I
yPos = yPos - BallSpeed;" K! Z" A! n9 _0 k+ l# `
}
0 G2 @/ V0 `4 Q$ B; B* z else {' K& x& U4 E# J: p
yPos = yPos;, H* {! S3 c I1 U8 P
}
$ B5 Q) E/ Y; O }
# Z4 w1 U" x% D7 V6 E) H) ~1 Q; l5 `4 N# H, p% h; r4 n3 y$ A
function hidetext(){
! u8 Q4 N: j3 T8 P; X/ d. hif (document.all)
5 g. ]% l; q: d- |) Ysupertext.style.visibility="hidden". ]1 j' g5 F9 a
else if (document.layers)- m! T' j+ R( e2 @! }
document.supertext.visibility="hide"
1 G" C3 t6 c, J3 ^clearTimeout(animatetext)- E) g1 Z7 y+ Z: e: x0 u: X6 o
}
4 [' x' ^# W+ P" I9 l! V" @
6 O. a( y* S4 R( ~. uif (document.all||document.layers){) I( @% k' t. x) d% _
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>') T! u7 b6 N( C5 p5 K
window.onload = initializeBall;: U1 N1 a$ x% a. c6 P* W. K3 m
window.onresize = new Function("window.location.reload()");
" B& V" P @9 {% _}. @! J5 [; w& f' t x) k/ v
! ^+ q% Y. E8 b4 p6 X</script> |
|