|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">9 c' G4 s2 M( c* z. U
#supertext {
! |4 b! o! E1 \4 m5 j: c: A6 }$ Iposition:absolute;7 Y" `: ^6 J% U: g/ N
left:0;' t" @& v7 x; [4 F7 m9 B% ]* ]6 q
top:0; L! U+ Q) l2 z6 p+ j
visibility:hide;- U# j. e, I% W) i
visibility:hidden;$ j( r6 G! B/ g; L) {9 M( y
}
- ]& b! R5 |& w- s8 v; g8 ~</style>
/ O6 Z2 \8 e* o5 l<script language="JavaScript1.2">7 R* |+ Y. h: ?
<!-- 改变下的字体的大小。颜色-->- [8 I+ b2 p) Y$ x4 j( d8 z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 A% x7 |! ]$ p
var hidetimer='';
. L8 n3 z) W, h7 h<!-- 改变下的弹跳速度-->
: k. E! y, k8 u0 B- X' zvar BallSpeed = 20; `7 m$ I }! ]. Y0 S* G
var contentWidth;
* R* M# W: J7 s+ T- Ovar contentHeight; V5 V: n; f, s2 ?' B7 R& `
var maxBallSpeed = 50;# j) c( f4 e! r: R
' u' m( }! K7 }" z7 n/ Y e
6 C6 D& L5 P* Z7 R4 j* Pvar xMax;$ l: l. ?, ^ z ~3 Q! N% u+ u
var yMax;6 V6 o' g' R& E& a& g
var xPos = 0;
: F0 B# a2 U4 f3 E2 x+ D0 _var yPos = 0;& [, \4 p8 e$ v4 ^) n
var xDir = 'right';
G* o# T% ~9 Ivar yDir = 'down';& Q/ \- a/ I1 b( ~* {/ m
var superballRunning = true;
/ G( c6 x Y5 k" qvar tempBallSpeed;
* a( a( s3 n: p% I m4 Gvar currentBallSrc;
' `0 o e& g* J! jvar newXDir;
5 r' T6 i4 u' L/ M1 |var newYDir;
- Z% R9 d2 y, r. G- A2 [" r5 T% m
" ^6 B$ l% N+ I+ S$ c% z5 I# Kfunction initializeBall() {1 ^* H7 s3 h5 f F# o: s
if (document.all) {
, t% u. }3 A, e0 C u xMax = document.body.clientWidth1 w+ O- H" I- n/ N
yMax = document.body.clientHeight' j# z( A6 t' W# o6 v
document.all("supertext").style.visibility = "visible";
E% Q/ Y: z! g$ ^ contentWidth=supertext.offsetWidth) K) N& |# ^9 t! }
contentHeight=supertext.offsetHeight
. Y2 h8 Y) ]- u" L) k1 n9 j/ i }
: ?( x% _ u( I' ^$ A, l( E4 Z. v; ~7 N else if (document.layers) {
+ h$ O' I0 a$ Y( K xMax = window.innerWidth;2 ~+ n; Y* R6 T6 a0 w' ^2 c4 P
yMax = window.innerHeight;
; A9 P% p4 O; d0 d: }5 t contentWidth=document.supertext.document.width
+ b* L! j9 d4 k contentHeight=document.supertext.document.height3 _( X1 L8 L+ {& \
document.layers["supertext"].visibility = "show";7 l# v; T" M9 V, J
}
* C4 G2 z: m; f$ q. a6 ^ setTimeout('moveBall()',400);. ^, O* y# [& x/ r7 A$ z! ?: s
if (hidetimer!='')( [! r1 J8 \. g* `! D9 C) y
setTimeout("hidetext()",hidetimer)- w* T% ?& c X8 V2 n
}
) |" h/ J. I v! e9 [% u
( t6 g# v2 E2 u9 [0 c( w0 x6 mfunction moveBall() {
1 v6 t- S! e1 u+ a3 v if (superballRunning == true) {2 _; r) m! ^ d5 J0 f" F+ M0 h
calculatePosition();
$ f" t2 Y- w5 T5 s1 W* v/ y S if (document.all) {
0 k3 l( w" H: w; c% c document.all("supertext").style.left = xPos + document.body.scrollLeft;7 X3 U4 I- c0 v0 n E
document.all("supertext").style.top = yPos + document.body.scrollTop;8 Q( N' e, e. v8 f6 F! G, ^
}
9 p( b+ g( o6 f2 `( p else if (document.layers) {( O9 e' {, C' e8 C* D W4 o# j0 N
document.layers["supertext"].left = xPos + pageXOffset;
" F8 {2 R U+ O, W/ g( D document.layers["supertext"].top = yPos + pageYOffset;
" x8 Z% a/ V+ J+ ], | }
5 _; L2 C( Y( s X animatetext=setTimeout('moveBall()',20);7 F+ s9 b! [) E7 J
}
8 e# B) ]0 F6 y. I: E- v }
. P1 V; \! G0 D) k G( O8 _; l- X8 P# S* e$ G
function calculatePosition() {
! E6 g! K& |2 t" [, a# s* v6 V if (xDir == "right") {5 D) e9 D+ C- ^" r, h
if (xPos > (xMax - contentWidth - BallSpeed)) {; T7 q+ g J1 z6 \5 ]! r
xDir = "left";
' X1 T* x6 g: c8 [ }7 @) P8 I" u! B
}) q! y' L8 r4 t( Q+ J
else if (xDir == "left") {" p- g' S/ g, T0 ^; e+ z
if (xPos < (0 + BallSpeed)) {
' J: J9 }/ h' l$ L: S, ` |& I* ^ xDir = "right";
* F& m, D* E! j$ L/ A7 g# j7 F }) C* ^. I8 L& f/ o6 l5 Y' {$ g
}
- B2 P- V. A+ a( P if (yDir == "down") {
) S0 P% J1 a# P3 Y! G if (yPos > (yMax - contentHeight - BallSpeed)) {; j9 d4 p9 z2 L9 [
yDir = "up";, e4 Y @0 F8 H8 A0 I
}
; R, y3 Q2 X' U9 j n" q/ T; W6 v }
, i' F# i- M" U7 U- j else if (yDir == "up") {+ C( R3 q0 H) F7 l
if (yPos < (0 + BallSpeed)) {9 ]/ @' F; ]; S! d* |
yDir = "down";
1 y4 `0 ~( [0 {* `; V }
' }' B( l( ?9 [ }
! ^2 X8 |& d) u! _8 ?2 U9 F" X if (xDir == "right") {9 Q9 z8 Y% v' W* J
xPos = xPos + BallSpeed;6 r: H, T+ \+ H" W$ K7 M' v4 M3 V
}) J4 x5 `& j0 |8 N
else if (xDir == "left") {
& ?( c3 ~. i8 Q- R xPos = xPos - BallSpeed;& c3 b' U) I, S- {9 b* H
}, F. A, t8 d0 p
else {, l) z0 B# L! k% D; q
xPos = xPos;
, c+ T1 ?) _9 j8 p) j& n }
- j5 s$ G0 } w2 ]: L if (yDir == "down") {4 Z8 e j3 B, K+ |
yPos = yPos + BallSpeed;2 |+ y$ R, o' k5 L" n
}0 ~8 \% z: `7 x' @
else if (yDir == "up") {3 y7 F" ^% b# N9 N; L
yPos = yPos - BallSpeed;5 p0 e: _" a: s/ h! f& t
} \2 I( u# A, P
else {
1 @* A. n+ K8 t/ M1 z1 m yPos = yPos;( E# c4 C2 @/ |6 j) l q1 d
}- R8 k) v/ Q2 B3 u
}! E; R# G/ m; M1 h" c0 i
$ R/ p( m. B% s. qfunction hidetext(){
* H I6 ^ T% A* u' m# c% V$ J' rif (document.all)# ]# m& ^; {7 G) D; u# W
supertext.style.visibility="hidden"
+ [4 w0 E3 ^) L; U: L6 G9 Celse if (document.layers)$ n5 V {3 g1 d4 k2 {! s7 b
document.supertext.visibility="hide"4 ]9 Y7 C) a. ^8 _' E1 w4 }. O0 q% b
clearTimeout(animatetext)
0 I/ Z+ s; B$ t) h8 g! b$ f$ i& p}7 R) S! o* g- k* ?0 k! |. k1 d
: P/ |% r5 E) C7 L7 B: ^, uif (document.all||document.layers){
4 x/ \" Y* Q4 H; p$ H$ U; L$ cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 S; p, @; @ ]0 Y x6 Nwindow.onload = initializeBall;2 [" E" A) v2 s: E5 L+ k! Q
window.onresize = new Function("window.location.reload()");: ?. |' G; J3 X
}
I& e! k$ i3 U1 j( w& d. V7 }+ e- @% g1 o2 Q
</script> |
|
发表于 2008-1-21 20:55
|