|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: & o& P) \; R1 `) @3 y8 r
0 Q6 {6 c. {! Y8 e, \第一步:把如下代码加入<body>区域中
$ Z L) L5 y5 `" a( L <script language="JavaScript">
2 s; M$ J/ f! s6 ~& `+ j+ Q4 f7 E6 l% }4 x: `
function nextSize(i,incMethod,textLength)
9 H0 A: O$ V6 l$ S$ a, @- _{* z, q+ F/ I* y+ r! I
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
& o0 v9 t" v: f: A8 p/ ~if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
" O, b$ C& U# r' t3 }}; x, [) f# a0 d5 M- M" ?
' | k) q& O+ W, m0 `function sizeCycle(text,method,dis)
4 f- ~- t% t4 G" |. W. I$ D{
0 S6 i- N7 n( o output = "";
; S( L4 N2 k) r1 \4 r for (i = 0; i < text.length; i++)2 a* s. \. t/ w
{
* a' V6 d" k6 u size = parseInt(nextSize(i +dis,method,text.length));, R2 T9 q/ q% t, z
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
7 k' n/ c3 q& \4 w' ~ }, d! u3 I1 d' u2 w0 h" J
theDiv.innerHTML = output;
2 H$ U* K# k- {4 c}% i) R1 G( V) j7 |" }
4 i2 y9 x x- X n0 ]* {% \
function doWave(n)
: E& `$ O0 q) n* |+ q$ c! d) i{ , w5 q9 q: C8 |$ U
theText = "JavaScript";
$ `9 L" Y- F" ]9 j' S; l sizeCycle(theText,1,n);
5 u O& m7 j6 J/ @$ r" q. z4 U if (n > theText.length) {n=0}8 p6 l3 K0 w, c) B: j) u( ?9 V
setTimeout("doWave(" + (n+1) + ")", 50);; K( c: G# D: y: n* A
}
6 ~7 D% z) E/ N* S* I% i* A</script>
) m* \7 k+ G, Y/ l; q<div ID="theDiv" align="center">* q1 ?: Q; W6 X Q: s
$ g$ @8 ^0 e M6 d# z) e _, M
</div>
& J% m- m8 {0 }- `& }) |+ T0 k
W/ X! ~% {- U d7 I1 g; V- O% A4 Q' O
* R4 M) K+ _9 {" Y! W7 E ! g2 q) ]& G! v# ]/ q+ Z
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|