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

|
网页之不断弹射的文字-特效
<style type="text/css">$ F+ g# P {- @# I1 ?
#supertext {
( ^+ Z, k5 P: t* r( xposition:absolute;- z3 o* f7 j3 @; m+ p3 q
left:0;
2 O: _# r9 O3 r4 T+ T- R6 i3 H% T+ ~top:0;
/ L% O" @' e. n l% A& mvisibility:hide;
: }& m9 k6 \ ~5 Ivisibility:hidden;6 m& v. j0 ]3 b7 d5 ? Q" }0 U& n
}
9 e' V4 ^/ M( E( t% `- o& J3 d</style>
1 Y! E# _3 W5 `6 d9 X; V! j5 g<script language="JavaScript1.2">
/ j2 n6 E1 z1 j- E" ]<!-- 改变下的字体的大小。颜色-->
: \* n/ S( ]5 j6 l) f- y' ~var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 Y7 c8 D% Z/ D' |var hidetimer='';' J; n& @+ C7 a6 R1 {
<!-- 改变下的弹跳速度-->
' z+ L( N0 K2 F: B6 ^0 ovar BallSpeed = 20;
1 R% u- J% Y9 I+ Z) Ivar contentWidth;
, @1 L- S) ?% k4 a8 Hvar contentHeight;
/ L$ [( l5 B9 k+ K) rvar maxBallSpeed = 50; l! b9 T" q9 c3 P4 {( a
1 {: J( b" o8 c$ I! ] P' r
+ o0 U7 k8 O0 v0 T" }* V9 Hvar xMax;6 \& R5 h/ X3 {& W# h g
var yMax;
, v, H# R! M& uvar xPos = 0;
& s* Y. U+ z g1 c4 n- Y' tvar yPos = 0;' r- R; Z+ X, A+ i- M; S% ?0 U8 W) Y4 Z
var xDir = 'right';* N, X8 |- u0 a/ z, U0 Y, [0 ?
var yDir = 'down';/ A( F7 [& w4 n* v9 f) `7 u
var superballRunning = true;" H# D* ?9 |3 v2 n9 f9 g; m5 R
var tempBallSpeed;# w( [7 [+ s1 e; j6 K
var currentBallSrc;
# o0 u% h( w, H5 H5 H; w1 Lvar newXDir;& r5 X3 F/ t, \! i* D" j c
var newYDir;
! O: e, L7 e( ~9 N" Q8 P( m; _% n; S" T
function initializeBall() {
- c5 z1 W; w0 {* j if (document.all) {: h2 ]! `& T2 `, [4 o9 ]/ R
xMax = document.body.clientWidth
4 _2 A P; B2 y# A% ]! B yMax = document.body.clientHeight; Z, a+ [- ]! {' U: M! Z9 L& A
document.all("supertext").style.visibility = "visible";
3 Z5 U0 R0 g0 S! x S3 Y contentWidth=supertext.offsetWidth) r' u+ X$ a0 G0 j+ p, J7 v/ W; {
contentHeight=supertext.offsetHeight
, o( f5 r* ?( l& b, k }
! k# {( }/ q, V, p1 f* ]; a7 S/ G else if (document.layers) {' k$ |4 v* i7 H, x- j0 R& o9 E
xMax = window.innerWidth;
/ f$ D, B8 r$ b yMax = window.innerHeight;* M; ?2 y7 |4 k2 \; C/ g
contentWidth=document.supertext.document.width' V( T: F1 y0 b
contentHeight=document.supertext.document.height L4 t/ f; F. N V
document.layers["supertext"].visibility = "show";9 m) q u6 i4 h" Z" l% @! u- a. E
} E# Q" o6 ~$ {6 p$ r
setTimeout('moveBall()',400);
F& H' ~4 O6 V1 u if (hidetimer!='')/ U$ q# P5 H- `9 w, D
setTimeout("hidetext()",hidetimer)
; P" d/ l" |: y6 ~$ p) C }
8 c/ Z0 {9 _3 R% t5 K/ H" S0 F% ~; b* S* D
function moveBall() {! Z; n" K+ t, |$ L7 {
if (superballRunning == true) {. N& i8 G* S4 w/ _+ g
calculatePosition();
& F/ D) L- I }1 F if (document.all) {
% o* |3 @+ d# h" M. z0 _- \9 ?; n- J/ K document.all("supertext").style.left = xPos + document.body.scrollLeft;8 H" A+ { a8 c
document.all("supertext").style.top = yPos + document.body.scrollTop;5 I, S6 u0 J5 i6 Y& [
}
1 y- {; K2 Q4 i. U3 ^- P8 b. ]1 k( l else if (document.layers) {
$ k" \- s" `7 ^* |. m document.layers["supertext"].left = xPos + pageXOffset;
) S" q4 D: B) X5 a document.layers["supertext"].top = yPos + pageYOffset;* R. I' e, a3 [2 U, p; g, U( Q
}
$ C& r" [6 b1 `6 x/ z9 `; J8 u animatetext=setTimeout('moveBall()',20);9 H$ h& m- I8 p y3 @
}8 ~% V; L% Q6 e/ y" S$ s
}
1 w$ o' E* a7 A! y
7 R9 J; M* _& \' y$ Nfunction calculatePosition() {4 y. N' M+ _2 l. v: r, v! I
if (xDir == "right") {
' I/ v: \& C2 [/ R1 D0 u if (xPos > (xMax - contentWidth - BallSpeed)) {
2 ?9 V& q; C1 T. e' ~ xDir = "left";8 N0 z6 c# w, i d6 t
}7 U. b- \! n, |; A4 p
}: Q* w9 x: f: k4 B4 Y
else if (xDir == "left") {
- n q6 h% L0 N1 S8 C1 |6 B ` if (xPos < (0 + BallSpeed)) {0 B. t, r! E. O4 Z( R
xDir = "right";" u- |) U* v9 C2 F9 M3 m" K
}
; \' j+ b! _% S) i( S( R2 t }. p1 X( Z3 p. E" b
if (yDir == "down") {( i, M5 F* {3 G& _5 F
if (yPos > (yMax - contentHeight - BallSpeed)) {
- r4 p) H* V. F; k: J2 K yDir = "up";
5 k; ^6 ~2 p* i, j V y5 H' T }! V& J8 k- R! j; O
}+ Y6 F6 g. g! n( _, R7 P$ ~; z" s" X
else if (yDir == "up") {
, j, Q! C* u: k( B" i5 U, } if (yPos < (0 + BallSpeed)) {
2 n5 c) y% }! T1 U5 o+ }; y0 C! Q yDir = "down";
% _3 o( Q3 I3 A }
: i0 l) c$ ^% y- r- P! x2 z }
+ z- E/ J1 ^( P+ X if (xDir == "right") {
# W/ v3 G4 q% D3 b( I xPos = xPos + BallSpeed;
( a& i. a: U/ @0 O' I) q) L }' ^- h+ C+ a% o" }
else if (xDir == "left") {
7 y# P0 P; Q* [' C- N' a% e0 z xPos = xPos - BallSpeed;: @; O! x. \, F* K& Q
}% p# s! y- l8 s# a4 q6 |) J6 K
else {
" B2 F0 l% S- z xPos = xPos;
9 D# a* F, @3 U0 D" f G& w6 c }
# d0 [, v* |* a if (yDir == "down") {
0 f. x8 Y& {3 Z+ n5 L yPos = yPos + BallSpeed;
% W8 B& ^6 i0 S1 n3 x1 B# v. \ }0 H! [% w9 x7 @3 k
else if (yDir == "up") {0 _3 F1 E6 y$ C8 Z
yPos = yPos - BallSpeed;
8 N8 ~( X: K, A" M2 q, E }
) W$ Z$ e* S1 u3 j% D0 m else {
/ U$ I( K8 P `& R! u% a2 s% A, J+ f2 } yPos = yPos;
7 I0 X% I$ R& W9 F6 q9 ^ }' i1 o+ N/ N# E* c0 [- l% Q# @
}
: K* {! X2 C# g. H3 k9 I- \' N; w" f+ G: ]
function hidetext(){
) R# b* ]! ~5 w* C9 G9 Zif (document.all)
4 A, e9 _: m# a: R0 usupertext.style.visibility="hidden") }. D1 e& ^0 e; X
else if (document.layers). W' u1 q$ P) B' Y3 g( s: W
document.supertext.visibility="hide"
$ ]. W! N/ ]% ?( y* B8 N0 [( U$ EclearTimeout(animatetext)) }7 E) q: m; L$ t+ \9 G
}; G3 ]) P: K' u
7 f( ^ Y0 z' P# p% r+ A3 lif (document.all||document.layers){
* p% m0 E" [4 odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ K8 d5 A) \+ M" z" o* L, R
window.onload = initializeBall;: v7 N* n0 i3 T
window.onresize = new Function("window.location.reload()");
: z* o \5 s; y2 D- s9 d' F}
1 R& m/ t* t! M5 ]
0 m+ S& L. B8 W</script> |
|