|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0

|
网页之不断弹射的文字-特效
<style type="text/css">
3 B% ]- Q2 t3 O6 ?+ t: a# i% ]; ~4 Y) S#supertext {
, {) m# S0 B) Y7 l2 l- hposition:absolute;
{$ k, i" n0 }( t( R8 sleft:0;: B5 ~, n6 N4 \, a
top:0;; W7 l p9 u! n
visibility:hide;
8 u+ S2 ]8 q& D- E5 P7 {2 U# ~visibility:hidden;: W# L4 p8 U/ p, O
}
% w7 g- t0 E( @, N6 S/ u</style>4 a4 Z+ W3 H, }9 h
<script language="JavaScript1.2">' a; B2 A- w6 @# n9 u
<!-- 改变下的字体的大小。颜色-->
/ M! u% u% M, Y! @! i# ^var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ M% _; ~4 ~ g- M+ s3 e
var hidetimer='';
9 \; d2 H: x; U% K4 U: \1 Y<!-- 改变下的弹跳速度-->
1 t% `, t0 `9 F3 @9 |3 P/ Nvar BallSpeed = 20;
; c/ r( F7 E1 p1 F' T+ [ k) K9 qvar contentWidth;( I3 x n, R$ ?& D: R) Y) F
var contentHeight;
& o( l$ t9 O) @ ^8 A+ V7 B# gvar maxBallSpeed = 50;
( x! d8 ]& K% \: K, F
3 M x( Z0 H* }5 t, y
9 T: P8 B4 n l3 Kvar xMax;" i: f3 x2 T2 y: l$ L. v
var yMax;
" f8 f O5 D: ovar xPos = 0;" ?* p8 h( O! E/ g7 z/ w; E
var yPos = 0;
- `8 C; K. q1 o, W5 j2 [var xDir = 'right';& r! t, b2 j3 g
var yDir = 'down';$ Z d# Z1 u. Z; H, R4 `, p1 O. f) L
var superballRunning = true;1 d- f/ a# {- f% Q
var tempBallSpeed;: m! m' |; a1 T1 I! {9 F, x
var currentBallSrc;
# I" g7 r5 B: V1 N& f7 |, s2 [var newXDir;
5 }* Z. n$ W7 j9 p7 `0 Kvar newYDir;. F: N. i' D! O, I
9 Y8 ]9 l1 c* |8 ?- e& Y/ k
function initializeBall() {- l; d. E: f+ c% @7 M2 s3 ~/ q: j
if (document.all) {4 l* F+ T0 B8 s) e
xMax = document.body.clientWidth* }# J) a0 m8 [- f+ u: F
yMax = document.body.clientHeight
% k5 t' I. y* x& @" V document.all("supertext").style.visibility = "visible";1 N6 j+ T4 `7 r8 h7 H; Z
contentWidth=supertext.offsetWidth- u. f3 v9 K" b' P& f, L2 _
contentHeight=supertext.offsetHeight# o* e8 E8 e" ]1 Y) s% c
}
P! |, Q, \0 U else if (document.layers) {4 {+ G8 Q/ |3 N
xMax = window.innerWidth;1 ~ O& {; F; J
yMax = window.innerHeight;
: j/ m, }4 U9 M- n contentWidth=document.supertext.document.width
2 {. c( ^- U( W; A0 V+ j contentHeight=document.supertext.document.height, }" K& U G: x9 K
document.layers["supertext"].visibility = "show";
7 q( N3 `) S6 l% t }0 Z6 @! l6 Q' G( S
setTimeout('moveBall()',400);
5 L; R% [. z. W: x if (hidetimer!='')
! J" j0 H1 \* v) c, |" i- H setTimeout("hidetext()",hidetimer)
) [' \0 A- o" |# k J* { }
% `3 e9 |& Q( G B, o/ Q8 V" d$ W X. i6 }! Y4 c/ e g
function moveBall() {5 Y4 ?( Q& ^, P% V; a8 ?
if (superballRunning == true) {8 b; e6 [) F" f6 _. ` F( n. P
calculatePosition();: m( T0 l# R: u3 A; w" c3 E
if (document.all) {1 z5 z: p( r& U: |* m7 o
document.all("supertext").style.left = xPos + document.body.scrollLeft;
, X7 z8 S# R: @* N% o document.all("supertext").style.top = yPos + document.body.scrollTop;+ q& ?. O8 n `+ d/ ]
}
4 q( B5 L7 b7 u7 J else if (document.layers) {
% f, D6 \1 Z. P$ Z; h* u8 } document.layers["supertext"].left = xPos + pageXOffset;
A. q6 C! i0 F) o. j4 h" [ document.layers["supertext"].top = yPos + pageYOffset;
i' |7 i6 V x# i6 i" x. n3 K }2 w& u- R: k/ O' C/ O9 S+ I
animatetext=setTimeout('moveBall()',20);! B" |) J3 ]4 [0 G- l( P
}* D, p7 J& y/ N( F- |' ?+ t
}
y6 _9 P" k7 n7 \) b/ X5 V
9 m `% K. f5 x. r! T6 Efunction calculatePosition() {
+ b5 N. m, g* t& n if (xDir == "right") {' F( g- u v0 j' P5 j3 E2 Z
if (xPos > (xMax - contentWidth - BallSpeed)) {: a9 V, M. }* h& O- b) m% z
xDir = "left";( t8 [& e! w2 c: A( @* @
}9 ]% |( L7 J/ q# X8 k( Q% j. p
}
4 m1 y5 i3 q$ n6 U( e else if (xDir == "left") {
% A1 e# J' r5 K9 R if (xPos < (0 + BallSpeed)) {
- e* p2 f$ D5 f/ @( ^ xDir = "right";$ c. h4 Y3 l4 C: a4 U6 }7 \
}+ X3 e( q/ Y) S9 Z- v8 ~# M' y
}3 v7 O" b6 C6 w1 A
if (yDir == "down") {
. J9 s6 }* B2 _+ W- S2 P' | if (yPos > (yMax - contentHeight - BallSpeed)) {
- B! M1 O% H6 W yDir = "up";
. a, A1 `: s2 o w. h" P& [. ?7 j, c }
1 l3 u; |- z; p" i, E }
1 k' i$ ]# R+ c( p) x7 K. { else if (yDir == "up") {
. u2 Y- v, B+ Y8 Q- M if (yPos < (0 + BallSpeed)) {
/ H! W- n! P' K/ z yDir = "down"; y8 f) H: C3 E5 @0 d. r: M
}
|! ~6 u* w7 q% v }7 H }7 ~+ e, ]( O( n' F3 S; a
if (xDir == "right") {3 Y2 t1 i( z) @" @
xPos = xPos + BallSpeed;
! G( H+ i$ y4 j" B8 P }( `0 N Z9 l4 Q/ M* B
else if (xDir == "left") {
/ M j2 @' @& X6 c$ Y: z xPos = xPos - BallSpeed;
0 ]% x6 P# Z w0 [5 m1 K3 Y" y2 X }
- w; s+ M$ `5 l& Z1 | else {
O/ Q. z [9 p ?% c- w t8 g7 `3 v8 t xPos = xPos;) b/ m7 G% g) `1 y! ?
}7 f8 Q) a9 H/ L- N/ y+ J
if (yDir == "down") {' D2 t* a* w8 p7 Q( [/ @
yPos = yPos + BallSpeed;2 S3 Q7 [5 V$ G
}8 ~) }- }8 c9 z% ?6 J9 J( u
else if (yDir == "up") { b; w9 e6 E3 K$ H
yPos = yPos - BallSpeed;
# N) _0 }6 c: [- z0 x# S9 i* a }) a: m1 Y) m/ |# b$ J' H t
else {
0 S* M/ [' `6 @4 ?: ] yPos = yPos;* Y; J! v& C# X6 J* x9 e
}( Z0 q8 P) a4 f: h# G
}* s# ^' A5 e+ b. d8 W3 T& Y
. |& x( X& K& z* p
function hidetext(){! {9 U) I8 R; c* f
if (document.all)
9 q z" D [& ^ [0 {4 ^supertext.style.visibility="hidden"
! C1 O7 C$ X# } q- Z# Gelse if (document.layers)
/ Z8 P* G+ l7 M6 T2 ]5 y( wdocument.supertext.visibility="hide"7 c" }% O$ n0 X0 K2 U7 a* t2 r
clearTimeout(animatetext) ~ A. r1 Z* _
}
7 W4 C1 i4 ^6 F" S+ r3 Z) G* r s+ h2 o& F5 u* B: ]
if (document.all||document.layers){
0 U' ^# U5 E' B$ `: u2 Z edocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ y% g( b3 ` s
window.onload = initializeBall;: e% [" G9 x0 N7 U$ w2 V' y. u
window.onresize = new Function("window.location.reload()");6 @6 q% }, U' i" K3 z# }
}
# }+ K9 ?2 g; q& N, [, t0 U; [' o, H& I- q5 d9 q
</script> |
|