标题:
网页之不断弹射的文字-特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:55
标题:
网页之不断弹射的文字-特效
<style type="text/css">
7 U; V; Y: L0 X/ d( B/ {2 R
#supertext {
- J0 |7 y- c. O$ o# M1 c. f' _
position:absolute;
# F& B2 Z6 g p# k' h5 ]9 y
left:0;
" y6 Q8 o8 L/ k7 G
top:0;
. @" q4 h5 z5 \ b9 Y* m* {
visibility:hide;
* n& v# E: M2 U# X
visibility:hidden;
- u) _# {( D% e* q, k* ^) J- D$ i
}
* Y* {) M9 ?7 o+ I
</style>
, D6 D" [$ B5 E- s7 E% z8 v4 W7 K
<script language="JavaScript1.2">
. [1 r: w9 u3 {& |
<!-- 改变下的字体的大小。颜色-->
3 {" z( c6 m) Z8 [# A& \" t) J
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
% l+ ?% G; D9 x
var hidetimer='';
; i( H/ y5 d' |- s
<!-- 改变下的弹跳速度-->
- k$ W; V2 F$ q. R" ?- u: l7 h
var BallSpeed = 20;
" ] _# h' g- B/ Q
var contentWidth;
6 F) c3 V- V* U; Y2 n! v: I2 o6 b9 j
var contentHeight;
4 f7 @+ D. l, S" w, w. l4 M
var maxBallSpeed = 50;
: t$ w, s, a1 w/ D' a6 m
4 ?, F' j' ~8 g% b; j, O
) P! _0 |- J1 w& n8 v; `( v5 h/ C- @
var xMax;
4 G4 L$ l& d$ M- \2 e; n1 x2 l' I
var yMax;
: q6 P& i$ H* O9 P! @" V2 m
var xPos = 0;
+ G( D$ p! u1 W5 Z, ~+ T5 i; @
var yPos = 0;
. O' R. b3 e$ O$ c, s
var xDir = 'right';
) t3 y4 _# x2 B/ O
var yDir = 'down';
0 d4 ^9 k2 v7 Y& ^( e9 E" W; C8 o
var superballRunning = true;
7 j {- m# i- y1 c9 F. K0 s1 V
var tempBallSpeed;
- d9 q! r! ~& ^
var currentBallSrc;
" S" Z) i5 C. E6 B" q& |- j) Z
var newXDir;
8 z. m! I) J) z4 B% i% F
var newYDir;
4 q1 D* V4 b- `, |6 I/ [: o) J3 M& T
4 d1 w. n" L" y' F2 r
function initializeBall() {
; d5 B/ n9 C6 B$ g1 k0 h3 H/ s- V
if (document.all) {
' _* T! b+ K; v8 R
xMax = document.body.clientWidth
( e; i: y3 A; C6 v( E3 h% M
yMax = document.body.clientHeight
" P; L' s2 r# N
document.all("supertext").style.visibility = "visible";
# ~ O, h5 I$ f( v
contentWidth=supertext.offsetWidth
! y: h% A4 P4 _ ?# ^
contentHeight=supertext.offsetHeight
Z$ U/ x, v; w x! C
}
5 U6 A- f9 L2 S$ X
else if (document.layers) {
" f* j: v1 r7 F& N; k" w
xMax = window.innerWidth;
: d6 L7 C- \2 |+ h6 u
yMax = window.innerHeight;
# @1 u3 F) [0 D2 h* O9 M8 z
contentWidth=document.supertext.document.width
, p/ W6 _9 {! Q- I
contentHeight=document.supertext.document.height
9 T! U3 D) _- ^; p( T6 W0 p
document.layers["supertext"].visibility = "show";
# m( _( v# q6 ]8 I' I0 ]
}
0 {7 ^$ N; U) ]
setTimeout('moveBall()',400);
- |' r8 q- [0 F$ d
if (hidetimer!='')
- _% r ^ k0 Q; p
setTimeout("hidetext()",hidetimer)
6 `: K9 P+ q* d s& D
}
0 m+ O* t! Y7 v7 O8 q: H( W
% f6 I+ y4 i2 X3 S$ x
function moveBall() {
- D( J/ }5 O# ]( S* w
if (superballRunning == true) {
t3 C# Q4 W z2 m2 e
calculatePosition();
) z: B0 m+ ]8 i
if (document.all) {
3 N# ?9 N1 l! A5 `4 V5 e# x
document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 g3 H5 Y' L. }# V+ ]( `
document.all("supertext").style.top = yPos + document.body.scrollTop;
x, |# ]& Q2 r% z A! T
}
( f) n, w; t; J1 `' C" L
else if (document.layers) {
/ Q( K4 I; e# z( [
document.layers["supertext"].left = xPos + pageXOffset;
( E5 ?' c) s- F
document.layers["supertext"].top = yPos + pageYOffset;
& @/ e1 g/ `& {5 z% T
}
7 `' Q1 X3 R. S
animatetext=setTimeout('moveBall()',20);
W: C7 i& t' a) S6 o
}
3 [7 r: G8 r- V# _& ^9 [' Q
}
# v+ x A% K8 Y% q* Z3 e5 `/ q
+ s3 v" b: r% l7 L% g
function calculatePosition() {
" {& R1 m+ M; ^" L+ F; T
if (xDir == "right") {
* ^/ e3 M% _6 ], i) o
if (xPos > (xMax - contentWidth - BallSpeed)) {
2 Y3 u& L/ M; L# U$ I- A/ V
xDir = "left";
) b) N& k, C" J3 o7 |( Q \
}
4 |7 Y6 b! D0 I( V' A8 l
}
! v: z, s9 q+ I/ J# _
else if (xDir == "left") {
Y; |$ }. y) F$ s* ]" I
if (xPos < (0 + BallSpeed)) {
( C' t; `3 M1 R& v' q, ]
xDir = "right";
; F: @4 f+ k4 X% V Y
}
! v! R. I+ j' u3 ^: K! q
}
. ]5 K. @9 J- i
if (yDir == "down") {
1 d2 u7 S9 T$ W# r4 ~' f6 d- h9 o @
if (yPos > (yMax - contentHeight - BallSpeed)) {
( w/ N2 U5 O& ]" A) q- o3 l( k
yDir = "up";
1 B! L( W! A& |
}
5 h! s) n7 s2 F* K; Y
}
1 x$ A1 r9 d, t5 F8 L, a
else if (yDir == "up") {
; Y# W+ e' r. E( i
if (yPos < (0 + BallSpeed)) {
. n; R Q/ W4 U5 V( z, f
yDir = "down";
% f, I2 G5 {' a& s+ l7 _
}
; N! U3 b0 w6 @" g
}
+ ?3 q0 a8 @5 S) w5 M/ }
if (xDir == "right") {
- a. D/ R( M1 \
xPos = xPos + BallSpeed;
" n1 f* S' o) [
}
, _. v' m' ^' q; P
else if (xDir == "left") {
/ r. |5 k l+ M. r9 n
xPos = xPos - BallSpeed;
! J& A# x# K B! @7 j4 \& ]) d
}
5 L/ v/ G, R! v
else {
" o+ d5 p+ k/ W4 e, ?0 i
xPos = xPos;
! g4 ~: b. X" W$ k# X7 w/ p
}
/ G! y1 f0 @. o2 ]& O- R8 {6 d2 p
if (yDir == "down") {
! _' g$ O4 G+ ]6 m
yPos = yPos + BallSpeed;
8 i+ c$ @; t+ G
}
1 ^& V1 g. d0 [
else if (yDir == "up") {
9 W! F6 g2 C8 O' ]! P
yPos = yPos - BallSpeed;
9 a& Q5 C# m. D! d' O
}
/ ?4 U( K' I9 Z1 P) C1 G
else {
8 p1 B( s# P( G2 R2 {
yPos = yPos;
4 J0 \: ~8 m+ p# ]" V
}
* G& n0 Z; ^; d8 m3 w9 X9 i. V) E r
}
8 e+ s. R" O7 G2 N6 o5 c( K
1 y8 c% I; D% Z' o W2 K
function hidetext(){
1 i1 Z# a6 v; J
if (document.all)
& L4 l" [, V0 o* ]) L" q4 ^- b
supertext.style.visibility="hidden"
0 N+ |- ` Z7 L- L: K
else if (document.layers)
' p! ^# ~/ L) _, D t
document.supertext.visibility="hide"
; H. ~0 i" Q+ \2 i6 _
clearTimeout(animatetext)
( C9 r1 Q m7 ~1 J& R$ b6 u
}
8 e8 v6 }1 Q. s+ X
0 j1 s- y4 b" h, M6 y5 P
if (document.all||document.layers){
0 w$ {9 E" D; \ g! L9 p
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! K, N2 e, Q5 e/ @+ `1 [- G
window.onload = initializeBall;
1 M& p+ H/ ^" q! Z8 r+ Y
window.onresize = new Function("window.location.reload()");
* J( M* r5 |# d6 m
}
q: o( h1 p: ]/ H6 w; l0 A
( B+ x4 H# P- @2 A( O
</script>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
