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

|
网页之不断弹射的文字-特效
<style type="text/css">
) X/ @! s# {& i2 U3 Y#supertext {
# |6 d4 d7 y1 w. a2 M. `3 ?position:absolute;0 v0 b, c3 r# N
left:0;
. E$ ~4 X/ F- Z2 D0 c. vtop:0;6 J4 ?6 h% U$ O2 s' f( c
visibility:hide;
, f2 ` M1 q1 ^( F/ f+ Mvisibility:hidden;6 u: r7 h0 h0 i. b: p C
}2 x0 f8 p' B& Z0 i9 ?
</style>
3 J! v% `; `3 U! l" V<script language="JavaScript1.2">( h# K. [2 C. _ t
<!-- 改变下的字体的大小。颜色-->' K, u* y! S1 i( _& \; ^7 T; }
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 \/ u, w0 A* g. R. J, M; Pvar hidetimer='';* @" x8 s e5 J4 G
<!-- 改变下的弹跳速度-->
5 A/ W5 n' k3 p' zvar BallSpeed = 20;$ [8 J' R7 O0 h+ ~! f) ^. q
var contentWidth;
& c4 q8 O* Q4 C( ovar contentHeight;
. F9 Y, R# k8 C/ D% E0 y& evar maxBallSpeed = 50;
5 k; [+ v* I& {6 u
; S m/ k2 l! B9 E- H! r' ]6 S* M6 X$ [, K+ D3 D0 d
var xMax;( Q5 q4 J8 w* r2 Y6 {& W
var yMax;/ Y2 U& h: l9 c9 `" ~) A6 N$ T$ s
var xPos = 0;( l" o& V" w% ~0 v& d
var yPos = 0;
! x! ~2 r2 E+ Evar xDir = 'right'; y9 |6 a H" f
var yDir = 'down';
' x6 b. b' d% x5 u% h2 ovar superballRunning = true;5 w0 w& E! X5 ]6 B& [
var tempBallSpeed;9 J1 u& M0 n3 L: d6 }* G( I. a
var currentBallSrc;
2 h* }7 u- [4 R S4 {' b' ^ C& avar newXDir;
' N- x) B" F$ d2 t7 s" t/ T& Dvar newYDir;
/ L+ D! _ ]/ I; ]5 @! i) ^. z. V% E6 y, j
function initializeBall() {
, D. A, E; ]* q; r if (document.all) {& h# |5 C- @5 a/ m* c7 w0 x! e8 {# o
xMax = document.body.clientWidth$ S# l- J7 P4 e+ A! q
yMax = document.body.clientHeight2 s- L; `6 B8 U
document.all("supertext").style.visibility = "visible";
; |+ n' q5 v7 L' C: r contentWidth=supertext.offsetWidth1 v- q A; i: g7 |. ]; I' y/ Q, U
contentHeight=supertext.offsetHeight$ t1 K0 t7 m5 s# J [7 e+ p- V
}
! n2 |( w! t' X/ V. L- ~6 J else if (document.layers) {# O/ ~* U/ N8 P. R
xMax = window.innerWidth;( g' E/ H8 s8 `. V; {) j1 k
yMax = window.innerHeight;
' {& c& ?& \$ j+ k0 X contentWidth=document.supertext.document.width
1 T5 R: @, e4 C+ p. l. z6 T- G contentHeight=document.supertext.document.height6 x$ `% X4 t% j3 T
document.layers["supertext"].visibility = "show";3 K$ y3 o$ ]3 J2 M6 [; p) h
}
- k* p+ j7 C) C% V setTimeout('moveBall()',400);- c0 ?' S" t! W4 L; M+ W
if (hidetimer!='')
! @0 K0 u1 J V( {: s setTimeout("hidetext()",hidetimer)1 {" m% P' n* x7 N5 c
}6 L9 o& ^- v, \ w. s) u& V
4 e/ N+ n) p' a9 o2 K: F3 m
function moveBall() {, L* u0 c8 U, M
if (superballRunning == true) {
1 q/ r1 h. ?& Y- M calculatePosition();
6 t" i: D( a) ~9 k7 c if (document.all) {4 Y: R2 I1 h, U8 @; T; M
document.all("supertext").style.left = xPos + document.body.scrollLeft;' x" b& Y2 i, p' X
document.all("supertext").style.top = yPos + document.body.scrollTop;
: i6 V+ J# z; w& {7 I1 W }
4 [; n9 N* |1 ^ else if (document.layers) {
. f. J9 j8 E" N) P% g' ? document.layers["supertext"].left = xPos + pageXOffset;
' b. S; f, R+ k" S4 y document.layers["supertext"].top = yPos + pageYOffset;
' W% f, l4 s' D6 p# | }: _$ Z# C" f/ s
animatetext=setTimeout('moveBall()',20);
: k; N) Z+ y5 a; Z& u! X }
( q. y9 `; [' X5 O+ ` }
3 |5 T6 B! u% }1 z" f# f( n) j4 a7 D5 a3 |# u) i
function calculatePosition() {
5 o W( }0 _! _0 N: c, w2 Z if (xDir == "right") {
/ U. j; l1 j$ z& B if (xPos > (xMax - contentWidth - BallSpeed)) {
$ v0 M4 {' f0 u% X# a6 U. y( k7 [) q xDir = "left";
9 k0 e8 t- F4 v4 @) r+ d# n8 \ }
/ N8 g8 u& k2 A0 O; y6 H& n }+ U; C' l* k# f6 v7 O/ O% u, s
else if (xDir == "left") {* A8 F1 a5 p) f) t
if (xPos < (0 + BallSpeed)) {
, C j3 J! j% J2 H2 w xDir = "right";; B+ }% j0 |4 X6 l5 b* x& \) ?
}
+ K: N2 o/ N6 S* l# l1 F; Y5 r }' m# l9 {* s& O2 N& e, L0 ~+ s6 n
if (yDir == "down") {/ |, u2 e- C( m7 s. q1 s
if (yPos > (yMax - contentHeight - BallSpeed)) {& u5 N7 |- D9 N/ o5 ]7 r
yDir = "up";* ?3 o/ }0 Z+ }1 L: ~+ o6 X
}
. `: i% r$ J7 S5 d' Z( Q }
! l; {, [8 X6 g G1 ]- O else if (yDir == "up") {
) }) T- _2 |/ R if (yPos < (0 + BallSpeed)) {
8 u) w8 y2 ~) Y yDir = "down";
+ T6 d: R/ ^" s( p3 G }
$ S3 k. J* ~8 W7 P" Y% y" [, d }
& I* V) n: H9 q N- p3 q. P if (xDir == "right") {
; p1 I4 C- \8 w/ B' X xPos = xPos + BallSpeed;% |" D: I, i" K2 a: ~2 |+ K; f
}
2 W8 [8 R! l8 u- X$ B else if (xDir == "left") {
3 @$ J; o4 R) I& q' U( z! U xPos = xPos - BallSpeed;
& K) `8 t2 |- B8 _/ M }
- j F6 ]' Z- x7 N/ V else {/ l/ m+ P% U( O: ?- }
xPos = xPos;5 u/ _6 x7 a9 c: |! l9 W6 d. i) B
}
( y ~1 ?& `8 L ~! Y0 F: d9 r if (yDir == "down") {
+ C; |2 C5 i5 P r- p9 C yPos = yPos + BallSpeed; C4 ^; |& n1 d) s& c3 M3 q; I
}
* E- F: Y: ]& F7 y2 V7 B else if (yDir == "up") {% [: a/ \: P' i( g- x- Z$ _* u2 ^) }
yPos = yPos - BallSpeed;3 E* V* o. S3 B; h0 j( S- T3 [) u
}
( {2 Q" M/ e* i4 Z; G else {
. j' K" H! ^* W) g yPos = yPos;
) R% E8 g G/ P" x9 j }
) I5 P0 o; T( z1 @% F% _0 b3 b; A% y }
1 j$ a$ D* @" D" S6 I) |
, u) x3 A0 {* ^% G; `8 v5 F; a4 U# Zfunction hidetext(){" F! h! f4 P# a$ ^ w1 |
if (document.all)' T) D8 @: _# C
supertext.style.visibility="hidden"4 M* P9 b7 [: M
else if (document.layers)
, e# z/ `% Z' vdocument.supertext.visibility="hide"+ N& m) [. v0 i' q: }/ Y6 \
clearTimeout(animatetext)! S7 [6 M- Q) D' L6 |1 ^8 f
}
+ d+ I( T s# D2 h! A
6 y1 R) y j: k2 F; i$ w1 f# [if (document.all||document.layers){5 C+ ?/ |7 t# o7 p$ [
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( T( ^( n3 O7 S( [
window.onload = initializeBall;
" h& F3 |, _1 Xwindow.onresize = new Function("window.location.reload()");: f0 e+ a5 [% V' |- _
}
. d2 h5 P+ l7 O0 ?2 C* D$ Z" ^* g- c" @& s: K2 X* n( h
</script> |
|