|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">! N. ^# p% K* }, W5 j' `$ A
#supertext {1 J$ A" ~- A Q3 g6 N4 @* {1 ?, U
position:absolute;. L0 ^8 M9 c7 u, v
left:0;7 I7 g2 Y1 N& A
top:0;
! r7 C+ F3 e3 ^0 W- J( Y0 ivisibility:hide;
3 U" y* o- Q9 E- J6 Avisibility:hidden;
1 B9 v( e& Q3 f}
- Y) l/ l5 t) a; e2 R7 [</style>
& `5 k: w! `7 J# o( x% x<script language="JavaScript1.2">* o+ O# G5 R: s. O& t5 H
<!-- 改变下的字体的大小。颜色-->, J! s8 d( l: w9 ?: x, @% O1 K
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ y6 k, w+ k6 x, b) `) w; Cvar hidetimer='';
3 ]9 T, g$ z$ l n- Y+ j<!-- 改变下的弹跳速度-->
) N1 a9 n& k; T5 E2 l: v) \var BallSpeed = 20;9 P/ X( M; _6 q N
var contentWidth;
7 ^7 h+ w9 Y7 Z6 U& _var contentHeight;, ~7 a: ~( v9 r6 z( w
var maxBallSpeed = 50;
, R$ e {$ v4 G; D/ r: F' E+ ]- ^/ r/ T2 S! A, b) T
" l/ S+ y9 H$ \+ ~0 |var xMax;
. }) k9 o/ I8 o9 U' F+ Lvar yMax;, R U- Q3 p. a
var xPos = 0;/ s0 t$ A5 w% d1 N. u
var yPos = 0;
5 |8 M' {1 s1 b( t" dvar xDir = 'right';
# K2 ?. X4 k. Y* u' F# O; l* Evar yDir = 'down';
! B n) S/ V& H% B% g Jvar superballRunning = true; X# S5 j8 _! {) L
var tempBallSpeed;
+ K$ s6 Y( o2 U, z' i4 y4 Zvar currentBallSrc;: J0 }/ C2 x0 q0 P6 Q* x& k5 V( V
var newXDir;
5 X! C( L: d, {! ]( h1 jvar newYDir;7 _1 r- \2 `/ i/ t# ~8 y
1 ?2 g8 q. j+ {function initializeBall() {
5 y5 n& U! q1 N1 I% b. e" L. v2 g if (document.all) {
% B# J) r( X# w$ @# l+ [ xMax = document.body.clientWidth
, L+ ?. {0 J5 e/ s yMax = document.body.clientHeight
1 ~2 M- L1 L \/ c" h1 m: H5 x7 V( a document.all("supertext").style.visibility = "visible";
* S4 G: r$ A+ N: s) c. K contentWidth=supertext.offsetWidth, n% X* A# h- B+ z
contentHeight=supertext.offsetHeight
; r) r& x# V% t ~/ i& w/ D3 v4 t }# e* T. J1 v+ v1 P
else if (document.layers) {) F$ T6 x% O# I5 g/ t0 n
xMax = window.innerWidth;
& Q7 [1 Q8 J1 ]; s. P) c' j+ U yMax = window.innerHeight;
; s' q8 ~: d1 P contentWidth=document.supertext.document.width
4 P: T! m X( F contentHeight=document.supertext.document.height* B2 i3 w, k! Y' ]# g. f: k; Q
document.layers["supertext"].visibility = "show";
+ k6 ?- C% \$ W5 F* O9 H }: u( V/ D3 ~. u/ O- n K0 t
setTimeout('moveBall()',400);$ D8 Q) w6 k2 l
if (hidetimer!='')3 t3 o \& F3 S0 W
setTimeout("hidetext()",hidetimer)
' _' v m l& T/ s1 h0 Z L8 I r* z }, G9 \/ Q% a5 S# f
- M1 C/ Q% D! A5 O2 v g' M( Mfunction moveBall() {
# i3 ^& C" e. B( V! }* I( x J4 D0 u if (superballRunning == true) {6 B% L: W z) C. C; b7 [
calculatePosition();, \; t8 s* J* S, Q
if (document.all) {
/ m4 D' e+ `- ]" M) O) }% N/ o# _ document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 F7 p+ E/ |8 g! s8 Y0 `! Q. W document.all("supertext").style.top = yPos + document.body.scrollTop;
4 z) H* l! q/ c0 ]5 U* A }) H* G# K9 ^5 r0 d6 E
else if (document.layers) {
$ B U1 Z3 D% f2 m1 t8 t document.layers["supertext"].left = xPos + pageXOffset;
' a b/ m- B4 d. R& V# |# w1 @ document.layers["supertext"].top = yPos + pageYOffset;0 W3 `' I3 f1 u" \7 ^- }
}
% c0 m0 E( t' Z" J8 [ animatetext=setTimeout('moveBall()',20);8 A1 c% H- K- H* e1 Y3 s
}
/ d& \9 b3 H% x' b4 h" F; f( h }, b8 C) T: n( B3 l H! I
0 D/ d" S. k' Q( w6 C( j9 x
function calculatePosition() {) T. v, t& @& V) i8 B% d& X, R2 u0 T" Y
if (xDir == "right") {
0 Z, d" a6 V! g$ [4 K% K; z) G0 C if (xPos > (xMax - contentWidth - BallSpeed)) {
, c& q! \7 J2 n) a& E xDir = "left";
* m3 r& e3 |$ ~ }1 S2 H: y. m; r0 ?/ w/ l
}; n f! W; p( m U
else if (xDir == "left") {
& {+ S" [2 L( @* f" u, v2 n if (xPos < (0 + BallSpeed)) {
# A( ^, i: V& {' Z6 y xDir = "right";5 H5 M+ R2 @7 b# B" D0 I
}( s: j+ }6 U" y/ T9 ^1 |
}
* b5 F6 |; @/ p. m- i( E" g if (yDir == "down") {' F3 P' c5 T: ?6 W
if (yPos > (yMax - contentHeight - BallSpeed)) {
9 m* T) A: E# i! Q yDir = "up";/ r f' E" Q3 L
}
P2 v1 H+ }0 W3 R- u1 X. X, n1 L }/ A! _8 ~2 u5 P. E: o( c! j
else if (yDir == "up") {
, r" H% H5 y! A" j, q; W if (yPos < (0 + BallSpeed)) {
7 q8 t6 _' Z6 Z% B9 V+ J- E yDir = "down";( z0 q. I- ]: L2 x# C
}
. m: D* j6 A; w }
$ J" ?- N* m+ J# w if (xDir == "right") {5 L: w3 t% W7 i" V5 K" ]
xPos = xPos + BallSpeed;% x; J+ ~2 ?6 O5 a8 F
}5 X' t1 X$ U4 ^, d( m
else if (xDir == "left") {2 R, X- K" Z% b" H+ X
xPos = xPos - BallSpeed;
7 X0 A# L. K% v$ k: Y; z! n0 P }, C! E3 R1 \1 u0 H
else {
- @4 V# y0 v$ N/ e* L5 R xPos = xPos;
t# d5 i% w2 B; r9 E: C }
1 q; x6 n) R# T if (yDir == "down") {
/ V8 z/ e2 q0 t4 Z* k yPos = yPos + BallSpeed;
" b: J h4 P: H* n }
( h% I* P5 d8 E& A, q else if (yDir == "up") {/ Q+ h! g3 R5 h; O
yPos = yPos - BallSpeed;7 y U, Y4 ]. q2 a
}9 q6 e& X# ^. F& i# s' f
else {, \% g7 y7 P- J0 X, L8 z4 c
yPos = yPos;
) d; V% C5 _; L7 s- F/ U. J }
! M# V% B9 X8 |1 r: E! [ }8 X. z( K2 V. s9 S" j3 V, F
/ V% x2 @1 S( F, R' V+ J( o
function hidetext(){4 V9 P; ^# Q- ~3 Y! V' n6 r4 @# }6 X
if (document.all)$ [5 w8 M0 E# L. \6 J4 i ~
supertext.style.visibility="hidden"
- e, b i! f, R% aelse if (document.layers)
4 J. C1 t( N8 Adocument.supertext.visibility="hide"
+ J& ^" W& z/ f. VclearTimeout(animatetext)
8 _/ \- y& Q5 ]}
8 W2 v$ g K- \) T7 U3 }( ]
& E8 o+ p* z1 H2 ^* j$ I# Yif (document.all||document.layers){
4 G! x% f6 g6 P, x0 b" Ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; X! j* h; `$ j6 {. z, i4 _window.onload = initializeBall;2 E' Z* l8 X1 }) t0 R% T, }
window.onresize = new Function("window.location.reload()");
" p* R8 J# D2 k; i) p' z/ x}
# ^* R5 y: K$ ~# d+ L) v1 d. C9 S; k% t+ ~8 ]
</script> |
|
发表于 2008-1-21 20:55
|