标题:
网页之不断弹射的文字-特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:55
标题:
网页之不断弹射的文字-特效
<style type="text/css">
0 |) k4 `0 g2 V* k+ U* J/ p/ F
#supertext {
/ U1 `: `6 R S3 ]% |7 P @
position:absolute;
% x# a; N- ]/ k. i/ v
left:0;
, y+ h8 o! X" d- _; ~7 y% t
top:0;
( x1 @0 E- \6 y2 E
visibility:hide;
& u: R! @" l! W# o- l
visibility:hidden;
0 C; d! c! {; q9 g
}
! C) _" B. x: ?
</style>
# w9 n& Y T/ z3 x. p5 w' A: c
<script language="JavaScript1.2">
|: d; L; R5 P. P; J9 @: Z
<!-- 改变下的字体的大小。颜色-->
/ p2 x K6 |- k9 p0 P& j4 H" U* V
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ I4 `8 Z( T5 M2 k
var hidetimer='';
1 r% ^0 I, P" X) G3 T
<!-- 改变下的弹跳速度-->
0 q2 c) }) T- U5 P& x
var BallSpeed = 20;
7 M; ] i6 B0 D) e0 I3 ]
var contentWidth;
4 s! d$ }1 _. J5 a1 g6 P& @3 q; n
var contentHeight;
3 l, V1 R! T) {9 `! d) ?. Z
var maxBallSpeed = 50;
% E" V# R5 j5 A! s1 Z
; \0 L" d7 p* G# A' Z
+ w& k: w: j/ c
var xMax;
) m I/ K' d" s+ m, b- T
var yMax;
3 K& h' N! W |% @$ K2 |
var xPos = 0;
, \6 c @- P" Q$ E9 x# @( D
var yPos = 0;
6 q/ u9 ?- V+ W% B* f: D
var xDir = 'right';
0 k& L, ^1 T! N
var yDir = 'down';
$ z a$ ]5 ^3 M' o2 C, H% E* S
var superballRunning = true;
) n* H( B$ B( M/ v5 q5 [; e
var tempBallSpeed;
: t& |' W1 F! S
var currentBallSrc;
3 f: e$ e" v$ m
var newXDir;
5 R& t" I7 i2 i4 \" d* Z& `
var newYDir;
! [- T0 D) Y/ ^* m/ y9 }) w, I
; d, c# G7 t6 Y$ r( s
function initializeBall() {
`. I1 r- @% ]! b* [% d, b7 Q5 {
if (document.all) {
) l) R. W8 V; {
xMax = document.body.clientWidth
5 j4 J1 x6 ]2 f- b/ J
yMax = document.body.clientHeight
: i, o2 @) s3 V
document.all("supertext").style.visibility = "visible";
j; V4 u: v* S+ d
contentWidth=supertext.offsetWidth
4 j0 d8 K) |; r; C5 ~) _
contentHeight=supertext.offsetHeight
+ e6 i% ?4 i9 E5 Y M; t! p
}
0 W: a7 z5 z: S( @
else if (document.layers) {
Y6 u0 G2 C: ^+ H8 U2 l
xMax = window.innerWidth;
6 B! F) m$ c: B* M, w: l, r, A
yMax = window.innerHeight;
3 w7 r1 S$ W9 f$ m2 P# ~
contentWidth=document.supertext.document.width
; h5 [: A$ g* ?' m% V
contentHeight=document.supertext.document.height
! w: [+ u# {% p! e: F+ k: t
document.layers["supertext"].visibility = "show";
]/ M4 y- j* w. D
}
. H8 ]5 W# l& ^3 E: ]5 d
setTimeout('moveBall()',400);
5 q1 {4 \+ N* d& ^! B( d9 I7 X8 a
if (hidetimer!='')
/ x% z2 j+ |. c% m0 E: f! H+ l
setTimeout("hidetext()",hidetimer)
0 q. |: R1 N( H. b% m( X8 s n
}
( G0 l V" ~% H! X/ P& [
7 N+ {: {* r {' y1 z+ x% ~
function moveBall() {
, J n, K l0 t, T! [7 ]8 @( t
if (superballRunning == true) {
$ J' @1 C9 I8 s" D0 I
calculatePosition();
. ?2 l# m% K0 `7 [; p6 I5 Z
if (document.all) {
( f, A4 D! X; d/ R% ~4 g) {
document.all("supertext").style.left = xPos + document.body.scrollLeft;
. I) M n+ l: M% \
document.all("supertext").style.top = yPos + document.body.scrollTop;
+ v- ]+ u( T/ O4 _8 } K9 s: Z2 |5 E8 W5 f
}
! l- i! J* I- y( i
else if (document.layers) {
) `; B, s6 n; a4 P y% _ m' o4 l
document.layers["supertext"].left = xPos + pageXOffset;
+ p- c! P9 v+ N& a! Q
document.layers["supertext"].top = yPos + pageYOffset;
( T) r3 b; T+ r( [% T. F
}
: e/ l- `' t3 Z& A( ~6 p
animatetext=setTimeout('moveBall()',20);
8 W+ d+ r" H8 o8 Y7 X
}
/ \9 X7 W, \' r& V9 F
}
( c, G: n- h; S- [, V- d% `. R
?7 m1 i& k6 K ?: W
function calculatePosition() {
u# c* d8 z8 j
if (xDir == "right") {
" V; X3 P9 |/ Q2 X9 v
if (xPos > (xMax - contentWidth - BallSpeed)) {
$ A/ G1 C& a2 q7 o
xDir = "left";
7 L3 T* t6 }/ t: u' T, }
}
1 K9 m# f7 z2 u2 D3 v
}
/ d) ^2 ^3 Q! {: ~* p
else if (xDir == "left") {
& s5 w4 [4 e2 U2 `
if (xPos < (0 + BallSpeed)) {
: f# d/ T3 ?6 w1 D, J) ?
xDir = "right";
9 V" Z) b0 E, n
}
. }. \! E# J4 i' S0 S# p8 k
}
$ |, B+ ~4 ~' [7 c2 f
if (yDir == "down") {
9 q; p8 C, ~- Z, @
if (yPos > (yMax - contentHeight - BallSpeed)) {
2 v" F, Q) S7 n9 z; w* J
yDir = "up";
- u( G g( d `" m. ?
}
! n( E/ S1 U* ~3 C9 y. r1 v j$ Y
}
2 l) X) G6 |! _
else if (yDir == "up") {
& [1 r1 L- D, k9 P$ R4 O
if (yPos < (0 + BallSpeed)) {
5 |+ e0 j' Z3 A- i
yDir = "down";
4 D. G3 c! u' F0 e
}
) S0 z E- |9 k& i1 b
}
* P/ I& I, V1 ?5 n
if (xDir == "right") {
2 q* k. Y: l2 B
xPos = xPos + BallSpeed;
/ \% r5 W% A# J; }, n
}
; O I' p- P) Q5 z( t! o* K
else if (xDir == "left") {
" p, t. }6 Y# p# v+ P K
xPos = xPos - BallSpeed;
& B% M: T/ L; v& B4 \; d
}
% G& y* `; g7 \- T. r
else {
" p9 z% I* [& n9 E( q
xPos = xPos;
7 M' ~- s8 ]1 G' Z2 D; o: c
}
& G) `0 }" P' R) c
if (yDir == "down") {
2 b5 K/ c+ a6 P( D/ U( J. T
yPos = yPos + BallSpeed;
3 b3 C" }6 r, U% r! A- H* W7 R. I7 z
}
" s7 o$ K' h" Q: J. Q
else if (yDir == "up") {
8 D) y A/ `+ Z& }( J
yPos = yPos - BallSpeed;
. P% J; N. @# G8 S, m1 [. O
}
1 W. P4 q5 c# y2 H4 L. \; Y( ?* w. I
else {
0 \/ N j* d* G
yPos = yPos;
N8 ~- u5 e* {$ d. L( H
}
; U* m& B- F( c6 B6 `
}
8 a( h) A6 x0 I2 {+ b
3 [6 X, Z. ?" u# B. g
function hidetext(){
# L+ B" m/ j# H Y# n
if (document.all)
: O3 c, P$ m9 M& A( F6 E
supertext.style.visibility="hidden"
8 @ I2 D) f: F! m3 A
else if (document.layers)
( Q) D9 }- m& V) ]
document.supertext.visibility="hide"
5 M$ H9 F4 ]+ [, F; e9 E
clearTimeout(animatetext)
G2 e: H3 e/ U7 k
}
$ E0 r8 ~) `( b# O3 P A. [9 i
3 O& A) y+ \# |0 X `/ v
if (document.all||document.layers){
- i+ D3 ]( J9 b0 g, d
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 C; ]# R" M1 k% f
window.onload = initializeBall;
3 y4 b; Z9 W; K" O! m
window.onresize = new Function("window.location.reload()");
, N; I0 W: z1 t/ B& D
}
+ u( O2 N. r& W2 `9 B
# [: j- `4 p" Q' P7 S8 a
</script>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2