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

|
网页之不断弹射的文字-特效
<style type="text/css">
0 I0 N' k" q) k#supertext {5 i( {; N- C) _' G4 f$ q
position:absolute;' f- k& N3 o+ Z1 N/ \
left:0;
" n3 S& t: X; I1 Xtop:0;
; f S: a" o8 G4 J& hvisibility:hide;8 q$ j. a1 P4 t9 a o
visibility:hidden;
" Q2 d8 R4 ]# g4 q9 l' T}/ V4 x: P* A' }$ i
</style>
. Q' O( n( ?8 T6 {<script language="JavaScript1.2">, V' v4 |7 @" J* g! g/ G4 F5 ?
<!-- 改变下的字体的大小。颜色--># c1 h% k/ s% O) V9 l" O' K: [
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( r6 O& E0 U( ~
var hidetimer='';
, \6 T3 R* t, `+ d<!-- 改变下的弹跳速度-->/ D5 U( H! c! V5 j J& i# ]$ S
var BallSpeed = 20;( ~/ a* h: j# T8 W
var contentWidth;5 I7 T; x T% X. `
var contentHeight;% a& U% q- ?, m) j% F
var maxBallSpeed = 50;: ], U$ _% ?- R
! a: e9 |$ {& J$ {, k4 N3 l* O
, l' V% W! A3 C/ w* j+ K: \1 ]
var xMax;0 Q5 p1 F7 c$ d* P3 |) ?$ ^
var yMax;
( d# I1 A: _- I& Pvar xPos = 0;
; d2 q3 K- p/ Lvar yPos = 0;
, a* T( n: Q( q( ]2 ? {, U" ivar xDir = 'right';3 Z) [0 I+ c4 ^9 h# S, n6 O, R
var yDir = 'down';
2 k6 N) Y% P p/ L: rvar superballRunning = true;
' h) w' s: }# ~' `5 dvar tempBallSpeed;4 }( N; D3 E) [
var currentBallSrc;3 p6 [' B+ W8 O8 Q0 S- F* H p
var newXDir;
) S, K& R( Q# R! pvar newYDir;
, u4 u# }2 T/ c1 i) `) j, t2 r! z9 G6 o) [( s* _
function initializeBall() {# P6 A! P) l+ t+ N! C
if (document.all) {
, m3 R9 Y3 D& e$ U xMax = document.body.clientWidth" E) g$ C. i4 v3 ?+ H9 g* Z
yMax = document.body.clientHeight
9 C* a Y2 m1 q! R2 Q' L+ N document.all("supertext").style.visibility = "visible";% k R0 x9 b7 I- Q( B
contentWidth=supertext.offsetWidth3 Z* H7 k0 t- } I
contentHeight=supertext.offsetHeight4 v1 O* [ |* G. j9 I( s
}
/ `4 K x+ s8 Z* }: t9 N( S+ H- V else if (document.layers) {) [ g- z- k) W q2 B; r8 d. a
xMax = window.innerWidth;
! ?' ]7 a1 G9 { p yMax = window.innerHeight;6 n9 t5 v2 d" p% V( e
contentWidth=document.supertext.document.width
5 ^; M. p# m& K: H" [# Z; E2 i contentHeight=document.supertext.document.height8 e. t0 m& Y+ M3 ^. O+ V' d) g
document.layers["supertext"].visibility = "show";
" I- A) e+ O n- \! j8 v& I4 m }# D5 j" G. a( E/ }# e3 S2 D, a1 D
setTimeout('moveBall()',400);
+ f: A. [9 B% R if (hidetimer!='')
* A; `6 A: a+ R& _1 V& _; V setTimeout("hidetext()",hidetimer)% x# Y( u6 X1 u: s1 s! H
}+ @: w8 i$ `: n e2 u
5 R& g8 b) z b, y5 Ifunction moveBall() {
0 t& U6 t8 k$ ^* m& z! j if (superballRunning == true) {
# W4 p' w! e+ i* E9 F1 x calculatePosition();, v$ [1 c7 z- [% _, v1 W' a6 l+ {
if (document.all) {
5 j# F5 m+ F k: [# Q document.all("supertext").style.left = xPos + document.body.scrollLeft;
( K, k7 D* B8 b0 z ^/ u' V$ Z document.all("supertext").style.top = yPos + document.body.scrollTop;3 j8 C I2 |6 D
}8 S* z; f9 r7 \3 {
else if (document.layers) {, q1 e {% A7 b% N/ r: S: p' k
document.layers["supertext"].left = xPos + pageXOffset;- g# \ d+ J5 D- n; F L) j
document.layers["supertext"].top = yPos + pageYOffset;
. |5 y- t& A) A! K& z/ o }5 B0 D( ?+ T& S- z: ~# k' p* r
animatetext=setTimeout('moveBall()',20);
1 B* _2 `/ z2 w8 l4 a- \/ v }" \" K4 j, K8 p. A4 L+ Z3 |
}4 o' ~0 h% |. z& e
" U! i% ~6 x3 M W. U! Q5 O! [- r6 @4 cfunction calculatePosition() {7 K( x: @3 S. D1 v% [
if (xDir == "right") {# K: {+ B! k2 r( a8 B2 ^
if (xPos > (xMax - contentWidth - BallSpeed)) {
^0 j# r/ L+ E& P0 R9 |$ e xDir = "left";
2 g. y3 z. Y* ] }
5 |, w' f1 `7 G, h# ]) U9 d }* {' R0 V( i E: Q) s5 V# s! i
else if (xDir == "left") {
& d0 D5 e" [* x. L; P if (xPos < (0 + BallSpeed)) {
# {2 D0 i) T U4 b3 z" v1 E xDir = "right";
( M5 h% P9 t) U( A+ l, D( c }# ~- U: z0 P7 K W) K3 ?6 z
}, Q$ p2 ~; j% T! E. v& o# l" d
if (yDir == "down") {
- D' R& b1 g/ D, u% ? }' a if (yPos > (yMax - contentHeight - BallSpeed)) {
! r4 f; T* H6 }( z" b yDir = "up";
5 n5 Q7 B. z/ q. I7 b- @: s }
8 J6 d- s$ i6 u, Q% d5 i }% P) i( M4 B7 u& C0 \+ D* d
else if (yDir == "up") {
+ N9 t* a1 M, n. Y4 I if (yPos < (0 + BallSpeed)) {3 q: D" b n+ o8 K4 c5 Q0 F
yDir = "down";0 U3 n& \& C! D% n) H8 f, I
}
2 f! o& i* _3 L4 H" i, \( I0 c }
! n1 \1 x8 m+ v. a# O2 h if (xDir == "right") {
J, J' i1 D) Z+ I5 } xPos = xPos + BallSpeed;; c z3 }! n* A) K" `. U
}
; V% n% k1 n& A E% M' d6 M else if (xDir == "left") {
3 }$ ^2 A- \1 Z! ^ xPos = xPos - BallSpeed;2 V5 D5 r" g; N. o
}
" Y& F0 u% J& K: H: \ else {
- V6 a+ v% z& ?! o; t: ]1 D- Y xPos = xPos;# @: h- h- `, _
}6 L, _- k g, j
if (yDir == "down") {( @& t) t: i* C* h5 K: C! F
yPos = yPos + BallSpeed;
' k4 C1 H s# f+ x j }
! y+ p5 i1 s" j/ S# N$ v' C else if (yDir == "up") {
& Y0 D" u! i, v6 _& L6 G. I* ] yPos = yPos - BallSpeed;, E, m+ l# k8 k
}
7 E. k/ _1 W' ?0 V' c0 G else {
' J/ l( l; s1 R& ^ yPos = yPos;; I+ e% W6 l/ r
}6 J2 T5 t+ j1 z- k! o
}' B& B4 k [" ]$ `$ T' ^( a S
5 ?9 [! t& ]( m* H9 k
function hidetext(){
" V: \3 A+ ?/ a/ E' \7 a) Cif (document.all)4 S) m" A" A* T7 a/ v! b* K
supertext.style.visibility="hidden"
7 ]7 o0 O9 @: _& a5 Z: Y+ Nelse if (document.layers)) J& j; Z3 f( t2 A4 `9 \
document.supertext.visibility="hide"
4 F, ]$ R* `# s( W5 q. W( A% G, i6 RclearTimeout(animatetext)% j5 W# d8 ]4 v; E6 r1 Z
}9 f0 k( A3 S+ m# |! e& `
. A% ~: u* g3 h: W! Rif (document.all||document.layers){) L. _5 R1 b8 J9 F0 }; Y8 H. V! T; v
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 B8 ~6 H* l+ O \, F
window.onload = initializeBall;4 z% k% e; Y3 y
window.onresize = new Function("window.location.reload()");, p& \1 o; B% ?( `
}
# T2 M5 X; d* v- u: T. g
" Z7 z) u6 g3 q, D" R</script> |
|