标题:
网页之不断弹射的文字-特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:55
标题:
网页之不断弹射的文字-特效
<style type="text/css">
, f( [; h @5 U. N1 T
#supertext {
& j W5 V$ v. ]
position:absolute;
# k$ a8 ]' R$ h& Z
left:0;
$ q, ~8 U( `) C2 f
top:0;
: f! O$ n3 D. J0 w
visibility:hide;
/ f! ]4 ]+ u! s1 G+ a
visibility:hidden;
; N# _) z: \% R# F/ A M
}
- E3 e& V& ]+ p$ `
</style>
$ i; \9 U7 m4 y. f7 `' H( j
<script language="JavaScript1.2">
' m* w& G4 s% y" a
<!-- 改变下的字体的大小。颜色-->
4 a, N$ S: m" P+ L7 ^: H
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: a* w% }8 M) T* |0 z
var hidetimer='';
3 V0 X6 X' A: T# B: ]$ |: Y( r
<!-- 改变下的弹跳速度-->
( r( E; r7 `* h( x0 z& P
var BallSpeed = 20;
( {3 k! Y6 N6 [; V1 d( ]" ^
var contentWidth;
' l e' ]7 m* {7 T
var contentHeight;
5 m7 n, N( P% X# G
var maxBallSpeed = 50;
' y4 N$ Z; j7 p6 p" S
+ K. q# V4 J+ _
0 ^* b& e, Y( f0 w; x
var xMax;
6 Y% L/ G) a& _/ e0 K' A& K
var yMax;
* [5 m4 ]: p: e* ?# L/ I* `& P
var xPos = 0;
9 c- c2 b3 L. o
var yPos = 0;
& ~1 i, N! P+ _0 o2 T0 G& X
var xDir = 'right';
2 z' b u- l) K- U% O8 E
var yDir = 'down';
; e; V0 H* U- ^3 Y: t2 A
var superballRunning = true;
* [/ I' d6 J- v; E4 N4 l2 ^
var tempBallSpeed;
. `3 e% L" H" X) m# s* l8 h
var currentBallSrc;
- J7 ?) P# Q9 Q" P# k7 Q( S# ^7 l
var newXDir;
4 o$ T$ p0 N6 @ z) I2 Q3 C: m
var newYDir;
9 f. {2 u6 P% ~5 g8 _( l! E% x
4 \0 G1 m( B! \6 o2 `
function initializeBall() {
+ A& ^6 y# T+ o
if (document.all) {
% ]/ O& m I2 T$ C0 C/ ]4 O: L
xMax = document.body.clientWidth
) J( [; B0 A) f1 n: E
yMax = document.body.clientHeight
0 A" Q- q" o6 R: X# F
document.all("supertext").style.visibility = "visible";
/ }$ S: t4 F+ E. a" F$ ?
contentWidth=supertext.offsetWidth
- m5 ~9 s% J7 r$ E! b+ ]
contentHeight=supertext.offsetHeight
; r6 t$ o A. P
}
: _$ E; {6 P" I$ c+ r- f
else if (document.layers) {
T8 N4 Y2 H! ~# ^! _3 D
xMax = window.innerWidth;
5 n8 ^: d$ Z9 ?+ w8 v! ?
yMax = window.innerHeight;
% i) Q( {; L$ G2 U6 p; N" u* T* K; b' w
contentWidth=document.supertext.document.width
" n9 L2 }! f8 ]
contentHeight=document.supertext.document.height
o( a. S6 u) v0 h- K
document.layers["supertext"].visibility = "show";
( }- J1 q, |) M0 S. Z/ i1 E' @- M
}
/ B: N: c# Y2 d' A8 h7 e
setTimeout('moveBall()',400);
3 W/ C: ?$ b2 n: d8 Q
if (hidetimer!='')
% \# P8 _/ m0 I8 B
setTimeout("hidetext()",hidetimer)
" K) a( |3 \2 g$ a0 ~
}
c4 T, o d; ? I( ~; C
# O8 J2 b, W5 t
function moveBall() {
" P( }$ c; K, z4 i( \* U& Y) @) r7 U
if (superballRunning == true) {
& w( q$ C! L% y3 s
calculatePosition();
$ \0 n& g; \$ `
if (document.all) {
* T) w( v0 d7 z, \! q# D6 t$ p
document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 i ^; K; x2 f8 {8 O4 k
document.all("supertext").style.top = yPos + document.body.scrollTop;
9 ^) F6 ~/ H$ i5 ?; T9 S! a
}
* F1 ?. v/ I3 W n, G
else if (document.layers) {
# r4 P5 ~7 z+ z# j6 g5 W
document.layers["supertext"].left = xPos + pageXOffset;
7 S) s4 p( X i5 w2 Z8 ^& r
document.layers["supertext"].top = yPos + pageYOffset;
, K) E R' Q# K
}
& e6 H/ E1 z# d, t& a' ~ y- W
animatetext=setTimeout('moveBall()',20);
1 l8 N ]2 M& i3 d' b
}
' L. u C0 ^( R6 F( j( ?2 C
}
- {6 p. Y) b1 X
) D6 k' m* \; D8 X" P8 v( s
function calculatePosition() {
1 k! K3 R) c7 F4 F \
if (xDir == "right") {
# Y* `% z7 x7 [9 T
if (xPos > (xMax - contentWidth - BallSpeed)) {
0 l4 c9 a9 T* e
xDir = "left";
- Q, `8 \' m5 X$ j0 g/ R
}
- {7 s3 O2 j% S& @; b
}
) b }/ Q) s* x
else if (xDir == "left") {
1 {1 ]$ \4 Q& w P+ \
if (xPos < (0 + BallSpeed)) {
- _$ X6 o; N1 O
xDir = "right";
1 T" A# T# @% p1 r: b7 c) X
}
+ M* s5 [; R; f3 `5 j+ [
}
5 c6 j! ^1 |, E# y
if (yDir == "down") {
" \4 J: f7 G! k: @. s
if (yPos > (yMax - contentHeight - BallSpeed)) {
' z" m* P1 K0 q
yDir = "up";
) Z, v4 F( w, t3 g& o
}
6 y! o' r7 `# p
}
/ \$ F9 a4 z0 v( M
else if (yDir == "up") {
7 ?# _: j4 u O
if (yPos < (0 + BallSpeed)) {
& m8 @! z) |! J, O. k/ ?
yDir = "down";
7 K# B2 E5 S4 m$ F9 l/ `# `& o3 n
}
/ o+ v2 K. R: L4 e5 l5 k
}
7 g+ R9 p1 \! f+ V
if (xDir == "right") {
" ]& I6 n% [) J! ?- ~+ ?7 i. U
xPos = xPos + BallSpeed;
" |! z+ J5 x# w8 X) c v6 ^
}
* a" `3 a: S) ]0 r2 Q& z
else if (xDir == "left") {
$ K. U" R9 J- z: O7 v
xPos = xPos - BallSpeed;
9 M4 ^& S+ Q2 K B. Q( d
}
: B$ U! B) n0 Z
else {
- I" @7 R8 S1 A6 T/ v
xPos = xPos;
: o; O9 k& o& E
}
, @. t$ X! r0 i0 P1 X, O) Q
if (yDir == "down") {
+ Q, t# T0 V/ e A3 F* w
yPos = yPos + BallSpeed;
; e. f* n* l4 Y- p
}
% {3 Q' M3 x+ S5 G! |' ~/ i
else if (yDir == "up") {
& v: ^5 }& r6 S% Y. }+ f. _
yPos = yPos - BallSpeed;
; D7 `& q( c$ r: U
}
- b) ~0 H: m5 S4 K' M" U) e7 o; B
else {
0 C. j3 N' I( V7 G! y. f
yPos = yPos;
) v% T, t8 v& r7 J( a8 l* t O- Y! W
}
; Z) S8 D) B! A4 r6 H1 O; Y7 o
}
# g7 R: X; V: U& K/ r
/ O/ z! a4 Y- R' s. ~' }; h! r
function hidetext(){
( X; a) S, m: _. U0 S# c
if (document.all)
t" d4 }- V" M* \
supertext.style.visibility="hidden"
: }7 x; B4 b n+ n
else if (document.layers)
* u- {) J4 V/ P0 h$ \: ]/ V
document.supertext.visibility="hide"
- C( X8 F% `) h$ C3 p, E
clearTimeout(animatetext)
: @2 _, n# i d9 m" `
}
( E* e5 |1 t" X+ L; K. A1 O
9 W; e3 o; B/ n3 }8 S P
if (document.all||document.layers){
2 k7 s7 m* |3 ?
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 B7 s0 ]3 T0 l: e
window.onload = initializeBall;
3 g: }( }8 \; B6 T V, Y7 y
window.onresize = new Function("window.location.reload()");
5 `; ]+ |# z: t! ]
}
5 _) L8 t8 e7 y! Y5 P9 H5 _) v1 t6 `
& p' {; Q4 Y( V0 C& K3 G4 d: c
</script>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
