|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
3 R. _7 H. F8 ~
$ ~* b3 L/ N' M* V* q4 Y9 [第一步:把如下代码加入<body>区域中
2 l/ W K, {1 w0 O% ^ <script language="JavaScript">
. Q: U/ `* K* b3 g
1 b: W" r. @" ?0 a+ p+ X0 a( rfunction nextSize(i,incMethod,textLength): Y8 @4 S8 @" o2 W$ R. F+ y" \
{
0 b( P8 P# G. s+ Y0 R' Iif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );; ^% X; Y4 [, ~5 u3 L7 C
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
8 b8 s( S1 Z6 K; ]9 |}
* L/ A) l; o- X3 [
7 ~* ~2 s4 P" C2 ]+ x8 n$ \. ?function sizeCycle(text,method,dis)
. m" h9 z6 |# n& E3 [1 P{
4 L4 b6 c4 T4 L output = "";
( A) Y3 d- c" z8 q7 y for (i = 0; i < text.length; i++)
6 m, [" i+ T4 n$ O {
d% V( x3 v: \ size = parseInt(nextSize(i +dis,method,text.length));8 y7 q! K# c- b, r; u. Y' [: M
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";. C T$ a$ }1 c
}
1 a& O: j) k f; _/ [, Y theDiv.innerHTML = output;2 U; P! s$ x8 n4 X" s1 b
}0 D% s: Y$ p6 d# Q- ^" O+ t
0 F. D, k a9 _% y( ?
function doWave(n)
8 X. z$ h9 S) a9 N) q( O5 `9 l! H{ & i) p6 \1 w0 ]0 X8 C Q$ h9 ?
theText = "JavaScript";) i o# I1 F7 d7 W4 m( r
sizeCycle(theText,1,n);& N: r, i4 z. Z5 x+ B
if (n > theText.length) {n=0}( O8 M& M) r) [6 o$ ]/ C
setTimeout("doWave(" + (n+1) + ")", 50);/ @6 S, G+ x5 D) N
}
" G3 q- a0 A t1 Q+ H1 i</script>
; s" Y5 B. h9 T) s8 c<div ID="theDiv" align="center">; D6 V/ s0 O* V2 G! r
- l1 L$ [4 N6 T
</div>
4 c3 k5 M( l! Z- a, i9 `/ M3 V! Z. K; G) T* @3 L2 j% i' Q
2 t, ^0 Z. P- Q/ k5 f3 }2 V
; z1 ~( P! b9 c, ?7 J* z
& w$ h- Y2 X% d$ l5 ]* J% j
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|