标题:
网页之不断弹射的文字-特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:55
标题:
网页之不断弹射的文字-特效
<style type="text/css">
6 E I" ]" e0 S+ n
#supertext {
* t; P0 S0 ? h7 M
position:absolute;
6 C1 D% b# P% l$ Y
left:0;
9 `7 M( e u) U8 g7 n. A
top:0;
j8 u8 w; W2 d+ A
visibility:hide;
5 M" W% F% _+ l: C n
visibility:hidden;
% L( d; S7 ~/ [2 i' {
}
6 \ H3 _# | E* J* P$ Z
</style>
" O& k4 G7 d4 v3 E7 s, R1 `+ k
<script language="JavaScript1.2">
1 q8 Z6 L( i( u. s
<!-- 改变下的字体的大小。颜色-->
[9 D7 ~) T+ ^" t9 v
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& s5 m" N/ f7 f
var hidetimer='';
9 o& T; u; b3 e
<!-- 改变下的弹跳速度-->
% I9 _ p1 }! _; n5 e* A
var BallSpeed = 20;
/ c ^1 V7 X$ N- T/ k5 m
var contentWidth;
4 v e( l. K1 }+ L% |$ |
var contentHeight;
- ?, d6 |8 I9 V2 n; f( ?% b
var maxBallSpeed = 50;
" r% d/ T3 w$ Z% M
3 u. g% G2 U1 K: b. Z- j8 F
* i, f8 h2 c% o8 A; t5 [7 z
var xMax;
$ A- H& I; t+ J$ W' Z$ w
var yMax;
4 S' K: |9 j; t2 T2 C
var xPos = 0;
' X4 y$ ~. }. A
var yPos = 0;
; ?' n4 v( Q* S1 ]
var xDir = 'right';
# D& R$ r' b& Y0 A9 T
var yDir = 'down';
% d5 s4 S! o' _5 r
var superballRunning = true;
1 M6 A; o# {- \# J# O: p
var tempBallSpeed;
k& K4 ?/ F g' Y; x- {
var currentBallSrc;
8 K7 M& e+ M; j; u9 P, F
var newXDir;
0 w2 A9 I7 }0 c9 \7 o8 }
var newYDir;
4 V j# `2 ^( T( I% y$ [: \
0 {, k* q. x# r' E( e( N
function initializeBall() {
T3 q0 y6 ^1 g# K" j4 f9 y1 `( ]8 j
if (document.all) {
( E, `3 E% l/ b2 K$ E
xMax = document.body.clientWidth
5 s" q* E% `9 n: V& n6 u7 c% s0 p8 B
yMax = document.body.clientHeight
3 ?# h( A) r& L
document.all("supertext").style.visibility = "visible";
# L- x5 |% }: ^ _- Z
contentWidth=supertext.offsetWidth
) \9 w6 z: N! D' S: U l
contentHeight=supertext.offsetHeight
! h: x) V2 V; o8 Q+ a) X) [
}
. f3 A/ v! _0 n6 E% ?
else if (document.layers) {
E- A x: e+ ~; b4 v
xMax = window.innerWidth;
/ Q5 z* K: S' I0 _
yMax = window.innerHeight;
8 U$ t: b7 s% z3 ?# ~
contentWidth=document.supertext.document.width
/ U3 u$ z9 D4 u$ ]0 i
contentHeight=document.supertext.document.height
7 y* G$ L' h" `' e! q
document.layers["supertext"].visibility = "show";
1 |0 p3 G. E1 G; [+ P; J. [
}
! |* g% }5 W1 z$ ]3 D( w9 ^
setTimeout('moveBall()',400);
2 E% W* H# h0 U$ }. K* C
if (hidetimer!='')
3 v9 j' _4 p) `, x# Z0 M
setTimeout("hidetext()",hidetimer)
. b$ I. q! i4 m: S" e+ l& l
}
8 D9 b5 M7 Z6 s
4 t2 T8 l% s& D& a
function moveBall() {
' X& C) {4 r5 J/ G) \
if (superballRunning == true) {
4 i) m2 \, P1 p! Y9 j
calculatePosition();
6 H$ T% n3 ` R' n/ ?0 w m. W
if (document.all) {
& B: c' m z0 @/ d$ x$ w$ T
document.all("supertext").style.left = xPos + document.body.scrollLeft;
& ?3 I# {& l4 ^! c1 U
document.all("supertext").style.top = yPos + document.body.scrollTop;
/ S1 K4 H! _( D: V
}
; E, P* N) M/ e8 T. T
else if (document.layers) {
) ~# [9 \/ ]) `
document.layers["supertext"].left = xPos + pageXOffset;
! \) b$ `" _& ] ^6 X5 C
document.layers["supertext"].top = yPos + pageYOffset;
" k. ]/ y0 Z% N6 r$ k
}
! K! i& A. V, Y! s5 `
animatetext=setTimeout('moveBall()',20);
! _5 h* ?9 t$ d/ w1 q" M
}
; @5 t0 d4 {! C" u m
}
( J" T- m* p5 @6 J' V; _( [
U* q+ g4 ]8 s- h$ R1 [( `- }
function calculatePosition() {
G+ m' v E+ d% s) b: x) c h
if (xDir == "right") {
6 j# m1 p4 ~, G* s, c
if (xPos > (xMax - contentWidth - BallSpeed)) {
5 B6 C+ J7 p+ j+ B1 F
xDir = "left";
7 W4 O4 U/ [0 u* ~6 P! K3 Y8 b+ ?% A) w
}
2 r+ Q4 n6 `( B5 |3 M4 C( U _# _! [
}
5 |" m, w1 y* v! T- A, c: q
else if (xDir == "left") {
q! P$ s4 f3 H x
if (xPos < (0 + BallSpeed)) {
' |8 O& U; _/ [; O- Y
xDir = "right";
) Z! C5 K* B% K2 q
}
! W: ?( n2 h4 [7 j
}
( H0 ]8 y1 ?+ i, V' b
if (yDir == "down") {
; G$ i$ N2 m+ d8 z1 {& N
if (yPos > (yMax - contentHeight - BallSpeed)) {
% J# J- I9 I0 D0 b+ e9 [
yDir = "up";
/ e9 t5 S3 R: `
}
1 W5 h, c) L4 N3 y& `0 l$ x
}
1 L7 B# }. j2 K) h3 b6 r
else if (yDir == "up") {
& j$ i' O7 [1 N/ Y& o7 a
if (yPos < (0 + BallSpeed)) {
+ u4 D, O% u' ^7 O# c
yDir = "down";
) ]% m4 L' a/ B6 z" h' o+ \3 S- t. s4 \
}
* Z8 `, w9 q7 L' T
}
' b, ?4 }* d3 t# j# B
if (xDir == "right") {
' U! [+ k7 p1 w) x1 [2 E+ c
xPos = xPos + BallSpeed;
: e7 O; P- u+ d+ M
}
* q( _7 U' a, m; N
else if (xDir == "left") {
8 q8 b' g8 ?$ I
xPos = xPos - BallSpeed;
$ G+ B% }" N2 j1 B
}
; A' \8 K( @8 V) s, B$ s
else {
6 X3 d. t# N+ ?+ U; @9 {+ F
xPos = xPos;
* W, K; @0 p; G0 Y8 f
}
, @2 P: A6 |" T$ T Y
if (yDir == "down") {
; z, l3 h" K: @* T7 e
yPos = yPos + BallSpeed;
3 W, O8 t9 E/ n( @3 C' f+ e0 o$ g
}
1 _+ ^8 r+ m9 _: ^1 q0 N) W
else if (yDir == "up") {
* `" I* {4 P2 G8 _9 |# m, }
yPos = yPos - BallSpeed;
% t$ K+ i$ ^& X. B1 v0 _) C9 h! ^8 U9 j4 u
}
1 i! _1 ]& e: g7 F
else {
9 M' q$ q7 }6 K
yPos = yPos;
) l) r+ f; A$ _; q0 N8 M
}
; o: a. h% d2 l
}
$ U+ Y5 z8 k4 g6 A* q
9 y! X2 B+ `( g: K: ^. }& W2 M
function hidetext(){
+ ~' g; e/ z" d: q: ]2 K" |
if (document.all)
& k' I8 m* x$ l0 |) `
supertext.style.visibility="hidden"
% T4 ]' n8 V% R% K2 p4 [! ^" O
else if (document.layers)
! j9 q2 S; `2 \' i
document.supertext.visibility="hide"
$ R0 F% W( J% d+ S( M* p1 e/ p7 E, I' c
clearTimeout(animatetext)
6 d7 j1 \6 K0 @2 N
}
5 y' d w0 D5 ?. d5 p
: N. w0 ^) ?& _: B
if (document.all||document.layers){
9 B& i; L6 q; W" c1 w6 u! K
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 F/ X( X! q$ O% L
window.onload = initializeBall;
- L% [, \# R9 ?# {, G; ^! u6 `
window.onresize = new Function("window.location.reload()");
/ x; l1 r+ Y5 R2 u' j7 X/ y
}
/ e" j5 ~5 V7 {- U. @( _& h8 N( r
0 S9 `7 o* Y4 O- f# t8 C% e" E8 g* ]+ U
</script>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
