标题:
网页之不断弹射的文字-特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:55
标题:
网页之不断弹射的文字-特效
<style type="text/css">
1 e$ w8 j- K, t# M# p5 `! A0 c6 K
#supertext {
3 d* l1 L0 q( Y* q6 _2 @# y
position:absolute;
5 {4 @2 V, V Q# z" N; }' L1 G
left:0;
Z- E# x0 Z/ }7 u# o
top:0;
% Y' }0 C$ V/ R4 r; z5 a
visibility:hide;
* R# ?" C0 T5 i1 _, h: Z- S
visibility:hidden;
7 p9 D. J% w7 p+ l& m
}
, G! C; Y% P& {
</style>
! V, T8 T( }2 K. v
<script language="JavaScript1.2">
, \' B, m9 D/ q9 s$ b3 S
<!-- 改变下的字体的大小。颜色-->
7 u" ]: m* ?$ A" K4 W
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 W, [% U+ ^' ]# P! U
var hidetimer='';
+ W d( o: ]7 g3 U$ V
<!-- 改变下的弹跳速度-->
, G$ }% \1 H- Y7 k2 n$ i% m6 }5 l
var BallSpeed = 20;
5 d$ L( S4 B) T2 e0 x5 N* a
var contentWidth;
. ~0 p* J) [( A8 l5 W) O' T$ y3 J
var contentHeight;
, S& s0 {3 _+ O% Q
var maxBallSpeed = 50;
9 K0 L9 w! b% q
! \8 D( d/ p/ ~9 W
7 A4 D- q- D1 ]5 [; d# Y: J2 M+ n
var xMax;
3 ~6 n* k1 `2 g' n9 E
var yMax;
3 c& U/ |! ]* V4 F8 k& d
var xPos = 0;
: @+ S$ K/ f# _
var yPos = 0;
2 s0 T* }) h% D/ A! @
var xDir = 'right';
; A2 n" C2 |4 @) U' ^9 v* z1 f# T
var yDir = 'down';
3 @3 x2 \* N2 }5 x: A
var superballRunning = true;
; q( X3 h. t+ \. ~( ?
var tempBallSpeed;
/ _! U# T; D" n* ~! F
var currentBallSrc;
$ [0 K, I$ y: m; F# ~
var newXDir;
1 q/ G' b/ i& J
var newYDir;
* D! |& P5 E1 Q \
y% G9 T/ e" `( H# [6 d- k
function initializeBall() {
2 H! ~& P& v; E% N3 [ R2 b2 K
if (document.all) {
* e: _" e! l* G2 G; M
xMax = document.body.clientWidth
# _- c2 ^( ~5 O0 j% v8 ^
yMax = document.body.clientHeight
: m, R) t0 v) \; h L# Z
document.all("supertext").style.visibility = "visible";
) r2 _' N6 U( V
contentWidth=supertext.offsetWidth
m# U& x& C6 r) P5 W, D
contentHeight=supertext.offsetHeight
$ e6 i) A! k! j- Q- l
}
; I) o! _; |4 G) l
else if (document.layers) {
( J. p( A/ W3 \4 F0 X8 [5 k
xMax = window.innerWidth;
: p' K$ t1 \" F% }
yMax = window.innerHeight;
6 {" Q0 e( d% Z9 i3 ?& n+ C
contentWidth=document.supertext.document.width
9 \; w u0 i: F S% v: d1 h$ ?3 s
contentHeight=document.supertext.document.height
- n% c7 |' i* Y) G
document.layers["supertext"].visibility = "show";
! f) X! N O# H4 A5 v/ V& y$ C% B. a! F
}
9 t. n( w. a- i: N& |) r
setTimeout('moveBall()',400);
+ Q+ @' q! X4 o3 c
if (hidetimer!='')
2 v- v9 N1 H X% x9 d
setTimeout("hidetext()",hidetimer)
2 v: H8 T* P; \0 j
}
+ n/ p# m2 B, }9 x
* N( T/ g4 r7 A, h# f. t7 W( n
function moveBall() {
2 \. ~% E! a3 i& i2 J5 j
if (superballRunning == true) {
1 z7 w- B7 l& |" C) ?
calculatePosition();
, e9 F7 j; K7 I; M) g g% f
if (document.all) {
# ?( j2 a7 r/ X. ?# p6 K2 K
document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ ]1 T6 Y( v# u9 |5 U+ S# x( z- M
document.all("supertext").style.top = yPos + document.body.scrollTop;
' q2 u! X( f, `2 V
}
: }! s8 j4 s3 U* b
else if (document.layers) {
2 N( J* w0 z% k
document.layers["supertext"].left = xPos + pageXOffset;
$ j1 L- @8 c% J8 a" a6 l9 [
document.layers["supertext"].top = yPos + pageYOffset;
+ ~: P; R* ^# Z( X0 x, I/ M
}
% c' z f; \0 C& v2 H% P
animatetext=setTimeout('moveBall()',20);
- C- s" \, G! d1 k) Z" Z- b6 H
}
1 @( `8 f9 X" z) e) I
}
8 r9 N9 @# m9 w" u2 J8 j! V5 z
3 j* `6 b# H! g2 Z" T$ C# z5 m
function calculatePosition() {
# S% ~3 Q4 [" i4 G) B. ^: J# B
if (xDir == "right") {
t( a0 ~ _; A! m% S0 _7 }
if (xPos > (xMax - contentWidth - BallSpeed)) {
m' r* N' v2 e3 q) T9 [/ }
xDir = "left";
# U5 D/ B, @" x% O2 N
}
& t h' Q: Z6 l) V+ ~
}
8 T% N" z/ ^7 ^; C$ w2 \0 a/ v* }
else if (xDir == "left") {
. F0 f# g. r, q' l( k* r0 K
if (xPos < (0 + BallSpeed)) {
6 y3 s* k/ ~8 [' |1 m
xDir = "right";
" F( a) l1 e; n/ _! c/ N
}
5 g3 V6 v! a3 i
}
* U3 q' a6 m w' H( j6 j0 J1 ?* f& F
if (yDir == "down") {
5 y: Y3 c+ b- \' Q3 Y% g" ?
if (yPos > (yMax - contentHeight - BallSpeed)) {
' K3 `/ @# r7 f/ L* N
yDir = "up";
+ J6 e) p( H: o" z9 l
}
& u! j/ Z/ k7 p( t" z
}
% K. k7 O0 K& M1 K$ n% n1 s! @8 S2 W
else if (yDir == "up") {
& L7 q( s1 j/ \0 {
if (yPos < (0 + BallSpeed)) {
: N7 F9 D7 B7 [% S* M5 c6 X3 z
yDir = "down";
/ H; f# e; J, K, C) M" R
}
0 C* K$ E$ V" \0 Q! U- C
}
0 o% q$ h) z, {- w; m( d3 f7 i2 x
if (xDir == "right") {
7 z1 T* Z* Y# c) Z5 ?
xPos = xPos + BallSpeed;
+ U1 R. b$ V2 s( I" B$ I
}
4 Y1 l" ?9 r! R k
else if (xDir == "left") {
! K1 ?) W; U: f' }8 T, a
xPos = xPos - BallSpeed;
3 w. ?* {( w; I" V# |' Z
}
. L. J# D ~: a% {5 i
else {
& M0 ]" u. I7 ]) i
xPos = xPos;
% Z x8 v6 @; E1 z! @- |$ e' B' g0 J
}
+ K# W7 o g d" P8 j- J* U0 J3 f
if (yDir == "down") {
' T8 b4 J- \% C( m" ]: c* [2 i
yPos = yPos + BallSpeed;
3 N$ t6 B7 v+ ]# n' u! r k+ O
}
8 o7 {; `7 v6 K3 `8 l. r7 \% |6 @
else if (yDir == "up") {
6 |/ V' c1 [: \ \; N2 n+ p9 ]
yPos = yPos - BallSpeed;
$ ]8 v6 G/ |& |; \ a6 y
}
, Z& |( a* s) X' c( `
else {
/ K. |+ I8 C- f9 Z" Q( X- ]
yPos = yPos;
; }: e2 v2 x% x& f( k* v. j- W/ S
}
, N* N5 J# t8 C& r
}
# x1 X8 S) D7 M; C5 W
2 k; `9 e# b5 W( @
function hidetext(){
8 f. @* A. ~8 z4 [/ Z% Y7 X
if (document.all)
k) z5 {4 z% e$ q( y1 K9 `
supertext.style.visibility="hidden"
4 u" ~# Y' R. ^" O4 e! \' h( e
else if (document.layers)
7 c: M2 t# p% r, z% u0 k
document.supertext.visibility="hide"
: N8 }5 S/ t, \$ { _1 c. \" k
clearTimeout(animatetext)
! s/ ?; D, D" y- `' v; e
}
, _- u4 h8 v) Z
% o4 c2 @3 u- b4 y) d9 g. I: V* \
if (document.all||document.layers){
* _% _( R7 |2 j4 _
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; M# l, n/ A8 r' w" p
window.onload = initializeBall;
" \4 t( N( F( B% E! h
window.onresize = new Function("window.location.reload()");
' b1 f! D; P2 n
}
8 n# I8 l; s1 G1 [5 F& j) t
" j+ R( L" c ]
</script>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
