|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css"># n9 o% c! k$ [( s8 |6 h
#supertext {
! ^( v( R0 {4 d+ J x7 wposition:absolute;) T# u* P" Y3 V4 G& W: k/ n
left:0;! u5 H7 i3 v" r8 i
top:0;
0 g6 A* L) f3 e& Q: B8 h4 {visibility:hide;& i8 K3 {5 V' x6 O5 a, u! ]" V; p
visibility:hidden;1 m8 B5 H* r7 ]; o a7 ?2 x2 l5 V3 b
}8 ~ r, p1 {% o9 u, L% K, G
</style>3 X! `0 {# f$ z. q2 a" s
<script language="JavaScript1.2">' v }6 N8 y% A A% |9 [- p
<!-- 改变下的字体的大小。颜色-->
1 Z8 ^/ z, v4 x( D, Fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
. g/ b1 j" X3 A7 _$ Y! Evar hidetimer='';$ O2 I) ] C9 P$ U
<!-- 改变下的弹跳速度-->
. L1 |2 C; J0 I5 @9 m6 Z% z/ }% avar BallSpeed = 20;( p+ i; h3 u5 J. X4 I8 i" b I
var contentWidth;0 l% m1 d8 C7 I1 ^0 Z+ V% e0 k
var contentHeight;/ b$ A3 s% l8 Y! w3 m( R* S2 B: ~" k
var maxBallSpeed = 50;) x- W( }; p9 n' |
! Z; l# S- b/ T. [# X/ x
7 X* W( t& \! _" e, e( i, g+ |var xMax;
. A$ E+ T5 b) u2 o1 x; W, `. h$ Lvar yMax;
% Y0 V& G& p# k$ E2 L4 pvar xPos = 0;
) f J9 i' ~8 t. v @7 |4 L$ o, Cvar yPos = 0;
& a9 m2 T) K! xvar xDir = 'right';: L- D. ~- D" J; k9 z: I
var yDir = 'down';6 e* M# [+ ~/ D. O" f
var superballRunning = true;# E9 m& ~4 N3 j/ h1 f* d q) p
var tempBallSpeed;
& c) s& L4 @* r, pvar currentBallSrc;
: U. K& I( p$ l0 Z! yvar newXDir;
- w* J8 v. y" Ovar newYDir;
# Q# M0 s* {( D: M2 T! y6 W: [' H+ v* E7 E$ ]) D: k
function initializeBall() {
- Z' d( C7 ^/ C9 G7 O if (document.all) {5 ~( j/ U: |& i7 \- T
xMax = document.body.clientWidth6 X! X. O1 F0 B$ ^* W3 P
yMax = document.body.clientHeight5 \: H' s) c: D; T0 }1 T6 A2 h5 G
document.all("supertext").style.visibility = "visible";4 f; w% V4 D" X7 @" z
contentWidth=supertext.offsetWidth
1 Y' ]' } V! ? contentHeight=supertext.offsetHeight
' t* X- i W; f* w$ K- p: b/ D }
/ y3 l9 W/ h" h' P else if (document.layers) {' M* b+ n3 ?& w% Y+ Z2 y
xMax = window.innerWidth;
! l- V4 {0 p/ D( S yMax = window.innerHeight;
4 Y+ |8 _3 I' O' e contentWidth=document.supertext.document.width) g1 k0 I' k% \$ N
contentHeight=document.supertext.document.height* x" s# m1 s- o/ X
document.layers["supertext"].visibility = "show";. M* g3 H3 D' d+ ]$ I9 X% l
}' H0 U5 r" d* ]8 `. ]
setTimeout('moveBall()',400);
" f: a0 y% y5 V2 y3 z }+ Z% [- t if (hidetimer!='')
, b5 N, b+ U) \$ @ setTimeout("hidetext()",hidetimer)5 R, E- s3 H: d3 Z. s" T
}
8 t E0 G3 I1 W6 I. B, D' ~4 l
- `# t7 @& u: Y. j# Efunction moveBall() {
) Y$ ^1 k& P. y+ C1 e4 t if (superballRunning == true) {1 O. V; ^. u- J
calculatePosition();) X! k6 o+ p/ `! A5 l+ b+ o' ~) \. F0 w
if (document.all) {
/ w4 x }; h& D- G document.all("supertext").style.left = xPos + document.body.scrollLeft;, `* s% b' ]% t: ~7 j
document.all("supertext").style.top = yPos + document.body.scrollTop;$ J2 n4 C2 E5 D6 O" X8 D9 c" ^' N7 S
}
- P) _! x0 g' W8 v else if (document.layers) {# o2 w% ]5 f' z5 [5 h: E0 S3 @
document.layers["supertext"].left = xPos + pageXOffset;$ J* h% D1 m2 [2 ?$ v
document.layers["supertext"].top = yPos + pageYOffset;" A) ]- p8 O7 k& U2 b
}5 O; K4 [; q M5 ^
animatetext=setTimeout('moveBall()',20);$ a' s& x3 X, }/ j& g' C% u
}
3 z8 c0 ?5 P% p }
/ b6 Z2 A) Z4 h) v) e' g& ~/ C
( l! i2 c& P! T7 V3 B# p! ?+ Zfunction calculatePosition() {
- _) g! c, {; o2 S2 J* ~ m if (xDir == "right") {
% M( q6 a' d; z! e+ \ if (xPos > (xMax - contentWidth - BallSpeed)) {! F7 z1 p" K9 O( m P" m' S
xDir = "left";
* _* M+ T, ~0 }8 \) D* y }
+ ]0 w3 h& e7 e. ? }0 N/ v& ~, n* Z
else if (xDir == "left") {0 s% ?6 ?! z x5 Z/ o+ f( `& a7 ]
if (xPos < (0 + BallSpeed)) {
4 z+ U/ h; {2 n xDir = "right";+ L9 C: h1 \) I0 I$ h) m- P
}
* T$ B" b2 s* W+ I) P* ] }& ~ f$ Y" |( w) m
if (yDir == "down") {4 m Y' q6 |( m" T# J' @9 I
if (yPos > (yMax - contentHeight - BallSpeed)) {- W9 }+ I& S1 L* G4 u+ g
yDir = "up";9 W) M/ z8 b1 x! L" J; p/ J8 z
}
3 ^& C, ~& U5 K6 @5 D }# U5 {( S* H2 e8 G
else if (yDir == "up") {% E, d. C$ w/ I8 {! C
if (yPos < (0 + BallSpeed)) {+ o% e0 J* h3 X% t
yDir = "down";: b; X( @' I" m ^ H
}
! | b& \) P* x6 B6 A. C) l }
, Q- o" U' c. ]: E if (xDir == "right") {( X6 j9 l, G. l3 Y" D6 Y1 e2 y
xPos = xPos + BallSpeed;
& \3 B7 h7 s) A! c2 l J# U2 O }; v3 q( M2 V* J8 c, d
else if (xDir == "left") {; X% x( I, l3 Y$ L
xPos = xPos - BallSpeed;9 Y* _: W' h% h& W( ^2 P( a9 S
}
1 X, c4 b1 O' S4 G. O) Q else {0 |# I3 |4 k# C9 H/ T
xPos = xPos;
) H0 O' k# h! {* u2 t }) h. L- q9 |2 C1 p+ o5 A( ^
if (yDir == "down") {
1 f! l0 N* k! ^, K) P yPos = yPos + BallSpeed;* q; p6 u0 w7 I* F+ H
}
; l( @; R2 G8 A- m5 q else if (yDir == "up") {
/ b N& y- Q4 G yPos = yPos - BallSpeed;$ p" D2 C4 C2 n: s0 \1 Z u& a" r
}2 C. ^2 r! y& A l/ H
else {# `: e9 G' K& V% @9 z$ [( i
yPos = yPos;/ t# D2 q$ H4 |' K% x6 U4 t
}
# r% V2 {% _3 U. h }
) s, h0 X/ h, B d( M& Z; J) x9 V9 f# L
function hidetext(){; T# _9 J+ M% T1 t+ x$ r! Z: ^
if (document.all)' ]7 m( g8 M6 J& P5 F
supertext.style.visibility="hidden"6 Z$ c1 F( x2 X% B3 [
else if (document.layers)! x& U2 v& O4 Z9 K W
document.supertext.visibility="hide"
9 i3 H5 n0 ?. n3 l6 H7 k! n* O1 R/ I8 fclearTimeout(animatetext)
5 c1 O a5 d3 F4 v; m}
* [, Z8 R6 s# A K! w6 ~: u# E$ i8 R; T% F
if (document.all||document.layers){) h& w6 c1 P5 `. ~/ O) g) g
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')% w2 J1 i$ z8 ~8 K
window.onload = initializeBall;! N. x( Z- u" J
window.onresize = new Function("window.location.reload()");# y& r/ Z ^7 K- u2 Q- W
}
6 g5 \5 b8 Y; u! y9 F% r1 T4 @' m
</script> |
|
发表于 2008-1-21 20:55
|