标题:
网页之不断弹射的文字-特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:55
标题:
网页之不断弹射的文字-特效
<style type="text/css">
1 @ [4 l; ^& g/ Q) J
#supertext {
, q# X; k7 `: i& Z( N0 C
position:absolute;
8 `- b4 W5 x O, `1 o1 S' o! H
left:0;
! N3 T+ l. |# D6 T# y9 O1 W- ]. y
top:0;
3 o' L: B0 z6 N% e4 M5 M% u
visibility:hide;
0 H2 Y7 G Z4 T8 v0 d; Z
visibility:hidden;
' R B' j0 c/ Z2 c. x& I
}
9 ~, C6 o) r7 ?$ H+ g
</style>
! B9 R( s& _* w% b/ V$ [8 f7 k. z
<script language="JavaScript1.2">
( ]- A" u8 X U' H
<!-- 改变下的字体的大小。颜色-->
' ^: v/ y* ]9 y5 o0 D$ }; @ h
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
! H4 F- p7 D7 j" z) ]
var hidetimer='';
/ E0 n; R7 P/ [7 E$ D
<!-- 改变下的弹跳速度-->
- }' ~6 M1 }2 p; V! P
var BallSpeed = 20;
; ^6 j( g3 k; Z9 y; x/ g/ K
var contentWidth;
! @9 A5 J3 h: d. b7 W$ C* g) F
var contentHeight;
1 x/ P9 k1 r+ d$ N
var maxBallSpeed = 50;
0 ?' r' |$ V; b1 W. {! o
9 [# c5 w% _2 k& l; H$ e
7 _6 C B7 N( Y# u' z6 `" i5 J
var xMax;
/ L( S/ b6 t, R5 ^' q r7 W
var yMax;
% W, _. t# ~( T) X8 Y6 q4 ]
var xPos = 0;
: S {6 i' E5 A; ?
var yPos = 0;
, X7 Y. ~5 J" Q% t* x& N* q
var xDir = 'right';
# a C4 N8 ^9 v. d0 n
var yDir = 'down';
/ l- T4 t: s. g* N
var superballRunning = true;
, O/ t3 M# r( f6 y4 r+ `! [
var tempBallSpeed;
1 u* P! ?# @: `9 @6 S
var currentBallSrc;
$ [8 A: J. U3 Z; G7 ]9 [5 ?; g
var newXDir;
$ x4 ?' Z$ f c# T& Q$ H0 ^: I5 A) a
var newYDir;
9 N, R5 U8 p. I. Z8 X1 }% k' H
4 z! Z: l+ U' Y
function initializeBall() {
: a4 m7 L* X+ {1 ]
if (document.all) {
8 f. p) j- u8 ^9 U1 Q
xMax = document.body.clientWidth
f; |9 K2 j- w* i
yMax = document.body.clientHeight
: n7 j! Y/ [: q, R& s
document.all("supertext").style.visibility = "visible";
8 B. P2 F+ _" Z$ n. v3 p
contentWidth=supertext.offsetWidth
1 N' i. \$ r7 n$ W6 `( d. m
contentHeight=supertext.offsetHeight
r4 @2 b! ^7 V; s. U
}
* U( [+ n' Z: T, ?: ]
else if (document.layers) {
. B* G) }1 k" z' t$ _
xMax = window.innerWidth;
2 l9 s, d: _. k8 a& Y
yMax = window.innerHeight;
" i5 L1 `; f' e% w! t J
contentWidth=document.supertext.document.width
( W5 l6 V5 \) L2 ?% W
contentHeight=document.supertext.document.height
$ e! g6 C% k9 V9 M) T- i4 M
document.layers["supertext"].visibility = "show";
+ c9 H- B- B6 c
}
' k. ^9 i8 g! G
setTimeout('moveBall()',400);
+ s$ W2 X$ _( f' V
if (hidetimer!='')
6 |) S; Z! a: e" p8 h8 N& e
setTimeout("hidetext()",hidetimer)
( B/ ]$ s8 i0 N: d
}
% z7 ?& J! s) v+ T
' b+ a) ~! r' e6 _% i1 c
function moveBall() {
( B) M- h* D g
if (superballRunning == true) {
7 K' D) |+ B4 ~' w# g% I) A
calculatePosition();
! ^4 @1 m5 M6 C8 I/ u4 G& C3 h+ J* x
if (document.all) {
, S3 D/ t9 {' l3 }
document.all("supertext").style.left = xPos + document.body.scrollLeft;
. Y! r, M$ G, n0 z0 Y7 f( r
document.all("supertext").style.top = yPos + document.body.scrollTop;
7 z( Z" q7 T" }2 X- `3 m4 L3 c8 ~" Q
}
3 R: i0 t _- a1 t" B
else if (document.layers) {
( r6 ?* z% x) Q+ [! d8 v" F$ E
document.layers["supertext"].left = xPos + pageXOffset;
U. Q2 S* s9 q0 z
document.layers["supertext"].top = yPos + pageYOffset;
6 l* _- @, T6 o! @+ ]
}
; P3 G: i( y9 c. Y" v
animatetext=setTimeout('moveBall()',20);
5 ?( O$ d% x. [: P
}
" k* Q h( l8 j- \0 M/ ~- [: x
}
* ?; s' F" w; Q! h' k/ R
% k m# u6 }( s# |( }! c+ n
function calculatePosition() {
$ [: ?! ]% x; t- p
if (xDir == "right") {
8 C0 D* y n+ j& o6 `
if (xPos > (xMax - contentWidth - BallSpeed)) {
5 @$ P1 ]0 l: _, n
xDir = "left";
% h& W. m" W" k, A" v
}
+ F% w! A. w2 j6 W
}
5 u$ N A! J2 Z- [
else if (xDir == "left") {
q. q0 P+ }- }# X# ]' @/ ]5 G. D
if (xPos < (0 + BallSpeed)) {
) v, F) x3 V4 d9 u' g) |9 k
xDir = "right";
$ e- u( V; e$ Z% I7 p2 ]/ Y8 w
}
6 x! j2 A3 g4 R& `* B9 C3 I
}
: P( B! U: g! B* G
if (yDir == "down") {
# G$ {& L" L$ ~& f# Y& z c' b6 V
if (yPos > (yMax - contentHeight - BallSpeed)) {
; T6 I/ J1 x& ]# @5 v" ~# N, R. B, |
yDir = "up";
7 l& m0 j9 d% J6 b- y) J0 r# K
}
+ }- X& ]! |; y7 S( }1 k; b
}
2 ?; H' ]7 P8 r# v R0 X
else if (yDir == "up") {
! D+ e+ R! a3 f
if (yPos < (0 + BallSpeed)) {
+ V1 C5 Z b( |2 j- d
yDir = "down";
7 Y$ J) Q; {" _! K- N9 d a. L% c
}
, N0 n7 V+ @- m, e6 R3 z$ I: o2 N
}
. X. O# ^- l' F- Q7 d6 I& \9 J
if (xDir == "right") {
, x2 m' v% O: | u6 R5 T6 @' K
xPos = xPos + BallSpeed;
/ \* Q# q% f" b- Z: O
}
& B( ?2 q! [& r8 J9 E S* k( V
else if (xDir == "left") {
( l& _% u' g" B. r5 r
xPos = xPos - BallSpeed;
, W$ F8 N; V# p. }3 R, d
}
! D" R# `$ g5 D! z) R5 B; c5 B
else {
: P6 x) `0 ~* r0 }: }. {8 J. _
xPos = xPos;
% {8 Q. x5 c$ d8 t4 D$ s
}
- L C; j& K. T p1 A
if (yDir == "down") {
0 {& T- @# [: \) y4 s* b& v& |* K' n
yPos = yPos + BallSpeed;
& @5 r" g6 ]( L
}
" E3 w C: G& A, b& ~5 Y2 c
else if (yDir == "up") {
2 _, @- Y0 |) u7 ]
yPos = yPos - BallSpeed;
) _9 K8 r! V5 F1 B
}
( A0 l/ ^$ V3 Z# C" W% b5 f
else {
+ u/ C: _: T. l6 P' D
yPos = yPos;
# d- s3 A$ n( J% j+ K9 v
}
/ `, {( b& {! ~/ k8 L8 \ F
}
! q2 K* H9 |5 J$ R: Z9 S; P( A+ d" d
; S' X4 C- h! `7 F! h; C& i9 x: ~
function hidetext(){
3 z+ n; R! I& f8 Q* G4 L+ R' {
if (document.all)
9 z! f Y: ?9 S, l+ f1 \
supertext.style.visibility="hidden"
/ \" Q* U# n4 @
else if (document.layers)
; ?: @% ]5 [* _/ d1 Q) d1 N
document.supertext.visibility="hide"
3 h( }" T1 v4 q1 F4 @; }- B
clearTimeout(animatetext)
/ ^8 D2 s/ }' b' c) P/ t
}
3 ~; W% i2 p n* ]9 o
/ g, D; b5 k+ |0 h1 } D
if (document.all||document.layers){
7 N! D) z5 r' S+ e1 |* n9 Z& P
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0 L- E# Z+ m# |) j1 r7 y
window.onload = initializeBall;
2 ^& M, h* A5 t, Y( i9 x* C
window.onresize = new Function("window.location.reload()");
! y6 t, l+ E$ D) ?" `, N. z4 d/ b
}
/ E) i' N9 z! U- L" r3 j
$ D6 K7 h' G; ~" K: ]$ o' g
</script>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2