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

|
网页之不断弹射的文字-特效
<style type="text/css">- y( ]+ O0 H3 \$ @
#supertext {8 A7 F% q h* g0 ?# k: x. m7 x
position:absolute;
& \0 i! l' J4 `8 p; [left:0;. p, {8 I8 H, x! v& N/ x+ p. X
top:0;! d+ q% J, I3 e7 l7 P
visibility:hide;
8 M9 }7 T6 N. Yvisibility:hidden;
) X, p1 ?1 x+ }) v# j}! z+ ]2 w$ u) B6 h
</style>
0 s/ x7 S3 T/ m7 O<script language="JavaScript1.2">
$ H( O8 }1 o' J G/ l6 j7 \<!-- 改变下的字体的大小。颜色-->
! C. N2 i. D& ]/ g% U1 l1 r, L7 svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'- C4 b. s' ]7 `$ o( Z' n( w' b
var hidetimer='';* u+ d$ `: i; H# b4 }9 ~! d5 G1 v
<!-- 改变下的弹跳速度-->
7 U( M- L& ?( G8 f. S) p. Rvar BallSpeed = 20;
) D& ~! h" n: ]: y: s. Zvar contentWidth;, b4 n* h$ y) {4 L/ T
var contentHeight;. q6 D7 d0 p% j& h4 U, R
var maxBallSpeed = 50;
8 l6 c ~7 n, g) H0 E, N* {7 t$ l& ~. ]
5 o E6 a8 X: `9 }$ R
var xMax;
' V$ t) Y, ~( j% P( z, ^! svar yMax;
1 T6 U$ T. ~1 M, h8 a8 cvar xPos = 0;
# h( g2 F: j# [. q4 B6 j5 Jvar yPos = 0;% C9 r# V" T6 A+ W7 G6 s
var xDir = 'right';
" Y }" p3 ~+ [7 R9 H9 f. Ovar yDir = 'down';0 R7 E7 ]$ l+ X
var superballRunning = true;6 G( a. |) ^; \% e4 i5 l
var tempBallSpeed;
2 d+ ] l6 K! s0 k9 Bvar currentBallSrc;1 d9 n. y# T" M1 Q2 E/ K) q
var newXDir;
0 k5 _$ R$ t; D' S/ S Mvar newYDir;
{/ C0 i! W" |, F' {; |
3 G# p/ r0 C. ~- y+ V2 xfunction initializeBall() {
/ @1 X0 |1 p# A! u" Q% P% b if (document.all) {
4 d- S2 _( z* ]* V) | xMax = document.body.clientWidth. g& N9 q) p* ^2 }0 ^# ~! Q
yMax = document.body.clientHeight" H, r s1 {* n! Y1 L
document.all("supertext").style.visibility = "visible";; r( [# J) q& C3 ?) D$ p
contentWidth=supertext.offsetWidth7 M+ Y( d1 ?' v% }$ s6 c
contentHeight=supertext.offsetHeight
$ r! K7 j m: p U }
* K, O, r9 P( I6 t$ A8 M8 F else if (document.layers) {
6 Q$ p7 C- T( d3 g$ S xMax = window.innerWidth;% ^$ `% v# R8 n8 e. N& n) B# n
yMax = window.innerHeight;
1 c% u4 O1 [) ]8 \0 T# c contentWidth=document.supertext.document.width
* v6 r% G! u6 O( E) z$ f& | contentHeight=document.supertext.document.height, g+ f- U7 a( U1 j6 m
document.layers["supertext"].visibility = "show";
8 W7 l0 G" z/ F: X8 L& s }
+ F3 i' m" z1 J& e setTimeout('moveBall()',400);
: W3 a4 E1 U: _# i. e- G( ? if (hidetimer!='')
! D& v3 E% u) g! }* Y. T setTimeout("hidetext()",hidetimer)
" b) F6 Q# J- t5 z }# C, m6 l5 N* Y2 R3 }' F4 U
. S& G) t+ w. d: `# F1 _
function moveBall() {" S7 _! e3 C; p+ g# K7 [& U
if (superballRunning == true) {" y9 X8 x# G# _1 A
calculatePosition();
& d7 W2 C) U* f3 o- T( c5 b p if (document.all) {
4 L: [7 G" L' Z# q# ]2 a$ ~ document.all("supertext").style.left = xPos + document.body.scrollLeft;
( G$ {% [/ A% A3 V8 L. X document.all("supertext").style.top = yPos + document.body.scrollTop;$ y M9 N3 j9 v# b- x
}
7 j3 w5 w# l# M9 E* j else if (document.layers) {
# j3 L" K4 @% u; v/ V. S- h9 Y document.layers["supertext"].left = xPos + pageXOffset;4 E# O `1 {$ K8 u0 c: i. X
document.layers["supertext"].top = yPos + pageYOffset;8 l# b/ d6 \7 U+ i+ m
}
1 j4 ~. ^3 ?% \2 a% q animatetext=setTimeout('moveBall()',20);) r) L9 b. P- m8 l. |
}
3 N4 Y V( m( v" u, F# H; X }3 Z: I. D, `' c- ^( ~
! F; l+ q% y* h! J
function calculatePosition() {; N2 n3 I& p. B) t1 F
if (xDir == "right") {
% o$ J* B( c. o if (xPos > (xMax - contentWidth - BallSpeed)) {
0 p9 S3 j/ P2 s8 A p6 e( n, W xDir = "left";
) ~& N* @; ^& z% J. V( h: _/ o }
' \: n: Q9 l" o. S* J9 a }
. I, h9 u2 i7 k* o% ~" W! m& o6 E( s& F else if (xDir == "left") {: W, a0 B" w$ }1 W" S( j5 `. y
if (xPos < (0 + BallSpeed)) {
" O2 }" C+ O" F0 P: _+ Y! _9 V/ { xDir = "right";% o% a" g2 l( U# A9 n! [0 _
}
- @' A. h2 T. K" J2 D }" ]% X/ Y3 X) {' c" _; d" K3 j
if (yDir == "down") {+ V4 U' z$ O* N8 J9 u& H7 I
if (yPos > (yMax - contentHeight - BallSpeed)) {! b z3 L! U3 X; V$ v8 F' Y
yDir = "up";
" j& t; B0 }8 Z; l }
" T) C8 w3 p- p- Z }
" M- `. l2 v' a/ T else if (yDir == "up") {4 R6 H$ M! E, a3 t& |" V
if (yPos < (0 + BallSpeed)) {
, ?$ ?) r5 ~8 a9 k yDir = "down";" J8 X- m8 B0 S$ G D
}
/ g" ~- P s, B+ n" W- |9 H$ G }
3 i# Q- ]# b- f2 U& U- c$ g3 u if (xDir == "right") {5 N8 e5 |" ^% Y, e; T! y* [. C
xPos = xPos + BallSpeed;
5 h" Y* C5 ]. l: o: F } n( e7 ]' X8 `0 z0 Z, O! r
else if (xDir == "left") {& }# \/ V* F2 P3 I X
xPos = xPos - BallSpeed;! c1 K- b& L- Y5 h
}, ]/ _0 U |$ C9 q9 v
else {0 s! d: x& U3 T7 @( b
xPos = xPos;
2 H7 x! i. Z$ ?( [ }, P% s7 q5 \" u1 m5 U% h, W
if (yDir == "down") {
: }* @% O' P' P3 [- l+ E7 M7 T' W yPos = yPos + BallSpeed;
! K6 A) m% G, D6 t& P# v! T }
2 l8 ]! c( ]# z$ n: s else if (yDir == "up") {- q! S+ u! {, A; L* z) Y
yPos = yPos - BallSpeed;
6 e' Q, v9 k" a7 Z- }1 g }% f% Y8 @3 d. t( P+ w( _: ]$ a
else {
+ I3 O% W1 ?5 _9 y: a; }; q yPos = yPos;
* y" K0 \% O5 J }
$ m2 c2 _7 U0 F }
- L" t2 W p' o5 y2 r5 E6 S/ F- w+ C# ]
function hidetext(){. ^+ w- a, x! C' U7 w
if (document.all)6 i Z- K" y, Z( t0 g J9 `0 ]
supertext.style.visibility="hidden"! i3 G4 E6 ]* V/ V7 q0 C# ^: U! t% q
else if (document.layers)
/ o+ q- b7 j' Q5 c9 ldocument.supertext.visibility="hide"
|+ W" ?; k" w/ @0 h! x; c, h- }clearTimeout(animatetext)
- u2 k9 o* J; l} ^! v2 |) S* S5 n0 b1 P
: v3 d5 B; A, d) k- \# f: y& b' aif (document.all||document.layers){
9 b- B2 `2 p4 H7 l! b( v; idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 Z& H+ R. j8 y+ _& I9 {" S
window.onload = initializeBall;$ _1 H1 c9 z" f: w
window.onresize = new Function("window.location.reload()");
9 }- F$ s( _5 R# ^9 x$ S}6 I t5 C2 y$ B S+ Q" r6 `
/ Q/ K. W6 v% [7 q; u* Q8 T% P" W</script> |
|