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

|
网页之不断弹射的文字-特效
<style type="text/css">
n0 x' f; _' r3 _' g5 \#supertext {
; p( U/ O0 s" l' e) |* z" l lposition:absolute;
( x3 C( p7 z% j/ }left:0;4 d% C9 l! {. h! P, s. t
top:0;" n. D% C, J, p
visibility:hide;
9 j# p' Q' a5 o1 U1 k6 `/ ~visibility:hidden;
; @5 |: r( y; q}& k5 c# l2 |" ]6 p" p
</style>/ T2 R; \ A+ q2 u
<script language="JavaScript1.2">
9 a8 ^5 c! J& f+ x4 F- f<!-- 改变下的字体的大小。颜色-->5 A$ `2 l1 A1 @6 m
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) a( E, Z" m8 f' p9 K; S4 j8 cvar hidetimer='';
6 E, c6 h& s9 j: X4 w& L<!-- 改变下的弹跳速度-->
" j$ E- ]7 ^& P/ r4 b' Yvar BallSpeed = 20;
1 l3 j; d# v2 [; ~var contentWidth;
. `# `7 E9 C( H- K$ q) f5 Lvar contentHeight;
7 G2 {8 \5 ^1 |* ?+ avar maxBallSpeed = 50;* ]/ e1 [ z9 a$ Y1 @
6 l$ i1 }9 A8 z, }+ v
2 w" H# B0 m+ P4 k `" x2 tvar xMax;$ v l) T( }# j3 H: d3 e: I' A
var yMax;, O( a" a, h$ q; |) s
var xPos = 0;
6 h- S% E/ a& Cvar yPos = 0;6 W/ x' N$ Q$ O4 G4 E1 V$ d5 I8 Q
var xDir = 'right'; d$ K4 w/ M% f) R" u2 p
var yDir = 'down';
9 R- w+ U. t ^$ k: m, D- O7 Xvar superballRunning = true;
# S( _3 y2 k1 J% A/ ^var tempBallSpeed;5 I- P! \1 Z5 T1 {' `* ~
var currentBallSrc;; G4 m) p+ H. d
var newXDir;1 R, I2 c5 Y2 Z r
var newYDir;
8 t4 O8 [ \ Q. c1 }" Y% }" X
% K* l( y% S) w* e* f* }function initializeBall() {$ _6 K' g# H9 u, }; j
if (document.all) {) W! k* [" Q% M3 N9 y& x
xMax = document.body.clientWidth, G, J* ]; P0 S' G, |9 ?) r2 q
yMax = document.body.clientHeight
' A# d) ^6 Q7 f2 x( A+ |& m* [ document.all("supertext").style.visibility = "visible";/ O( s6 x" g) h2 u( p _# ?9 L
contentWidth=supertext.offsetWidth
3 z( V9 ]- Q8 r3 P$ o contentHeight=supertext.offsetHeight8 P( B u, J- J9 A2 U
}3 \1 u5 D" J5 f3 X
else if (document.layers) {- ~1 G; W K" Z5 ~* \( n& e
xMax = window.innerWidth;
3 B) z2 m/ w* |7 k' v3 U+ h! ^ yMax = window.innerHeight;) \' Y: I z ~# K, f: N3 T
contentWidth=document.supertext.document.width/ c. d3 v6 A2 k1 Y d+ X
contentHeight=document.supertext.document.height
! {* `1 a+ w3 E, ?8 L document.layers["supertext"].visibility = "show";* x7 B9 l$ H$ o) w/ `! W
}
; `$ p3 k e% J' X" r# i" b setTimeout('moveBall()',400);
9 \- Z. [7 O5 [; d7 x6 k6 \ if (hidetimer!='')
" p) ^9 g# ]% F, ]2 u) N setTimeout("hidetext()",hidetimer)* K+ Q+ Y: v3 P" f! _5 u$ T! V9 h
}. M" b+ u. [. z' m& e/ j/ s
7 L0 O( q8 ~" {& h& |function moveBall() {
$ [$ M) j4 S4 i+ N9 I6 z if (superballRunning == true) {! M" w9 Y+ T; M+ u: j# d' ^0 p
calculatePosition();
, G5 e0 U7 v( w1 R9 ]+ `, l if (document.all) {2 N+ ]) f! Y: X! P. v' N
document.all("supertext").style.left = xPos + document.body.scrollLeft;! E1 X4 K6 x, q# o. ], K
document.all("supertext").style.top = yPos + document.body.scrollTop;6 I' I. C: z; G0 l7 K
}
& t3 k/ I, `/ A else if (document.layers) {
7 _% O: S+ w! Z. `; u- x document.layers["supertext"].left = xPos + pageXOffset; p- r, f( E$ P( m# P5 M) ~5 `6 Y1 U
document.layers["supertext"].top = yPos + pageYOffset;
3 c& o! [ E# P/ J& c+ C) a } a0 O3 u: z' f) B- G8 ]
animatetext=setTimeout('moveBall()',20);
0 w" A$ O. W7 l! S) F# o }' f& ^/ K. w$ W8 ]- ]
}- [% J0 c/ c7 d
7 L( P0 ?6 K0 D4 a8 O1 b0 [
function calculatePosition() {
( d; j, l7 Q8 p: D if (xDir == "right") {' g+ u# B% p" P$ A' |
if (xPos > (xMax - contentWidth - BallSpeed)) { U4 c. D/ t: ~) [# N- F! Z
xDir = "left";
9 t; g* s: q0 L* a8 d7 w X }
, z5 F2 W( x' }" N* | }
" H" v/ v @ A3 |0 r, k3 k else if (xDir == "left") {
8 o0 e* O5 [7 d9 [0 l. ?. T* m if (xPos < (0 + BallSpeed)) {2 ]$ n. m6 E3 ~2 _5 B% u
xDir = "right";
7 C9 X% @# L; g+ G8 A" w- a }$ @( T6 x! g$ I& x9 D. p# G+ O4 `+ ~
}, f1 t9 {" p4 X: y
if (yDir == "down") {3 @9 [ G2 h, e, O
if (yPos > (yMax - contentHeight - BallSpeed)) {( w, @" k! j% ^+ |- z# m0 }
yDir = "up";
% f5 O! s) _7 f# F( Z A }
. ^- D( e4 Y; B }
" |+ s8 `! p. ] else if (yDir == "up") {
5 S* `/ U. `: B/ c/ |" g if (yPos < (0 + BallSpeed)) {
3 G( N5 |- d4 G2 I& `; O yDir = "down"; ]' a7 s0 @/ g1 Q5 k7 P. U7 O
}
# j) [3 o( r# U3 ^+ F }
3 f# T* W5 G( h$ o! ] e/ q if (xDir == "right") {% |5 |2 ^ l! a
xPos = xPos + BallSpeed;
1 J% ~0 v# d; X }. ]; q5 m/ o+ _
else if (xDir == "left") {' S7 f A5 n8 h+ _, \; q
xPos = xPos - BallSpeed;0 S7 R I% L: d3 ~, E) n
}
, m( Y f S% W! [; y2 q else {
6 `0 F" y- J3 L& \2 b! N8 L xPos = xPos;8 g; a7 @; F* P/ y) A' ~
}
/ \: _- T/ d5 `7 s9 t if (yDir == "down") {4 U4 n8 h% r3 g% G" v$ a5 ^
yPos = yPos + BallSpeed;
" m) ~) b3 F- `0 g. @) W$ [ }
9 c+ o, [2 K; e2 }( ~ e/ g else if (yDir == "up") {
5 o( @9 p5 |. Z& N) G- I% e E yPos = yPos - BallSpeed;5 V, L n& W% F* B. h7 m | @
}- k" Y* W9 z8 y) D% h4 |' v
else {
, k: U3 T0 V: _5 K( U yPos = yPos;% w/ c n6 z5 [( q4 V1 ]8 T
}) P0 c6 K/ V' [" @: _+ M
}- Z. O) Z5 ]% P8 I5 p. P
- o- s* p% s% U4 A* g
function hidetext(){! l" L4 {6 R+ n5 D+ i0 e: k
if (document.all)
! x6 e9 L' ]* y: O6 ~& a" g: esupertext.style.visibility="hidden"
# Y" Y; e {2 r) aelse if (document.layers)
( V2 X1 R" D8 J) n* J( Idocument.supertext.visibility="hide"8 A% C7 W( u* A, K& y, F
clearTimeout(animatetext)
( N2 O7 F* |# V* b} G# ^/ v& j i2 {5 s- m3 D
4 S: a) b4 C7 b4 _6 N. I
if (document.all||document.layers){' z/ K* g8 a. R3 v& k* M: f4 Z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- [( @7 F H) A2 _0 U* d1 R$ Xwindow.onload = initializeBall;( B0 J9 `" \4 B" }. u) S
window.onresize = new Function("window.location.reload()");4 Y/ p9 Z1 J5 ~7 m6 n
}
5 d. v! | Z$ i$ u6 k9 o2 _4 l% U" x6 R0 p. G1 w. c5 x0 A( k
</script> |
|