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

|
网页之不断弹射的文字-特效
<style type="text/css">
8 {) ?0 E2 Q9 N0 w4 T, D#supertext {! Z! E4 k' f2 D" x% Q' w
position:absolute;& p1 z: R/ y' G! n8 \/ q
left:0;
! C7 @/ {5 ?6 Y" ytop:0;
$ |/ Q4 U7 i- |# gvisibility:hide;
* }6 v) ~. n) H$ Nvisibility:hidden;: ?6 k$ [+ f; \: ? `; x
}
) }% l; F2 a" D, E9 I2 L4 @' V5 B</style>+ L0 y" V" ^) Z2 n' u4 A3 X% ^
<script language="JavaScript1.2">4 @8 W: g, s6 ]' o2 t& s
<!-- 改变下的字体的大小。颜色-->
6 N5 d# K" r; S% w- dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 V% p( C/ h( e0 y1 jvar hidetimer='';1 w v; [2 ` j' a8 s
<!-- 改变下的弹跳速度--> W- [/ l6 r% ~+ m% C3 {) ~" w, T
var BallSpeed = 20;% j0 `) F: L4 d; `9 [' N
var contentWidth;
! O2 Z' t% w1 q) w7 ~' U, ], Lvar contentHeight;0 T7 k- B& D. ?: a- E+ t
var maxBallSpeed = 50;
, k3 g5 T5 v( d' f; u" ~# _- |; x$ G
( y- l% ?: ^3 a- |$ {3 }
var xMax;
. ^2 Z9 F# ?, k8 b( ~var yMax;1 S: Y! d! i, J
var xPos = 0;+ _, u$ U$ x1 b+ `6 ?' h
var yPos = 0;
' Y- ~* x) l4 A$ B4 d& [: _var xDir = 'right';
0 M1 N, L: z7 B, zvar yDir = 'down';& q! e. @; c2 w! R
var superballRunning = true;; m9 c7 M% G- r/ j9 w( c8 k
var tempBallSpeed;
+ Z R2 v' q* M, ^# p9 U& [% p" _+ Q, q* Hvar currentBallSrc;! x( j# }- \6 r. k* u8 |! V
var newXDir;- u$ K+ d3 [5 C
var newYDir;
% m+ r* u9 r! m `
3 M8 V( K: R# a; m% C9 G- @/ _function initializeBall() {( H# d3 A9 O. C7 ] Z% G6 C
if (document.all) {
$ ?+ t* j0 f% M5 N5 l xMax = document.body.clientWidth/ i; p) X( M5 G. s6 y# X. [
yMax = document.body.clientHeight0 [, ?/ {( t" O7 [0 j" g& E! M
document.all("supertext").style.visibility = "visible";
" @: ^- b! j; a5 \ w- j contentWidth=supertext.offsetWidth, }# y( r5 P4 N3 B
contentHeight=supertext.offsetHeight
# ~( [8 ]& c) w, I+ w/ n- ~ }9 A+ g$ v: l, E+ i
else if (document.layers) {: g6 e# M7 A% n+ v
xMax = window.innerWidth; }4 p. p) b; f& b& b) c& q
yMax = window.innerHeight;6 R& m! ]8 j+ X' H' \- |
contentWidth=document.supertext.document.width
2 `& G4 M2 N, i) b8 i contentHeight=document.supertext.document.height
5 p. d @/ p' D; }! Q! Z! w' q$ F$ r document.layers["supertext"].visibility = "show";4 Z! J |" W% L( h" J( H/ F; ]
}+ ?" O4 C% G6 L9 M9 W( N# f+ g2 h
setTimeout('moveBall()',400);( s) g0 z; `! E
if (hidetimer!='')1 |% b8 t8 s' D7 L4 t. h4 P- o5 r
setTimeout("hidetext()",hidetimer)
) v9 e( m8 J' \5 W }
' a, G! ~+ G& J3 C0 l) H9 ~# t- y* C+ D! g. E' i
function moveBall() {. C5 e( s6 c+ k l2 \) I
if (superballRunning == true) {4 Z+ h- _7 _2 o0 v$ u% N+ n
calculatePosition();
) w. b) R' h, p* F9 f, Z if (document.all) {. q+ j% v/ U8 S& |+ ~/ |
document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 x, m( N |* r$ Z- s d document.all("supertext").style.top = yPos + document.body.scrollTop;
! A9 n6 V. q! h* T/ ` }( d7 ^! C# x4 h7 W2 @1 j
else if (document.layers) {
8 Z% Q( B' l8 e document.layers["supertext"].left = xPos + pageXOffset;; n2 o& t3 w4 Q& z D+ ]- @
document.layers["supertext"].top = yPos + pageYOffset;/ o# g) R2 [) D0 I
}2 l, E: x) e- q' B |, O
animatetext=setTimeout('moveBall()',20);
9 P9 N8 T* _3 }9 H* v9 v }# Y; u4 Z/ [9 a& h' G1 H5 U- k5 C
}
, U3 R9 X. G4 K3 A9 \1 R
5 o) h* Y2 c; @1 t/ Afunction calculatePosition() {
6 S! i; z, B0 f/ ~! m a" S7 T if (xDir == "right") {+ h0 F2 J7 F0 J
if (xPos > (xMax - contentWidth - BallSpeed)) {6 \& V5 N- r* _
xDir = "left";+ e B" T7 A6 F, p& d- A
}
: k+ W$ ]8 W {3 y+ q: b1 T! _ }
$ I# ~1 v8 O+ e else if (xDir == "left") {
, g- M4 o7 D; `* C if (xPos < (0 + BallSpeed)) {
( [/ J/ Z8 Z8 B: P7 G) _2 T xDir = "right";
* P' j2 _ J9 i" C" L2 @ ^* f }
1 K/ ^! g) g& x" r5 I8 } P/ n }# v( v+ C6 @, C& i! G. N
if (yDir == "down") {
6 {) B! V; R0 ^3 O if (yPos > (yMax - contentHeight - BallSpeed)) {
! e7 }: [" {! D, x* W9 j& p yDir = "up";+ V* G F# J, [' N% k
}5 f. o* @8 {$ e* x' L
}8 T5 ]: \) M. E w# @8 O; g \" A
else if (yDir == "up") {
8 y+ z# [+ b& ^, ? D if (yPos < (0 + BallSpeed)) {
. M1 K0 `4 w5 y9 b' s yDir = "down";; M9 Y4 o" B* D3 s1 T- k( s7 J- J
} U4 T, x; J! i
}% f. X! C/ B0 b: M
if (xDir == "right") {% C3 ?- J9 S* L. r# r
xPos = xPos + BallSpeed;+ [1 P" |( D- M& ]# f `+ M! C
}
) L- [% Q9 C3 p else if (xDir == "left") {1 Y( d E# o" c$ l: N/ C
xPos = xPos - BallSpeed;% B- e- N! ^* h7 H! }, D+ `
}
# p' ?/ d* V5 ~/ U9 A else {, |0 ~( f6 L5 V% f7 J) t- o; B
xPos = xPos;. S1 ^8 c2 U) t* i
}
; Z' i5 s# E8 \, g8 l& { if (yDir == "down") {
) w, ?" q: m; w5 _ yPos = yPos + BallSpeed;
8 P' U$ H- x+ X }' p% m2 G0 T: a8 C# O
else if (yDir == "up") {
4 d4 R, h6 S: i4 C. ^" v, U; o! H- N yPos = yPos - BallSpeed;
, D: o6 m4 l8 X4 H }
. i. t8 G3 o" ^% | else {
2 Z# R0 }1 R( _/ ^! z yPos = yPos;, \1 m- J8 p0 ~* d6 p
}
) X+ ?: Z A( M+ `: R3 l* N }
- U% o' p/ ^0 y. }% o4 \4 i1 p* ?# P3 t, x& k# P V
function hidetext(){
3 }6 L' P) s, C) C0 }" n% Mif (document.all); z* Y; r0 O6 S$ K% K5 [7 X
supertext.style.visibility="hidden"
+ g+ W" p" j3 O0 [+ j$ Telse if (document.layers)
8 W/ C8 S5 C. f# rdocument.supertext.visibility="hide"2 `. K+ `: j' k5 E
clearTimeout(animatetext)
& J* k+ M3 j! v: Q5 q G0 m}1 n+ a7 w3 r6 q: j2 N. [! n
" L. `3 S/ m% Q% c* S& Nif (document.all||document.layers){' T1 [1 K& @: A* x$ P" W, N, t
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- G, I$ t& L4 B9 Fwindow.onload = initializeBall;. M' w; c! |% C% q! t
window.onresize = new Function("window.location.reload()");! Q- ^4 Z. w$ P& R9 [/ C+ x
}6 j9 B- w2 [! P. U( @* ?. Z
' r6 T' G" ?0 G
</script> |
|