|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
$ I8 S Y# J. X/ z5 b. g# A9 @ f
7 A8 R9 S U2 [第一步:把如下代码加入<body>区域中0 H& b$ y' [/ x9 p& Z- p7 q8 N1 o
<script language="JavaScript">6 J( w( j! U q& g) [
6 u! ]5 B' a$ P5 [function nextSize(i,incMethod,textLength)+ \9 I! \* o; B) [! H
{
/ O% t9 q: E2 E: |$ x: ~5 Gif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );" _! H1 V# Q) S
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));' n, M+ _; q. A, z, A* H* v' A
}6 [- p' d$ I0 c$ b
6 m3 ?( N" H4 S8 h( ~/ |9 E% {
function sizeCycle(text,method,dis)
w0 g- q( e8 T, v5 i{& j$ c3 U; c# w% x& E% R& k
output = "";; A. Z0 h! w2 [" a1 u z: G+ Z5 N
for (i = 0; i < text.length; i++)
( ~. s3 u; Y0 F {
) L$ G$ I5 y6 }! T size = parseInt(nextSize(i +dis,method,text.length));
/ A& T y v' E4 U* W output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
4 E; t" O% i( W% i5 H }
) d+ b4 k* Q+ F9 a theDiv.innerHTML = output;9 {# u$ H* H5 D K$ g. e8 }
}
" U& @ S0 ?& P, Z3 s2 V# k4 |4 x e! ~6 q" H& }% t1 k1 }2 c. \
function doWave(n)
2 D" F1 G5 e& M7 c: o{
) i# A2 L) F. E" {; H3 Y2 I theText = "JavaScript";
7 K3 G) ]; F: |9 H6 K2 K* E sizeCycle(theText,1,n);% J( W- s2 O$ M6 R O" [
if (n > theText.length) {n=0}
3 x) g0 R e- j; l8 @4 I6 V( w setTimeout("doWave(" + (n+1) + ")", 50);
# l! A" x6 Y/ _+ L" J}& [0 H3 j' `0 r4 F. ]9 H
</script>
. U- ]5 S( M9 _* |8 v<div ID="theDiv" align="center">, }* M$ w5 E4 U8 Y+ `
( ?4 K: C3 X+ t: L
</div>$ W) G/ W: c, I& c7 B7 l
5 q! Y& n7 b3 E5 L$ ~& e- o, S
* Y2 \" e) Z$ ?0 m9 n0 [+ |2 }% ~2 k$ m- U
; K2 E p0 r! s, l. W第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|