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

|
网页之不断弹射的文字-特效
<style type="text/css">! }* t5 W" a! x+ R- P( `- o
#supertext {6 p; m0 z" K* f- K" T' p( B9 B8 c
position:absolute;
. K+ ]8 O- j0 M! D9 e0 F, pleft:0;
8 m5 w3 X6 l) d: Qtop:0;, \) o( _, Q6 ?1 d/ ?/ R6 z
visibility:hide;
# o: { ?& {, d6 n* z8 _" W9 avisibility:hidden; w( y7 ~3 A) X8 L. E, Q0 B8 J
}. |/ S- ^2 a6 _' z3 x
</style>
( L8 M, r" |3 u5 U! q<script language="JavaScript1.2">
( Y& Z |) [2 U5 _) x+ m0 h# M. c<!-- 改变下的字体的大小。颜色-->
* b0 |& b# o X8 I, yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: T o/ _* N' Q; N( wvar hidetimer='';0 J2 k3 Q: I# S5 n
<!-- 改变下的弹跳速度-->
8 l( o8 Z: B! ^5 Svar BallSpeed = 20; Y0 C# L/ h0 e3 W3 |- n' \) b
var contentWidth;6 X: O* `! C" Q& P U
var contentHeight;; @# o8 @7 i1 L5 G
var maxBallSpeed = 50;
$ |' x5 E0 {8 y e0 {# k& z5 N3 j4 P% ~1 k
0 k$ R! `- l, W! vvar xMax;
# q. U& O9 x+ l- Y5 k7 J* z2 _var yMax;) y" k! Q0 Z0 `
var xPos = 0;
+ e' }+ d1 S( Xvar yPos = 0;, f: Q5 D& J; d4 \$ h" I6 l
var xDir = 'right';
; V5 n1 h8 w5 {var yDir = 'down';2 W' j2 _& @! X# I& D( q/ \! r
var superballRunning = true;" F' W% n; r: p7 @3 c. P
var tempBallSpeed;4 F' }! O( r' J% C; p# g6 ]( B
var currentBallSrc;
/ x0 x" `8 s2 k, w: N# |- n1 kvar newXDir;$ s' z5 H' P" E9 Y9 S
var newYDir;
0 V* d, S$ b9 }4 k: B$ Z( T' ]7 @$ |, f) i% g
function initializeBall() {$ v* o. E2 c3 J, N9 l
if (document.all) {0 E1 e" w( T) X+ p c
xMax = document.body.clientWidth5 Z: i0 W- A, T ~! J
yMax = document.body.clientHeight
5 u7 W" {7 T% n7 z8 `3 x document.all("supertext").style.visibility = "visible";. k, q! E2 N+ q2 n+ V9 F
contentWidth=supertext.offsetWidth2 t1 O0 ?& [1 g' N' r# l2 q
contentHeight=supertext.offsetHeight2 A; t; X$ _2 T' p
}1 K z/ b5 Y, o( m! b
else if (document.layers) {
1 G8 I& W' t7 n2 c5 b% }/ h xMax = window.innerWidth;5 Q: U* u1 P# f: H! P' c) m1 I. c/ F
yMax = window.innerHeight;
1 V+ q+ \1 C3 k contentWidth=document.supertext.document.width/ V1 b8 R: F4 R+ y4 E5 ]) z" {
contentHeight=document.supertext.document.height
1 u, A2 {% G) Q* @) @0 P/ w- N document.layers["supertext"].visibility = "show";; @+ @/ h6 E$ y2 c6 R4 {
}
. O3 M- z- n* l) h setTimeout('moveBall()',400);6 I" {: [. [% r6 n
if (hidetimer!='')
3 M. q) t* W/ d+ y setTimeout("hidetext()",hidetimer)
+ B% D! r5 o! ^0 O* ~: q }" g! r& V0 b9 |2 A! |
/ w. I' j& N& }function moveBall() {. x [+ N5 A8 a/ H! o
if (superballRunning == true) {
) ]9 y8 ^9 z! u calculatePosition();: t$ v) h+ J) p+ ]& G' V2 [8 w3 U% Q
if (document.all) {
5 c! h, ]/ m- [8 q' E document.all("supertext").style.left = xPos + document.body.scrollLeft; }! ]( U9 Y( v1 w
document.all("supertext").style.top = yPos + document.body.scrollTop;
( B K' M9 ?# `+ a }1 {) |( N" g0 v' j0 o t
else if (document.layers) {0 d1 u' S) M. \" z: L0 L8 H: g" d
document.layers["supertext"].left = xPos + pageXOffset;
: M* ?; f4 ^) I' q: x document.layers["supertext"].top = yPos + pageYOffset;
. ?( a) F3 m) V9 G Q }
3 `( g- X$ P3 B1 x6 l4 v* Y animatetext=setTimeout('moveBall()',20);
( T- p7 Y% X% a0 T' H }5 x0 |) d7 Z1 q! o! n
}
, d k1 z y7 H4 \2 }% A7 Z. b1 h9 w& \9 P$ r4 y' |
function calculatePosition() {
: G% n; a; v; ^* i x7 e if (xDir == "right") {
7 P$ n+ u5 P) h8 K0 [' D& v if (xPos > (xMax - contentWidth - BallSpeed)) {6 E; O& ~0 `3 l1 `
xDir = "left";0 e( g. Y7 a- w
}8 \* u' `6 K, x0 }
}0 ]* g( [; D% g$ e; _
else if (xDir == "left") {: o+ @2 J: E' r9 e7 t7 @8 Y
if (xPos < (0 + BallSpeed)) {
+ I$ E8 n" I. {9 A2 u8 _" H xDir = "right";
4 {+ o' r, N+ i: G6 Z' Y3 d9 W }
9 j! L; |$ ~# ? }
1 j# i0 F- y5 q6 u if (yDir == "down") {
8 _0 G; N' G- Y5 q+ M1 A2 Y- L$ E if (yPos > (yMax - contentHeight - BallSpeed)) {
1 b" S$ E+ L6 c) Z- Z' {% ~" [5 v yDir = "up";3 \' j1 `2 t/ X- p! L! y# v) O
}
2 ~. N0 Q- I3 h* z+ F( h5 T3 @ }& m. Q5 G8 o* S/ F8 \! `6 [
else if (yDir == "up") {
- Y7 c8 S1 @, m4 v( K+ N if (yPos < (0 + BallSpeed)) {/ V; b8 R6 |$ W" d5 i
yDir = "down"; @& F) b+ }/ w) @
}# L& ?( {- G) J1 a+ ^( q1 `
}
# @- Q) q) J: O9 Z1 \- \ if (xDir == "right") {: ?$ h& h0 v* J3 h, B
xPos = xPos + BallSpeed;3 h1 O& U! l: e" e. Z$ S
}7 }, K. k2 B6 d: l; y0 f
else if (xDir == "left") {- u8 C$ R1 t0 y
xPos = xPos - BallSpeed;
0 t X- A# v9 R }/ R; _1 R( s, N, \' I' }
else {
& r) C/ }3 T( w xPos = xPos;
% b% v4 a4 A$ F Y% n, T }3 w5 ?& G" _& s: j- ^1 {+ p7 ^) }
if (yDir == "down") {4 H+ { D$ L' G' ]
yPos = yPos + BallSpeed;, E: U! J2 r7 H3 |, M
}# Y- X: j4 |" b/ N- y8 |
else if (yDir == "up") {. `2 F$ F8 `! U6 @8 |4 p
yPos = yPos - BallSpeed;
: E U0 u7 q% O" {8 P }) i; v w! w5 N9 q2 K- l" B
else {3 Q# F5 M: s) r! r# W) d
yPos = yPos;4 o( O4 e% {$ @+ f- L- l+ {
}
5 t3 U4 L8 A) p3 Z0 m }
7 p: p- T" {1 }' O% O' r, f- A- i
function hidetext(){
1 d+ x$ d1 M* [- a! B7 Vif (document.all)2 D5 {' u$ y0 i. G5 B
supertext.style.visibility="hidden"2 }% `0 a( g) f! V2 o' D2 g
else if (document.layers). P3 V- ?+ V/ ~( v9 B M3 g
document.supertext.visibility="hide"" `! x! E7 B; ~4 B
clearTimeout(animatetext)
$ u8 `: |. y. r; x4 U" P. X}
% ]1 l5 L4 v6 G Z9 F
2 t/ n2 J3 F nif (document.all||document.layers){
7 j9 f5 Q7 S" `3 Ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% m( d- Y5 C: n& l& @ H X4 {window.onload = initializeBall;
/ L1 ?) E2 W. xwindow.onresize = new Function("window.location.reload()");
/ f/ p+ F; s4 Y- u+ c1 q}
' t3 [* N2 V1 ^. v$ e; ^4 x0 f' ~+ R) O; A! }& T$ ^. G' C4 K- j+ a9 J) H
</script> |
|