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

|
网页之不断弹射的文字-特效
<style type="text/css">1 T w; b8 b @6 ~3 M
#supertext {# r8 p4 L, E2 _2 y# P( ?
position:absolute;& w2 E, T/ V- n; o7 p& z
left:0;8 Z5 t& M$ q; P, i
top:0;6 p9 c" _: M% H5 Q, W9 @" t0 F
visibility:hide;: _+ r7 X; J* Q' v0 D& v3 e1 W
visibility:hidden;* l8 l- _6 S8 A& w8 ^: C& t0 l2 B
}- z; x! x5 X# a& x8 S
</style>& Y2 L+ {6 ^4 L$ b* ^
<script language="JavaScript1.2">- x" r5 I6 t# K' Y, e
<!-- 改变下的字体的大小。颜色-->
. T6 i( `7 R/ e. cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 N) A F ^' lvar hidetimer='';9 _$ v( g# s4 \. Z
<!-- 改变下的弹跳速度-->: T" q* y( `" O( e( z. o, a8 W. N
var BallSpeed = 20;* _5 j* `, @/ C3 N2 U* `
var contentWidth;) O$ r! \2 Y/ U; w$ I+ M' E
var contentHeight;: @: E, u a1 o( E
var maxBallSpeed = 50;0 S5 N) j' B, x
- p0 d6 {) U& `
, t. n8 G8 I0 D& ~$ W
var xMax;
, o$ x1 a( J1 R' A k- v' xvar yMax;
" n' i1 r5 d' p1 Q& R1 Uvar xPos = 0;
, T' i8 P3 }( f! Y7 vvar yPos = 0;
0 T7 p) Z; W+ `7 z: Avar xDir = 'right';' J* I% D6 m9 t/ k3 y& [9 b
var yDir = 'down';1 W- E" |* P6 d! H- l
var superballRunning = true;# ~1 @5 o4 A5 |3 l+ g# d
var tempBallSpeed;8 J0 ~4 l) y T8 c/ L4 e0 l( \
var currentBallSrc;
I: c* Z. u% h0 q8 ~4 t+ A& O) dvar newXDir;1 B0 t' v" ?* e9 {& r2 @
var newYDir;
: e/ V- l' s9 Q8 o; e6 y5 D$ b) y& X( L/ Z/ X! T* U- F4 h# Y
function initializeBall() {
6 g, w" s9 F& \, C2 \ if (document.all) {" a- D% T0 A4 W
xMax = document.body.clientWidth& \ P% K( S# w# q
yMax = document.body.clientHeight, E4 D: j- z! y: I: ?3 a
document.all("supertext").style.visibility = "visible";
8 o$ w# e5 K* z) ?( l. Q% S2 O contentWidth=supertext.offsetWidth
3 R# \7 S9 X( e8 O8 j% `8 g+ L contentHeight=supertext.offsetHeight4 _% R/ f8 _; w z; k1 U
}
6 w8 I7 l* d, C, P a else if (document.layers) {
: _4 A- e0 F0 {8 ^% g( }5 D/ A xMax = window.innerWidth;
" |7 v w# v, c3 X+ l yMax = window.innerHeight;
/ m: g' U3 j! s0 M6 y contentWidth=document.supertext.document.width
5 T$ S, ?' D- b) Z3 y% {6 e: } contentHeight=document.supertext.document.height8 s7 C% k6 M9 P0 r |# j0 n9 b
document.layers["supertext"].visibility = "show";0 n& C. T$ o7 n$ q! S1 k6 F
} p0 p6 D1 _1 U$ e: O5 T
setTimeout('moveBall()',400);( j2 e1 a Q/ a$ Z! L* r$ c# A/ U
if (hidetimer!='')
" i0 o3 O4 [0 m: a8 V setTimeout("hidetext()",hidetimer)" s* U6 _, \* o* D; K9 I
}
: r5 L* X, T3 `
" S2 I. b, J6 J H9 F0 vfunction moveBall() {6 X$ C( ^( i, m/ y+ F$ U' H, n( k2 n) L
if (superballRunning == true) {
' D; b6 Z% ]% o3 O9 e calculatePosition();
6 E6 r* N+ i; c( |: {2 | ]- N1 [ if (document.all) {
' S( ^5 T- Z1 {8 `/ ] document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 m+ q# }; N! h; \ document.all("supertext").style.top = yPos + document.body.scrollTop;* N. S, |8 {* C( x
}
* w: z, H- B$ Q6 W* K; \+ F+ B0 ? else if (document.layers) {( ~( G1 v0 m1 T7 i% c
document.layers["supertext"].left = xPos + pageXOffset;2 g- |& [! `$ h/ M* j& a2 h& ~
document.layers["supertext"].top = yPos + pageYOffset;) A6 j. q) p. H: A; y4 I+ ?8 g
}9 \; r8 z, M4 F) M* |# @' g7 i5 }
animatetext=setTimeout('moveBall()',20);1 `# |7 F- Y) r- |" N7 ^" P; T
}* Z4 P' t Z" N
}
8 Y0 O$ X* s* J$ b" j5 [, G; U y
# Q; K2 h& g- ofunction calculatePosition() {$ T+ c( k! h. H- K7 u S
if (xDir == "right") {, Q6 |) S: m& {! T9 M* y, F8 q
if (xPos > (xMax - contentWidth - BallSpeed)) {
9 E: `, b1 m3 |! k xDir = "left";
2 v( j* e. j2 C6 j; g; N }
9 e$ I5 ~7 }+ G% Y% q. a }
( A- {1 f! J A7 P/ M else if (xDir == "left") {8 i z1 Y' D2 u, s# _6 C( @4 @& P( o
if (xPos < (0 + BallSpeed)) {
! W9 k6 i( R+ [; i- D) k xDir = "right";
; k- }9 q0 X) N+ b8 j* G }
6 T' z6 r4 P9 w$ x$ R# s }
" u3 t7 L7 v, S4 f8 P if (yDir == "down") {
8 J$ g7 S+ {$ f3 I: q if (yPos > (yMax - contentHeight - BallSpeed)) {
. Z7 [0 q6 ~0 S8 g. H# k yDir = "up";4 x6 [2 T) j9 Z# s* e9 Z1 W, y
}( N5 G! n" d0 p& d
}1 H9 b1 N5 u6 h
else if (yDir == "up") {7 P' m. u+ |: K. v
if (yPos < (0 + BallSpeed)) {
" q5 l0 ?/ [8 r- X" v. t" d yDir = "down";9 x' J$ V9 j2 ^1 l% u: X ]
} X, I" U; | V- E+ I
}9 [- q+ l! I8 ^5 U5 d0 v
if (xDir == "right") {
# ~/ e- N+ I' r% _* C xPos = xPos + BallSpeed;, p; o( w% x2 ?; g1 E5 n6 Q% `
}/ n1 k9 U; [3 Q
else if (xDir == "left") {3 k/ S$ P0 `; g9 F
xPos = xPos - BallSpeed;
) s3 |5 ]. J1 s) @/ u8 _ }+ e0 _* b8 h P0 n+ {
else {
) d3 m! I' ^- m xPos = xPos;9 s6 X; r! u3 \ ]
}
u$ N( G7 }, e! u9 u. R! J( n if (yDir == "down") {
5 v3 X+ _8 q; O( q8 c/ ^0 ] yPos = yPos + BallSpeed;
* t$ Y* e- A* [/ T( W1 I }5 Q* ~* F; z2 O& V, l: H' m9 N8 ^3 G
else if (yDir == "up") {: U+ _& m* F i# j% z A$ {2 _
yPos = yPos - BallSpeed;1 b9 n3 L* P# v3 M' E) N
}
7 H6 b& Z- j) | G else {) q- [) f' Y9 Z1 Q J/ m% b* X
yPos = yPos;
5 o L- T B5 E0 Y% j( o9 g( J" z }
6 `- [# w' `2 ]5 Z$ L7 A( K }
: ?5 ?/ X: q! N# X" n' o/ q6 U- T5 A5 I& l
function hidetext(){1 s0 \$ w4 k) C$ i
if (document.all)
( [/ K# A' g2 I, ysupertext.style.visibility="hidden". y) i8 |6 U$ i" `' o
else if (document.layers)
) M, F1 R0 {/ O# C4 Adocument.supertext.visibility="hide"
& S: i3 T, O! `1 ?8 }clearTimeout(animatetext)4 ^3 M8 b' \' v$ T' _. h
}
. j' v, i+ z! z' |$ k5 g! W4 H
if (document.all||document.layers){) l/ C$ X0 z/ s; ?5 _6 b; @- H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')1 h$ P: M& M5 J+ Y; D3 M/ z6 Y
window.onload = initializeBall;
4 O; v7 n; P' e0 T2 Owindow.onresize = new Function("window.location.reload()");0 X( {* m/ E; K I( F7 o- M0 p/ c' Q) @
}/ G) V: C- d6 J! i! }
1 q- v/ `9 m) I- o H! \</script> |
|