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

|
网页之不断弹射的文字-特效
<style type="text/css">. v3 m+ i: U( R$ \/ X8 j Y
#supertext {
1 i, J4 y9 N$ ?7 Vposition:absolute;
3 p; A% a: a7 J. h4 ^9 yleft:0;
/ X! a Q4 s$ j6 G* Y6 p2 O. htop:0;
9 f1 K8 I0 T( k/ e1 m0 T/ Bvisibility:hide;
. n5 p6 Q G5 Z2 d2 e' Q1 w0 x" Vvisibility:hidden;7 h+ W# ~& _! o
}
) h! e& K% b4 Z; k5 j</style>
8 t# f. B& Z& W9 m* H<script language="JavaScript1.2">
! a4 }3 N% y% v<!-- 改变下的字体的大小。颜色-->1 j1 G) e' t6 `$ a) C) `9 X. z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 v1 t7 F( f) }* M6 y
var hidetimer='';2 f- \+ k4 n2 u1 E& a5 }3 K
<!-- 改变下的弹跳速度-->
5 |5 N, F& Q' h) L7 V4 qvar BallSpeed = 20;+ [: ?0 i, p1 _. k' D) a3 i
var contentWidth;
9 H9 I& |; ?; [1 Xvar contentHeight;
8 p: N: B4 x: f! _. G" o1 U; Yvar maxBallSpeed = 50;- _1 b9 e3 S$ Q9 V" u# c5 {
, b: N- N& U; M7 x; O& o0 ^% _
' d1 E; T# \; X4 [0 L: G
var xMax;; A+ F! v" P1 Z% ]- j, o
var yMax;
- m0 T! ~, G0 I9 b- svar xPos = 0;
- @' ~1 r+ z, Z. ~var yPos = 0;
" ]6 v j4 n# H: q- P6 o0 q7 Avar xDir = 'right'; q6 a; X7 ?7 z3 k$ @1 _$ f
var yDir = 'down';: m2 a+ |, b4 K
var superballRunning = true;/ V/ s# j4 c: R& |: d- {* u3 \
var tempBallSpeed;
" b8 M. Q5 S9 M5 \- yvar currentBallSrc;
' u8 U6 H9 b- p2 s; r( s0 o# o7 |var newXDir;, [" o% P* `* J- b/ I* E. [
var newYDir;2 ?1 }- q: A$ Z- ^- f( ?
/ ^2 y' A, h$ q8 U2 z; G9 gfunction initializeBall() {
3 a& k. r7 m- e! E0 z if (document.all) {8 ^- Z2 p% d% _+ `5 V
xMax = document.body.clientWidth
4 `5 T) g2 Q7 f yMax = document.body.clientHeight
9 ^8 U! g1 {1 q7 A2 Y! P document.all("supertext").style.visibility = "visible";! S) @6 b6 f& |! y9 J5 L
contentWidth=supertext.offsetWidth9 Y. b5 m" N$ ~) ?
contentHeight=supertext.offsetHeight
2 j0 z- S6 k; ]' ` }2 j4 c# Q* l% ~3 h' U; {6 ?
else if (document.layers) {
3 _1 F. Q# G# k* R5 { xMax = window.innerWidth;" a, M2 V( g% T" J8 w
yMax = window.innerHeight;
6 {7 h1 e; M* Z* x contentWidth=document.supertext.document.width
5 }8 X, ?2 L+ M% Q5 g contentHeight=document.supertext.document.height" o7 M. k- s6 T$ _4 K4 e
document.layers["supertext"].visibility = "show";
$ W1 r, t0 i0 e; f2 r3 s }
0 t- K6 n$ U3 |+ s2 z setTimeout('moveBall()',400);
8 ^! J n* b& P0 b if (hidetimer!='')
* P! O. i: F8 @) P. N setTimeout("hidetext()",hidetimer)4 k, k7 F( J9 u1 i x
}9 w* E9 T c/ w& e, K, S6 S
4 ~9 U; K; _( I9 i/ cfunction moveBall() {" ` ^ J3 k H% `3 k2 |; U& Z
if (superballRunning == true) {
v: C3 {( A$ J- n4 P calculatePosition();
4 u6 P1 L3 M/ O# i# a if (document.all) {
7 [3 i+ Q" v# E/ H8 C document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 u6 `2 G. E( M# H: g/ [1 ] h document.all("supertext").style.top = yPos + document.body.scrollTop;
1 Y; m# h8 ~/ v: Z5 a: E( ~ }
: p% s& |- R+ ? else if (document.layers) {" u: v% j2 p# m$ H
document.layers["supertext"].left = xPos + pageXOffset;2 D0 N$ v1 V8 I9 o
document.layers["supertext"].top = yPos + pageYOffset;+ [/ m# u# Y: f. {& _9 a8 n
}
* \) C8 _# }$ d% W animatetext=setTimeout('moveBall()',20);
' ~ k! V4 w# h. m4 r9 s) m }! { l: }. e' @
}7 y! L- Q% J) s+ E- p7 ?4 [( C3 m
3 i, t# A. F5 A' M* G9 t$ ifunction calculatePosition() {& V) ^* i# f( d& K( Y% P m
if (xDir == "right") {
+ y0 D* ~3 g% q q if (xPos > (xMax - contentWidth - BallSpeed)) {
3 u+ C& @" r1 ^ xDir = "left";
/ s2 @. s5 @7 A }
8 }$ `. G7 M! I* l2 }% V }4 d& t' s7 C, I
else if (xDir == "left") {" c/ E4 N3 E8 e3 k7 r" p0 g
if (xPos < (0 + BallSpeed)) {8 C2 |3 u) T& M# |+ @
xDir = "right";
7 Y# H+ _+ L8 g, s, N. f+ y }
, z P$ p' c2 C4 a1 Q* v1 ^3 u }* u+ V' T, g3 x; j$ k
if (yDir == "down") {
5 Z1 j. x, h H# p E if (yPos > (yMax - contentHeight - BallSpeed)) {3 U: J3 U2 J9 ~& G+ e' b& A$ n
yDir = "up";6 }/ P, c- [, a; C8 D
}* c8 v- F8 P# F' C
}
: K/ ?3 {8 C& {7 _9 j% {% f3 B else if (yDir == "up") {8 |$ U1 s" D# I) j+ g3 N6 x: l
if (yPos < (0 + BallSpeed)) {+ w: l) k X3 y1 A- ]9 p; |' }2 F
yDir = "down";' g4 e/ m* r% B4 c& n
}7 r; p2 |& c" W/ H; p5 c ^
}& U6 f+ E* Q- c# E3 G+ O
if (xDir == "right") {: A" [, o* R' E9 {( u% I, w
xPos = xPos + BallSpeed;
) R" i! r* ]! R }
; y0 W$ n5 h! s else if (xDir == "left") {
. }% I ?2 n6 I5 j" H/ J xPos = xPos - BallSpeed;$ f3 y2 a% H! Z! Z+ x0 }# m' r
}
) A4 B; B. ?% q- ?/ [ else {
: C7 T: c1 D# T8 ~ xPos = xPos;& ?; A3 m& ], \% u8 V2 T ^
}
5 E* v- k( O0 d6 C" @, ~ W+ F if (yDir == "down") {
$ ~8 F5 |9 \9 _1 R0 d yPos = yPos + BallSpeed;
3 z ]; U* k4 S2 i }
. S/ A* [- @# q; I+ b, U else if (yDir == "up") {
8 C9 \& u( c9 ^* U* S- d4 M yPos = yPos - BallSpeed;
! _- ?1 ]3 [2 ^- h+ R7 ? }
( L" W) f* w( W else {
- h$ N7 I' M$ q& [7 r1 J yPos = yPos;' n6 H# w7 o9 j. G( q# k# j' d, W8 u
}
* {# n2 k6 [' M# K }, P! N* z4 e: d
4 z R4 l; D8 Vfunction hidetext(){
% j6 T C, A3 S' _. }if (document.all)
( g$ o% |" V r) `4 esupertext.style.visibility="hidden"( `6 |" Q2 x5 J9 I
else if (document.layers)
3 m3 x. ^- P9 ]# Z3 X* ~document.supertext.visibility="hide"$ @+ N/ Z @1 B- r/ F% p1 e
clearTimeout(animatetext)( H5 e ~. w0 |+ ~
}
$ H. F2 e! m6 X- ?' ^$ A
7 E1 V* D! E) v; R. s7 c# P% uif (document.all||document.layers){+ v6 D3 _8 |5 ] H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0 }1 C* V8 J7 w( Twindow.onload = initializeBall;
8 k9 K8 ~9 U5 R! Awindow.onresize = new Function("window.location.reload()");
3 ?6 Y. d1 x9 `' V4 U6 ? w}
. F! M3 a! w* V, v0 i' ?7 F+ M3 x1 N( I! r9 V% t- Z' F. L
</script> |
|