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

|
网页之不断弹射的文字-特效
<style type="text/css">
& O, _3 I0 P2 l#supertext {
- m% ^+ ~& t, U- k* Vposition:absolute;
4 @# U# n8 S& g( h6 J6 T+ R- zleft:0;
! h" u1 g/ \/ v$ q) mtop:0;
3 n7 n$ A' r Q( Bvisibility:hide;3 b. n% e. n$ m' {; B/ b& _" s
visibility:hidden;
" G0 C, U, b$ w7 d6 g1 X6 h, V}
5 B" j5 m' g, g' i6 s7 f</style>
2 Q1 {+ d5 B7 _9 i<script language="JavaScript1.2">- S& C0 q0 L& P, N2 N4 e
<!-- 改变下的字体的大小。颜色-->* ~/ A' \! X. _% j# m/ H! o
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* m; L- ?5 J- |# v( p) Z
var hidetimer='';
& B, o- J! m/ r# y<!-- 改变下的弹跳速度-->) t- A# q0 o" Q6 @
var BallSpeed = 20;3 L1 N' [4 a, O2 X- {) p
var contentWidth;6 o* O+ O$ m0 h4 h& Q$ D$ {
var contentHeight;/ g9 k; q, G0 Y; @
var maxBallSpeed = 50;
& X3 Q8 ?: ]. u: z: G9 n. p9 L- O$ {$ R$ b9 i2 {$ o
0 z4 ^* U# H1 r8 V8 F1 S- ^9 [var xMax;
1 m6 k6 s0 A; w% K7 W" Wvar yMax; K# E+ ?5 l3 w" J7 @7 @
var xPos = 0;; {; p6 ^/ ~* [& {
var yPos = 0;
+ h* G. D/ d$ ?+ r9 ?: D$ x6 S' avar xDir = 'right';% a0 {0 f6 b2 e+ a# i, v
var yDir = 'down';
* Z9 Q" n T1 uvar superballRunning = true;/ W$ v# D9 k, O/ ?
var tempBallSpeed;
1 ^- C% O9 \5 G) c; l* H) Q% K8 Lvar currentBallSrc;" K# _1 V& H+ `& ?) F
var newXDir;* D' S: A* k7 B N8 l
var newYDir;
- Y- i8 d# ?* L" }
1 _6 T! J$ F/ E2 T6 B& _. `function initializeBall() {! L8 g+ R/ m/ Z* ^9 s/ v
if (document.all) {7 ^1 o' c, ?# k: |
xMax = document.body.clientWidth
6 m4 D# B. H2 z" X/ K' ~! |) o yMax = document.body.clientHeight
$ X# X" h8 n- r' J document.all("supertext").style.visibility = "visible";
9 s6 o* e9 ~0 \% i* T7 J: i contentWidth=supertext.offsetWidth+ `" N+ u2 `/ y, J' ~+ [" n
contentHeight=supertext.offsetHeight
1 q# w& S% b: ]# Q1 K }
) N3 O. U2 X1 u' q else if (document.layers) {
b" e0 e- W0 t( X% x6 R2 J; N xMax = window.innerWidth;2 U& P2 n; z o8 E+ u& Y
yMax = window.innerHeight;
7 T* p: {% z3 E$ C2 o+ H contentWidth=document.supertext.document.width' n" b! C% J9 W6 m/ V7 z
contentHeight=document.supertext.document.height
$ E) Y# e) k0 C6 v' y% O9 z* B) D6 S. N2 U document.layers["supertext"].visibility = "show";- Q8 v1 ` O) t! p
}& f* o' o1 W( f" A
setTimeout('moveBall()',400);3 P' N* k2 C/ g* E' y" O: k
if (hidetimer!='')0 ^$ o: n( V3 I
setTimeout("hidetext()",hidetimer)
, P* n9 d1 H2 V) @8 t( V }+ V _7 o0 w- J( H: R6 }
4 f5 I. U W- S. qfunction moveBall() {
8 z; i9 `: h+ ~% e& C& Q( T- E* a if (superballRunning == true) {
1 G0 s- V; l" q. U; m calculatePosition();: F0 f; M" z T5 l: E* S
if (document.all) {; e7 m' a/ H5 N1 n
document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 [1 G! g6 ~% z7 J2 _% W document.all("supertext").style.top = yPos + document.body.scrollTop;3 @' `6 d$ v( ^! p0 r6 b8 D7 W
}
! W: e0 t/ b, ]# [- z6 n else if (document.layers) {) E% P) ?0 g2 [1 p
document.layers["supertext"].left = xPos + pageXOffset;' ?. Z' O% \" ]7 b: C
document.layers["supertext"].top = yPos + pageYOffset;, x( w; x' L. P2 ^
}& ~! a; m( P2 e. k T
animatetext=setTimeout('moveBall()',20);
) S: N4 Z/ K2 Q/ v/ z( K5 Y }
- x: p/ |" k$ w1 H) s7 \) I7 V }) b$ R3 i6 u- N
8 L$ x8 b4 ~6 S2 u' Q
function calculatePosition() {
2 a5 i$ b( Q3 c1 g* O0 u# O if (xDir == "right") {
) J; c: H: t. {, p5 w- I if (xPos > (xMax - contentWidth - BallSpeed)) {
: \. B! W* B) V1 { Q5 R xDir = "left";, x* W: R$ |) _' K& O
}
/ P {5 _6 A2 i+ Y }! I G3 Y7 x, `2 F
else if (xDir == "left") {
. W2 B( L$ e! t) q if (xPos < (0 + BallSpeed)) {$ W$ Z$ ^; }, z5 e- P
xDir = "right";/ r0 Z( N! n5 _& q: } W/ i
}1 F- h4 l, j( B
}
3 x$ V, M# x% [7 F if (yDir == "down") {
& A: A. i+ j, d ?" [5 S if (yPos > (yMax - contentHeight - BallSpeed)) {
; @) C1 }3 A1 h) J+ g- O yDir = "up";
8 W7 _3 _) I: A9 `5 ]2 P! a }4 y1 X$ s' t7 J3 B0 v5 u( f
}! U- u: s$ Y' P* O3 W
else if (yDir == "up") {
9 {$ }4 l* p9 s( y% m if (yPos < (0 + BallSpeed)) {- q) T, q. q/ A. f7 P$ G' p
yDir = "down";& C+ d1 y+ H( s( Y
}3 J+ p; x. Z5 F4 d- |
}
8 O0 [7 S0 ^6 L if (xDir == "right") {' \. }" E: c: P' }/ A6 l
xPos = xPos + BallSpeed;
2 ~7 e. a* h# L5 T- ?1 R/ k1 M }" h+ k3 U9 R9 s3 H6 L1 T: T
else if (xDir == "left") {
, N y( T% E- `3 Z xPos = xPos - BallSpeed;
" x, \/ B1 x) f/ R7 H, p* q2 o0 V }
/ N7 k4 Z" E, u, Q1 B; S( L else {- w, x! p9 [6 D7 ]6 @9 O
xPos = xPos;. _' C# ?$ j O# e- r+ v
}
3 w" H% W9 ?- _4 E if (yDir == "down") {. c# {" e) M. i3 L
yPos = yPos + BallSpeed;
* Q* d* a$ y, P }* Q, a- N1 J- G2 x
else if (yDir == "up") {
# @$ G3 e8 _% O' O5 D9 H yPos = yPos - BallSpeed;
) I/ J) h8 @/ ~% v }
5 K9 o% o+ D: @ q; E m, N else {
$ j) N( z( k: e. R yPos = yPos;
' T3 V+ @, z M8 o6 V/ T }
5 J2 y3 _( p0 o$ U8 R }
& [2 J e/ P: A! t" t. m r
+ q- Y9 h- s3 c/ W6 }% qfunction hidetext(){
* T. O: w. {3 d* i0 p3 D4 N$ \if (document.all)
; G' a6 B2 Q) S* ^' xsupertext.style.visibility="hidden"5 }6 g4 E U( R" _. F" c0 n; Q
else if (document.layers)5 a& |6 s3 J/ f5 r& o4 D
document.supertext.visibility="hide"
, A- e6 p8 }7 F' }% \8 YclearTimeout(animatetext)
; u. U4 B2 v/ Q) w# m4 ^$ ?}
# A: c" _* y9 O' @# U3 ~! B# }# q; B5 W1 \* P1 _0 Q+ v
if (document.all||document.layers){
; J' m o6 k6 U( m5 n5 {document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# [3 g' o8 K, ^window.onload = initializeBall;
2 j! l K" L* U. i* u* e) P+ i: R0 pwindow.onresize = new Function("window.location.reload()");, q" Q# U( \/ y( U
}
0 l' s ~, P+ W; B8 k4 |7 A( h: f& p+ E j3 w) L' }. Y" }
</script> |
|