|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
: b' P4 s0 S: ^) E% T: y ) g# E2 z/ |+ ^
第一步:把如下代码加入<body>区域中
0 x- J- z: b% Z$ p3 J <script language="JavaScript">& {8 C8 Q( F7 k! J. D1 F7 W/ A2 y+ q
( r2 }" i9 E, m- Ufunction nextSize(i,incMethod,textLength)
0 r0 F" N6 U- N$ Y3 R( G* f{0 B! D7 W( U, e3 U9 N. t: r& c
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );' e- r0 c C( d/ X. [2 x; o: y
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
2 {- I8 M8 Y: j" t3 Z}# _2 _; ~) S3 [0 i9 ^
3 X1 T1 T& |2 C) D7 A
function sizeCycle(text,method,dis)4 ^$ j6 g; n6 a( }% I& U
{
9 [7 x2 `' c8 O8 R: A output = "";9 K9 b! _7 j& o- L, v+ i2 f1 X
for (i = 0; i < text.length; i++)1 T: ?# S$ [9 }: P0 H; b
{
5 f7 x, ?- J" `* c* @& q size = parseInt(nextSize(i +dis,method,text.length));
& g5 F5 Z2 o7 D; Y- J" u3 ~5 s output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";# G- j* j, r/ s6 W, ^3 W
}4 \+ U2 V3 [/ b3 D% ^7 c
theDiv.innerHTML = output;$ T. `9 R& ~) b
}) v1 ?! L/ F% G. B3 [
* I" p* J' j1 U
function doWave(n) 1 e' a% z4 P7 s4 H3 a6 w. j
{
; y$ J a2 T2 G; w7 Q$ T theText = "JavaScript";1 X' @& T' y" C+ ~, T
sizeCycle(theText,1,n);( _1 Z; S: E" k* o1 ~4 Z
if (n > theText.length) {n=0}
. y' G; ~2 r( \# H7 ?8 }$ @ U- ? setTimeout("doWave(" + (n+1) + ")", 50);2 w9 _% S* G1 U8 a0 A/ z
}+ ?# d0 g" I, ~# ^) P7 Y. @
</script>1 \- H$ v8 x6 w. A+ ?# e
<div ID="theDiv" align="center">, L1 d, L0 R( Z
$ T6 U0 N( K$ v v5 \7 G# ?
</div>
& s, M, O8 @' D# S% }0 {6 ^/ z7 O; J. C/ b- e
& K. V2 j. \- n! d* M- c6 k. W+ Z: S% c9 C! _& h
" h' _$ h+ E( x! U- b
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|