标题:
网页之不断弹射的文字-特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:55
标题:
网页之不断弹射的文字-特效
<style type="text/css">
& c4 k3 A _0 |
#supertext {
1 y. C3 Z# e0 R: |' H
position:absolute;
! T* J3 u- d9 z
left:0;
) W- b- r# E' n5 g; Z
top:0;
: K9 p2 F0 @! m3 \6 `" o; m! |7 J
visibility:hide;
* K$ w: |4 z9 k
visibility:hidden;
0 N( ^: v4 m5 I& O# U( _, M: H) v
}
! D1 l% ]: a+ O
</style>
6 Q4 ~2 @9 D9 S( o) P" k
<script language="JavaScript1.2">
0 u/ t7 F# e) _+ D! ^1 u
<!-- 改变下的字体的大小。颜色-->
0 ^3 S8 s5 X! X) e; n2 p
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
' U( z: \& C5 B% b m" R4 D
var hidetimer='';
0 |" P. _! ?+ \
<!-- 改变下的弹跳速度-->
/ F0 y( O- Z5 R6 V9 w
var BallSpeed = 20;
' _6 Y+ v) X1 P }6 [* }
var contentWidth;
" @* p7 S9 [5 {1 N/ ?1 V
var contentHeight;
1 P, F1 x6 F7 E
var maxBallSpeed = 50;
$ A$ t% O: W0 x( O- G! e) V
5 _% C- o6 }' T* M X6 P# _
9 z; ?/ m( g5 P8 i
var xMax;
2 |6 w4 m% {9 @, K0 K
var yMax;
5 W! F' |% o4 ?" G
var xPos = 0;
1 f u$ i( \4 Q, Z, [5 _
var yPos = 0;
$ Z; @9 ~8 H- u2 g6 Q3 p
var xDir = 'right';
% n v* q; A& _) Z% `
var yDir = 'down';
1 e- m) f" i+ E* X, z' V' S
var superballRunning = true;
# \: l5 D' s6 H, `" q% L# W" u
var tempBallSpeed;
0 G7 Y l1 ^2 V2 x$ g/ F
var currentBallSrc;
6 c. L6 f7 [' I/ f0 |+ D8 r, B2 |
var newXDir;
2 v4 X) t$ M0 j$ n
var newYDir;
# o6 r9 T+ I* p9 z6 Y9 {8 m9 ?
+ v( T- n# Y6 p5 C% J" W
function initializeBall() {
; B% P* Y6 d4 {
if (document.all) {
! T5 I( c3 s: q5 _; D$ V
xMax = document.body.clientWidth
7 n2 m/ d* V2 q+ U7 i
yMax = document.body.clientHeight
+ |0 }5 K' |4 `0 K" H$ `! E
document.all("supertext").style.visibility = "visible";
3 R7 Z7 b7 a" X( f; A
contentWidth=supertext.offsetWidth
0 S/ C: ^& c6 y; L3 Z) s' j1 u
contentHeight=supertext.offsetHeight
: h8 @$ u" a8 `0 K9 d5 w
}
; y0 f; S6 |4 W: J
else if (document.layers) {
/ V4 h1 \( K+ C/ Z# q! `
xMax = window.innerWidth;
1 C, i- T4 T1 _ q9 Q1 J( `0 y
yMax = window.innerHeight;
; _+ t' O; @- t: ~
contentWidth=document.supertext.document.width
/ y2 x' L0 w: ^1 J# l
contentHeight=document.supertext.document.height
a6 l6 Q" l! L* b
document.layers["supertext"].visibility = "show";
H9 ?- C) G2 {
}
$ U: X$ L- B3 k9 A" m# C5 z( `
setTimeout('moveBall()',400);
! Z0 z0 e! |/ ~% l( P
if (hidetimer!='')
# l- |( `# H0 B. c3 `3 R* w
setTimeout("hidetext()",hidetimer)
4 x3 o* k) X4 y) X
}
! o( E# Z2 j% Z" Y
( ~' g* n" Z8 _7 Z
function moveBall() {
5 l- L0 p8 A0 Q2 {$ C, q6 ]
if (superballRunning == true) {
( s, N# Q+ X+ A
calculatePosition();
; Z7 w! D: Y& s% q& D- T
if (document.all) {
& E: |) v* g9 B) J- i- b
document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ k' Z. j0 E) j. a- `
document.all("supertext").style.top = yPos + document.body.scrollTop;
+ H1 {. c( ?7 m" J; A9 ]4 I% w6 t7 P
}
2 g2 ^" k, W; ?7 s' e0 c
else if (document.layers) {
4 A, P, r. F, M& Z% m" N% j
document.layers["supertext"].left = xPos + pageXOffset;
! W3 a+ Q: B7 X+ Z( V
document.layers["supertext"].top = yPos + pageYOffset;
S: N. o+ q. I' v; t- ^
}
( e4 }& G+ I/ O( x
animatetext=setTimeout('moveBall()',20);
) Y% v% W9 ?: z9 s8 J- U3 ~
}
, h! i0 z0 h/ r7 `4 t
}
; {# A6 T& V; U, l" b8 o
, }. t* x8 J; j" u& _0 s
function calculatePosition() {
: N2 ]8 X/ L" m% K9 R" G6 b
if (xDir == "right") {
/ R3 M! c' t0 i0 J
if (xPos > (xMax - contentWidth - BallSpeed)) {
; D( r$ ]; R4 |. ~8 [9 h
xDir = "left";
" I9 T- f% O% C2 t& S/ c
}
7 D" _0 Z1 b) W* H5 E8 i7 H
}
, H- E) ^1 M' V1 p$ I- N
else if (xDir == "left") {
5 a! S0 f" f' l% p4 I$ k: R7 l$ \
if (xPos < (0 + BallSpeed)) {
7 M# p. a2 a# }, \8 x7 E9 W7 t
xDir = "right";
6 \6 B% Z; N2 i1 z$ D. G' X
}
6 B7 {8 W3 v3 {# v% E3 ^8 f/ h
}
8 F n' n% o9 q/ g( ~
if (yDir == "down") {
- R" @0 M7 q( T6 g0 I+ c7 c
if (yPos > (yMax - contentHeight - BallSpeed)) {
0 L9 P5 O2 a1 a( B
yDir = "up";
+ h% N: t$ R6 H) S: N6 a
}
: O- c, L, Q- S. O
}
( X: @: w" V# |" H: S ]
else if (yDir == "up") {
2 o. V/ M9 @2 b) u* \( v
if (yPos < (0 + BallSpeed)) {
: z% h5 `9 }: e" X& w2 Z
yDir = "down";
- G5 l3 Y* }! |) v. K7 H
}
! s. J! F$ o7 x$ |
}
. a& ]; g0 w m9 Q; }) N
if (xDir == "right") {
1 B7 J$ ^+ y3 l
xPos = xPos + BallSpeed;
+ J: d! j% n- L# h4 j
}
# P3 a8 r0 d8 b6 T' u) |- U( R
else if (xDir == "left") {
4 F9 k8 |& C2 e5 q
xPos = xPos - BallSpeed;
9 s# {5 M' ^8 [' _
}
) D l) p+ s# \% `: p, z# e
else {
: n! e. @. f! N2 e5 q6 k
xPos = xPos;
, L# J7 M; F! L
}
7 s. F! h0 Q) o0 |& Q) `9 K
if (yDir == "down") {
* z, H) h& k, R; }: k
yPos = yPos + BallSpeed;
W* h% f' E! W# Q4 ?4 a: m- ~
}
" E: V, |9 B8 s. y g8 d
else if (yDir == "up") {
1 J: W9 p/ F0 ]
yPos = yPos - BallSpeed;
7 l0 I2 i: M, R; X
}
6 s% c1 [0 J& T4 i0 y
else {
, u- C: h. w9 W* S1 I' T. R$ w8 U
yPos = yPos;
9 B3 n- ^, T0 J9 x' {9 r2 }
}
1 e- l6 w. @1 J% p0 W. S
}
4 g3 F8 N& F; O4 V4 R
% y ^" X8 i3 H9 m; i4 u) N
function hidetext(){
; F6 ~, \$ W H `8 ?, v
if (document.all)
/ j {$ r! ?: m1 G0 D A: ^
supertext.style.visibility="hidden"
* w7 u! E/ ~! }" s; Y* ~6 Z% k% N9 m
else if (document.layers)
" p# o7 n% K& e: @- ^
document.supertext.visibility="hide"
. U/ r' M. y) V- l
clearTimeout(animatetext)
1 }$ O# r7 y: [0 R* `+ G a) N0 o/ _
}
7 c8 X0 l S/ V& ^- m# i' i) e7 p V' C
% y1 b6 U s3 z3 A
if (document.all||document.layers){
8 _4 A2 m0 |6 _7 D
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 U! d( ]5 H( D( k9 y! _
window.onload = initializeBall;
3 H3 C u! b2 J% Q+ K# S7 I
window.onresize = new Function("window.location.reload()");
/ _% s" \: H/ Q; N2 V9 a7 x
}
E. g; n7 j$ P6 c; B6 C
9 x: y, `+ o5 H" }4 V( @' d3 z6 i
</script>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2