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

|
网页之不断弹射的文字-特效
<style type="text/css">' Y& t! o6 J/ E' H% w
#supertext {
: R$ _0 `! S% S; S9 Vposition:absolute;
& Z9 k# e) d* ~% m) j, yleft:0;0 Q+ J" s; V% |+ ^" k4 |4 w
top:0;
! e; y/ F, O2 f, A* cvisibility:hide;4 B' j, F& |8 ~* \3 }) a# U
visibility:hidden;
9 I4 J2 { ^0 y' @) D}
( {- F& r7 v' _6 C* u# [+ K</style>
& K4 s7 p" L+ ]& Z7 A/ |. W<script language="JavaScript1.2">
0 ]; b; C2 B: K6 ]: X* w7 _9 r<!-- 改变下的字体的大小。颜色-->. P! p, j% p; G1 W
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8 E7 f: a }& J* F r2 _: Bvar hidetimer='';
! e$ v% f3 \% f<!-- 改变下的弹跳速度-->* B1 }% D; V3 j$ [
var BallSpeed = 20;4 b2 g- c9 R( I
var contentWidth;. Q1 ]5 ]# C4 \* N8 r
var contentHeight;6 C7 E' c/ W: h, p' X! ~7 @
var maxBallSpeed = 50;# H6 U1 C7 ]4 E5 S' q$ s3 C; H
2 L4 R% Z' y6 r
; z# \5 L" f$ e& |$ Hvar xMax;
$ U4 s7 r! B% s/ m; z) }9 P8 mvar yMax;) ?2 T# d) u t9 v
var xPos = 0;
+ v' f/ f+ m1 h% u2 Qvar yPos = 0;
: P0 q A# H- D1 @! T& W' Cvar xDir = 'right';2 F+ \, m ]& A: D* D
var yDir = 'down';$ z s8 J0 L4 j5 g& F6 j
var superballRunning = true;
: W* _ O. o6 ]1 O1 \7 k4 yvar tempBallSpeed;0 b( A6 \" ^7 ?0 Z H' ]
var currentBallSrc;; V/ Q, w1 L; @3 }8 e. X
var newXDir;
" ]% a% n6 x1 g2 ?2 w: k; zvar newYDir;* }- Y3 j) s4 \8 H
* W+ D1 X, j5 E' Tfunction initializeBall() {" ~& s% B1 b' X. W# C7 g
if (document.all) {- }5 k" G; @" C$ O+ O! ]% v
xMax = document.body.clientWidth5 h" \% f' H9 G% Y- q! ]
yMax = document.body.clientHeight1 P5 G) a/ C P9 k
document.all("supertext").style.visibility = "visible";& _% i! W, g6 N
contentWidth=supertext.offsetWidth
0 d9 b! h9 S% }! ^+ o/ y contentHeight=supertext.offsetHeight1 q/ a) G+ S% j' i
}
; }; ~. _+ q# p8 D else if (document.layers) { {0 j0 Q* v- }; G
xMax = window.innerWidth;
% R% Y# ?; A( I5 v" { yMax = window.innerHeight;/ ?% E, C. c% J! J. F6 k# F5 ?
contentWidth=document.supertext.document.width ^, a5 N) v2 X
contentHeight=document.supertext.document.height h5 U( Q/ _ B# n3 F, \7 F+ g
document.layers["supertext"].visibility = "show";( p) s' l5 \8 `$ ~+ t+ d7 f
}
4 ]( R9 c4 z( P5 \9 M) G setTimeout('moveBall()',400);5 j! D7 {$ E/ I5 `! C9 L
if (hidetimer!='')* R v y3 ?! [% @ P3 F0 E
setTimeout("hidetext()",hidetimer)
2 Q- f6 g: [+ V+ i' w- o2 K) ^2 A! K }. w; s+ O B8 x# N
# }( c# ~, |0 P
function moveBall() {
8 e" g% {4 I$ Z$ n A3 N9 l% n F6 E. I if (superballRunning == true) {. @: e6 i U6 }( c2 r5 T. m3 u
calculatePosition();
0 a& l+ M7 P: Y) c, D9 t if (document.all) {
( y8 l" X7 p" m+ f9 a document.all("supertext").style.left = xPos + document.body.scrollLeft;
& S+ ?4 p2 S$ A: i3 K: v8 c6 L document.all("supertext").style.top = yPos + document.body.scrollTop;
- W: M7 O$ q6 j }& V, a. d+ Y" R6 S
else if (document.layers) {
, Q6 ?8 {& n9 Q# c document.layers["supertext"].left = xPos + pageXOffset;
/ Y2 [: `6 x7 Y* n/ r7 v document.layers["supertext"].top = yPos + pageYOffset;
9 d1 } ?7 S- `% g( C! T }
& H) F k$ U: t animatetext=setTimeout('moveBall()',20);4 D' C" G/ O1 j2 R
}6 s1 c$ F8 X0 D5 C- \4 ]
}
, [ ` R9 P, d7 U
9 X$ i3 ~+ C. c; u: O) V- K* j Wfunction calculatePosition() {/ _: _5 H) B! h8 v% W _% S3 k
if (xDir == "right") {
/ B( y0 @( F- B if (xPos > (xMax - contentWidth - BallSpeed)) {
0 x2 m* {' \4 Q xDir = "left";
2 d8 c% f ?" u5 g8 D$ q, R }
/ W! r4 f% Q3 m }
) V) J {1 c/ L9 h else if (xDir == "left") {$ L8 U+ I& o) d, Z9 N3 b
if (xPos < (0 + BallSpeed)) {$ ?/ b" v2 ?+ m& n8 [
xDir = "right";- T F- X+ u: C0 X. C
}. I, H, L* v! f5 w7 Y/ M
}
8 V( o) V9 A; @0 N" D if (yDir == "down") {! k; q6 j: ^ H/ \! t! o
if (yPos > (yMax - contentHeight - BallSpeed)) {
" }8 L4 _9 d9 q) n @$ x1 D5 Z3 k yDir = "up";; i* B2 { k$ w7 ]! c
}
: O2 Q' i, q+ |9 q" a5 ^: | }
* _& @: m% G! z4 O) W+ F else if (yDir == "up") {
) e& w1 x& Z' d- T4 W if (yPos < (0 + BallSpeed)) {
, [ {" v# N4 b" \ yDir = "down";4 @: X/ s* F% h z
}; F/ T' w" u( I5 I8 T# {
}3 O$ a( [% Y# @
if (xDir == "right") {
0 X. t w) Y6 }: \: R2 ~ xPos = xPos + BallSpeed;
5 N1 I/ i5 p. J, P4 ] }
1 w, b# m W9 h) h& j else if (xDir == "left") {
0 A; @$ [/ j* j3 u: U xPos = xPos - BallSpeed;* ^3 t6 X( y) ~( D( j# l
}
! |8 {3 m, i; n6 W else {4 D' A8 Z7 K# u3 Z7 N: m* z: @
xPos = xPos;$ p# W% o) {% B9 c
}
3 S) ~8 y0 j2 h6 m0 J if (yDir == "down") {9 L+ n* r3 z1 ^: r' I6 i3 {. x+ v
yPos = yPos + BallSpeed;
i& M ]1 ~& y }+ m4 d n/ F" ^* |1 k4 n
else if (yDir == "up") {1 X) M- O4 Z5 d/ f$ N5 R3 L, E
yPos = yPos - BallSpeed;
, i% X( e) k7 E* W }
- c4 v5 z1 W5 I+ e* j5 Y else {
! M! `* T$ A+ n: T7 N yPos = yPos;
. h# z: b' e W% P0 \$ q9 v }
" t9 O3 e( E; V }7 f \% ?: ]- S7 q9 z
" f* x( u% f6 R
function hidetext(){5 C4 S: a: r" s0 X* r
if (document.all)6 E6 r6 h, k) F3 ~8 t/ L1 n0 E
supertext.style.visibility="hidden"4 W/ Y# N* G2 U+ }. d
else if (document.layers)
. L2 }* b+ t$ [& T# b# ~document.supertext.visibility="hide"
& J; F$ ^) z5 N5 P+ @clearTimeout(animatetext)
6 y. H2 ~4 l! b! f+ R- y}
& `% O) J1 ?: {- d* G
7 \9 |- M/ D) R& k8 Z1 R7 ]if (document.all||document.layers){9 M, t1 r1 N! @8 E" R
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( g2 i3 V6 K% t1 M9 T- ^, A
window.onload = initializeBall;' W7 |' L8 o, u7 O) v
window.onresize = new Function("window.location.reload()");3 F: C& ]4 H, p4 J
}
$ m: j8 F; S3 A/ U" X1 S& C. {& T: D# o7 P! b
</script> |
|