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

|
网页之不断弹射的文字-特效
<style type="text/css">
% j& t4 Q& W' }6 Y! \1 x#supertext {
! K. h2 |. q6 U* L z. ~: gposition:absolute;
1 c" h7 v0 y, e C9 G) d# z: X5 ]$ Gleft:0;* I( Y4 f- \5 ^/ \; `5 Y3 f2 |$ ~
top:0;
5 S) w X8 g8 H$ o$ p3 K1 |# h+ Lvisibility:hide;
# d k5 h* P; p& Y! zvisibility:hidden;
! i+ Y7 S! u' @2 i; S- A# z}
& b- C( j: |4 ^* e A1 S</style>
' |3 E! A6 g9 ~6 K: X<script language="JavaScript1.2">
; y0 R" r! f0 d: D8 l, B<!-- 改变下的字体的大小。颜色-->- p7 `2 V ]& V& O, k; t, ~
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 R9 w) @8 u3 c( Qvar hidetimer='';
8 u/ m+ S) j3 H<!-- 改变下的弹跳速度-->
9 n" e) W: g$ ]% e Ivar BallSpeed = 20;
' x- t; n$ d8 |var contentWidth;
+ v; k/ v0 n* I0 A7 D9 vvar contentHeight;" I3 C4 E! w/ u
var maxBallSpeed = 50;
! Z) u) s$ l6 d8 w/ }! R: r5 s1 G- ?* I
& N9 r" W" F0 N8 N& S' r2 P6 j! p
var xMax;( a# U( J; N' x
var yMax;; @" Y" c( ~! X% }" v4 N
var xPos = 0;& c9 a+ a/ c) q p0 L- y
var yPos = 0;
/ p, G- Z! O5 ivar xDir = 'right';
4 a0 f a" ~6 K1 mvar yDir = 'down';
4 j) I6 u$ |2 c+ ?var superballRunning = true;, h0 w, z6 S; A1 }. f" W' Q4 F* L
var tempBallSpeed;7 W O- u2 i- \% V/ ^* b/ v3 ?
var currentBallSrc;% S3 @; ~5 o" f; N* @- Z" a
var newXDir;
, }4 [6 a- ^" F; yvar newYDir;
: ~) F$ K7 B3 `7 b
( n' f! @* y+ ~, S* Q' d4 efunction initializeBall() {0 R$ I1 o5 F* I. r- V4 [
if (document.all) {" G8 R0 D4 B) z
xMax = document.body.clientWidth
" j: L& s5 b6 [% p4 ] yMax = document.body.clientHeight. n/ S% R" _" X" [) E- g0 R& l
document.all("supertext").style.visibility = "visible";
+ |2 S$ {/ r- X9 f* N G% e contentWidth=supertext.offsetWidth
! [* H4 o/ {( m4 P" g0 j contentHeight=supertext.offsetHeight
" D3 H) T0 F5 O3 l1 { }- v: \: Z* @ Z. R
else if (document.layers) {( ] F/ T; s+ m" o1 N1 Z' F j8 B8 r
xMax = window.innerWidth;& F, I+ V) `% a/ J' c, _
yMax = window.innerHeight;
, _! `8 o) j% U" T/ O contentWidth=document.supertext.document.width7 ]+ h' \% e2 B9 o' }' t3 K- G
contentHeight=document.supertext.document.height4 }6 s, m# {1 `& P( r
document.layers["supertext"].visibility = "show";
2 D' i- S9 I! N }* `$ ~1 v" |" H
setTimeout('moveBall()',400);; u2 q! g8 m" X. e2 I! p
if (hidetimer!='')5 q9 b* I# w$ C5 a* q: B
setTimeout("hidetext()",hidetimer)4 G# H( ^* I0 ]1 Y0 Q
}
3 F. W& y' q% i: b) u
1 R; I) D* I) a& a Hfunction moveBall() {
4 A0 s: j/ Q b' q6 t; } if (superballRunning == true) {5 u" v7 k; j! Q: N2 v9 C# e
calculatePosition();
" A4 r" F7 O' t/ }% d2 \ if (document.all) {
0 b/ T" X: Q3 d document.all("supertext").style.left = xPos + document.body.scrollLeft;
) \$ _7 H8 ]9 w; s; J( N+ M document.all("supertext").style.top = yPos + document.body.scrollTop;& y% a9 K$ I. S# p
}% w7 |. E* O' K5 a7 h3 d7 {- Y
else if (document.layers) {
; i. W5 N' P, q+ \8 | document.layers["supertext"].left = xPos + pageXOffset;
( ^" O: ]. o' V; {1 F document.layers["supertext"].top = yPos + pageYOffset;
! F6 A7 L* c# T j* p }6 W4 [7 c7 Q3 B5 e
animatetext=setTimeout('moveBall()',20);
- h' y& F. B/ `8 z4 q }1 z9 l2 f0 x7 Y3 ~
}
2 _4 m7 d8 ^! j. l3 `; P3 ]: Y* F8 j. c1 N n
function calculatePosition() {/ ?' X9 L2 z. }8 u( K& d
if (xDir == "right") {- X! A( K( o; K0 U- W2 C, I2 }" ?7 ]
if (xPos > (xMax - contentWidth - BallSpeed)) {- i! ^# ^+ W: G- Y3 _7 k i
xDir = "left";' o& ?/ S7 {" r
}
9 n n6 e+ p% _2 `2 ?! L }
# s. T* o8 L9 U7 j else if (xDir == "left") {
1 A# i8 x4 R' f4 f2 e if (xPos < (0 + BallSpeed)) {% I& Q+ x3 P# y) a# T: o8 y3 o
xDir = "right";
8 l4 x$ Z$ H8 u* c* s }
5 y; _3 C' J) }6 p( \ }
( Q* [: n' h% \7 C) z if (yDir == "down") {
0 U( t. i$ P3 ~9 r2 Q if (yPos > (yMax - contentHeight - BallSpeed)) {6 q. |7 W0 ` _8 w8 u( f; O. i
yDir = "up";
: \+ v4 S8 q8 @& h, e, ~" n; ] }
0 H+ ^. m/ F8 ?/ ^* ? }
* W* U* M' w; a+ F* b else if (yDir == "up") {/ R( l& `9 Z: u9 c0 L& J
if (yPos < (0 + BallSpeed)) {
1 H6 q% ^% X$ I' s1 I3 d yDir = "down";2 ]6 @; M9 N3 `! B
}
1 N. k5 @% c4 T( D }
8 W$ e4 ~" V# F! r& @( ^ if (xDir == "right") {
" Y6 i$ U4 r) D( l4 [8 S- c M! o9 W }5 x xPos = xPos + BallSpeed;
) \. A6 ]9 K0 \, O( v }
9 l9 r! Y; i" o {6 G" \ else if (xDir == "left") {2 p% f; S3 `. S
xPos = xPos - BallSpeed;
" P! Q+ `( u$ p+ e }5 j* x! T; T5 @5 ~$ @
else {+ s* Y7 _: [. X- W5 s# D- \( _/ u. ~5 C
xPos = xPos;
8 C/ Z. \. o8 Y* ~ c& d5 S }
7 D. s* H7 d/ B5 r& s( B if (yDir == "down") {7 d+ z0 w# w/ w; y& A( L
yPos = yPos + BallSpeed;
; h# q' X: S; j' t0 T }
4 w: N" ~1 d7 t3 m else if (yDir == "up") {3 i: T& m8 @- {- b0 C
yPos = yPos - BallSpeed;- a# s2 Q+ [+ c9 n/ ^6 ~
}3 I. {- C' T% r5 I1 A' u% a
else {
9 a! t: H, y, J+ ` yPos = yPos;
$ ]4 K7 [# H+ x+ S }& r" Y0 C7 f* P* u; }
}
! f" s9 Q2 j8 c# ?: {# h$ C# M- _& w5 t# B) D, x& w
function hidetext(){
) ~, L" o' l+ k& C) t1 \( tif (document.all)
( ?) [0 _8 D( z* nsupertext.style.visibility="hidden"
& N' u4 \- O% \$ \- pelse if (document.layers)* L. D6 y* H4 [& q
document.supertext.visibility="hide"$ r8 f, c2 v9 e
clearTimeout(animatetext)+ v, f0 ~* `" f$ C0 v# E; W
}9 t: I# ~+ |0 s1 Q' c
( t6 }6 T: v0 Q9 w$ ^* oif (document.all||document.layers){' c3 \0 Q& d" G; K+ d
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ m+ B y/ q5 Z) v; [# I) Lwindow.onload = initializeBall;
6 V7 R- n- ?; Owindow.onresize = new Function("window.location.reload()");6 N( C3 ~( o8 E
}
6 R# ?* Q) t8 H" Z# c, N8 g8 u1 f! I7 I& o2 j4 v0 ^' P
</script> |
|