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

|
网页之不断弹射的文字-特效
<style type="text/css">
3 Y* L' g: ~" q8 _9 X! `#supertext {
- K: R0 _% l8 V0 v3 ~9 r8 \position:absolute;
! a- m. G# [" J7 Q/ d7 ileft:0;
3 C G6 q0 E. {9 Wtop:0;
# j, x' q1 H- o7 r/ ~2 b% p, dvisibility:hide;
! X& a/ \7 s# S! \0 d- _visibility:hidden;1 i1 i* w t/ m: ]
}3 Z& O; X# G9 b, x
</style>
6 T9 T' |# a: m6 T9 N8 {<script language="JavaScript1.2">- ^" s' V, [% ~! D) k, U: M* }
<!-- 改变下的字体的大小。颜色-->
i3 o% Q, y5 ^" d* h8 n8 B2 Cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
! V% n- n. {5 W- fvar hidetimer='';+ S* {1 s: Y* {( m
<!-- 改变下的弹跳速度-->! y$ u9 Q( d$ y7 _% D) c
var BallSpeed = 20;
) R( I& c5 Q1 j' ovar contentWidth;: n9 B/ d# }1 b8 A
var contentHeight;
: p, y$ o0 \+ K( u% `( @) Mvar maxBallSpeed = 50;2 R- r% L9 _- i- C
5 ]- O3 D8 J' j0 E$ E, I
5 h1 K; R& l2 S, [& Cvar xMax;
1 N5 L3 A* g7 }6 v/ c- X) Fvar yMax;
2 g( A. ?( Y2 d: m3 N! h1 b* dvar xPos = 0;/ }$ N* z+ ^& y5 S6 X6 x( ^5 Q, }
var yPos = 0;
: Z K# S6 |2 q# ]' F2 x3 c4 X; kvar xDir = 'right';1 V5 H+ ]- G+ E7 X( R! ~3 L/ p% g
var yDir = 'down';
* P0 D* `( @4 a/ _. t' ~$ fvar superballRunning = true;$ r2 u' {% d3 F# i F
var tempBallSpeed;
6 ]1 w8 f& L' K0 Jvar currentBallSrc;
' C7 O$ [- y2 x0 C4 |: Hvar newXDir;
, [, S* j0 X$ |% a, S5 ~var newYDir;6 c( M. T7 {/ g; g# B3 ]
) i. @( m6 w6 q% ?2 G+ afunction initializeBall() { m; O/ E0 c( p: K- @7 ~. G/ G7 W4 m6 ]
if (document.all) {
N, v" \4 o D \, U1 q7 Y* q xMax = document.body.clientWidth
! o/ Q$ l0 q5 O9 e yMax = document.body.clientHeight
2 a& g8 e, y" Z/ n1 z0 i* Z4 V document.all("supertext").style.visibility = "visible";
! Y* p0 u$ A$ f( M& g contentWidth=supertext.offsetWidth# d h; ^# h M$ H: o0 x
contentHeight=supertext.offsetHeight/ I% B/ W. I* H+ p
}/ `' r4 s0 ]. q3 R) v) `
else if (document.layers) {/ C+ v( k# j: v7 X6 V9 Y0 k
xMax = window.innerWidth;
+ K3 E( X$ {. `( r; }" u yMax = window.innerHeight;0 v0 j1 i8 r" z0 P2 k+ k& i) s
contentWidth=document.supertext.document.width5 s1 h, o+ i% V, @, T
contentHeight=document.supertext.document.height* n( w. H$ q+ j- r* W, z5 L5 i
document.layers["supertext"].visibility = "show";
( R7 w- G' l, T8 B/ ` }
0 o8 W1 x. ^, a4 ? setTimeout('moveBall()',400);8 W( ^; D3 ~$ m0 y2 m9 h
if (hidetimer!='')- ]" x% M, U4 L, Y# V) E2 z
setTimeout("hidetext()",hidetimer)$ a6 _6 d% v( w' K4 T- {
}2 N% H/ X: I$ u: G e! ^+ W
6 R: W( M6 K2 K7 Rfunction moveBall() {
+ g# }) H/ d/ U9 W if (superballRunning == true) {
6 w1 J: A/ j6 C: G, ?% { calculatePosition();, i7 x2 K/ r( T9 v1 A
if (document.all) {
5 M- O& K+ u) `5 o9 Y4 m7 _ document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 g% Y; D+ o Q* b2 R document.all("supertext").style.top = yPos + document.body.scrollTop;' @# ?& a$ y& a% T9 k+ u8 c, w
}
# U; t) d" B0 B. ~* T else if (document.layers) {# i4 `- i* ^4 j/ u
document.layers["supertext"].left = xPos + pageXOffset;
; S& g* ], L0 U& B document.layers["supertext"].top = yPos + pageYOffset;3 e5 K2 R& m5 W8 a- G) K- a" `
}0 b! E0 d. ^% v- `6 q
animatetext=setTimeout('moveBall()',20);
& t4 H# X6 X2 g3 Q }
/ Z* d% S3 s0 j6 Y9 L3 x }* G! D2 ]9 f2 J( y# Y
. E( j+ Z8 B6 i! U. R
function calculatePosition() {
6 ?. @3 c; [1 \5 i if (xDir == "right") {' R2 J! L# _8 p
if (xPos > (xMax - contentWidth - BallSpeed)) {
2 ~! Q: l; F: }& M xDir = "left";
: N1 o' Z$ T& H" m& z }; E! l( ^/ d* U
}
2 n% }9 G7 ~ g) x4 S# a else if (xDir == "left") {& |% X( k. n; Q) N7 s6 ]3 k
if (xPos < (0 + BallSpeed)) {, c6 V" c! U3 }) H0 g
xDir = "right";
7 i7 W; c6 b" Q }8 z0 m2 K) Q9 _
}6 V( M- u1 ~5 d& h& g3 Z# t% g
if (yDir == "down") {" l2 P1 n. Y% ?" W& F* `4 m( `' p
if (yPos > (yMax - contentHeight - BallSpeed)) {
% v4 r2 J K4 j yDir = "up";/ N; b' {+ b/ C, H6 F R6 G
}
. j: l% ?' i. o4 a }
! b! _0 e- m; J: y+ f2 Y! ~ else if (yDir == "up") {8 f- I9 {6 t7 m' t ~9 e- W
if (yPos < (0 + BallSpeed)) {# k3 r) G$ b4 F# a
yDir = "down";
3 E) O, Y+ ?- k7 H3 f( ~( q8 M }* B4 a' s8 z- N6 U
}% c5 f- t9 j8 x1 Q9 [! ~. M
if (xDir == "right") {
$ q u+ `6 k+ W( D7 z xPos = xPos + BallSpeed;
) l* i r& B' n1 k: O }$ T9 |+ i4 R' B
else if (xDir == "left") {
- b9 c9 m; _) K% l xPos = xPos - BallSpeed;9 g& ?6 S$ h( g3 @0 W
}5 D8 J/ K% } S$ N0 E8 d
else {8 H; N; H( R8 V9 O1 F/ h
xPos = xPos;; X( T8 N: T) P+ {; }/ H9 t/ A, ~
}
. W* D; x/ ?7 y8 v- G if (yDir == "down") {
. ?5 D: b9 O( f9 L# C" D yPos = yPos + BallSpeed;
4 }0 k" o1 D( a( I" V }
% l1 M9 G- ^1 e else if (yDir == "up") {
6 Y& r* u9 q4 ^. C e yPos = yPos - BallSpeed;$ Z6 h9 H& f5 S6 q2 I
}
6 ^- v" {" ]0 q8 O6 i! [6 b else {. F+ v* e: \) W8 m% w: H
yPos = yPos;
9 V8 y; c9 _ W4 ` }. ?9 T; r8 `3 J+ Y% d; Y
}
4 {* e3 O/ \/ \$ l% C% E7 \
. l: b" C+ A" g) g3 v6 Jfunction hidetext(){! U* W9 K( @0 @& N4 a- N" n
if (document.all)1 [7 f/ d8 K& I* V# J. X `, t
supertext.style.visibility="hidden"
^( C. ]3 V- W N( Aelse if (document.layers)
# z3 I( U$ `. L+ f5 E4 jdocument.supertext.visibility="hide"& ^' A1 M Y6 ^( Y! N0 U
clearTimeout(animatetext)
1 t% L1 ^; T, S3 K, ]1 b) j}
* w- K' f) a5 V7 u T" r5 {
3 K) L/ D5 o/ J+ P; L* _if (document.all||document.layers){$ K5 H& G! ]3 {
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( D) [+ D1 {0 q; j
window.onload = initializeBall;
: x z, P' F3 X% l: ]0 ]window.onresize = new Function("window.location.reload()");5 ]0 M; E; e6 P/ q! H( ?
}: h2 F9 z0 X) C3 ?* r3 T7 V% b
( T- \8 i- M4 N4 z
</script> |
|