|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: ( ^, i! y1 o( h* l/ |! P
1 ]6 v K2 l: c- ` R( c第一步:把如下代码加入<body>区域中
, A3 e* T( x4 f- s <script language="JavaScript">
: y, R2 I- H0 y6 W
. _0 l x& _. j: c' o/ z# kfunction nextSize(i,incMethod,textLength)& h' b/ L: Z! R
{$ F N& E2 A+ \# M' C! {: E- M$ R
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
$ V$ |6 m0 p# ?& a* uif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
. v( n# U/ \6 [. s+ y+ D5 ^} M3 w" R; J5 w) C2 B- b6 g/ i
" C1 Y7 \: B0 N4 o5 `function sizeCycle(text,method,dis)
9 [8 `$ G% k4 y{
( G ^& R/ F4 k6 G; S output = "";
8 t' q T8 ~5 D% ]* I' H% i for (i = 0; i < text.length; i++)
# v# T$ P5 ?+ r/ h5 ~: J {
- N" Z. p! {2 s5 _6 e0 V size = parseInt(nextSize(i +dis,method,text.length));
5 J1 o3 B# X+ u M. t) P; \ output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";! w* h0 D; C% b% F2 _' {1 @
}
6 k$ n, \& v1 r& M @* ` theDiv.innerHTML = output;7 f V5 g. T0 e% R6 ^* y) a
}0 I6 f' }' \) V$ [8 T, g( z
8 S7 D2 @ ~# yfunction doWave(n)
' E# i/ l- _# M, ]{ 5 V( [& b0 z3 H2 g
theText = "JavaScript";
$ b: x" a% w4 O" x/ S6 c sizeCycle(theText,1,n);4 i/ B0 V5 c% p# `% I
if (n > theText.length) {n=0}
% A( i+ d& F5 Q* l setTimeout("doWave(" + (n+1) + ")", 50);
2 ]+ u8 f/ `1 w2 _6 u" K}, d1 d% C' D: R8 Q+ `
</script>
4 n: f. H4 }+ i/ Z$ {1 E<div ID="theDiv" align="center">& S& g$ _9 ^& X, B, j
7 \5 z* Y8 r& a</div>
3 s" \ F) ~ | |" M u9 x& [- `: ]( {1 X% O
) k1 c: p' X, ]* x- ^
' n) u ?; M& _4 c' ^
, Z2 D$ k4 q, A0 J第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|