|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: ! j- t9 f& m2 ^. I' O0 E
1 x B: D5 ?8 f2 P第一步:把如下代码加入<body>区域中
9 P+ o* X' r- N3 A! x <script language="JavaScript">
- H; q G" L/ m0 I3 l
9 Q1 y6 g1 ~& ^5 T; M! Bfunction nextSize(i,incMethod,textLength)8 r" \5 q# ]" Z" T& q' W x1 l/ Y7 B
{
1 I: u$ n4 B$ L8 k) z# J% o' aif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
4 |: |2 e4 r4 t% K1 u0 @if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));, l; I1 q2 @$ A Q* T& B. ^
}
2 f: S8 B; D1 j; N2 V' j. Z+ p0 P' @& a: M
function sizeCycle(text,method,dis)) m7 Z% w4 y9 F( M c7 y4 F
{3 J" x1 d2 T7 e
output = "";
- T/ V5 Z8 p- o/ u for (i = 0; i < text.length; i++)9 G) @# v$ K7 O G9 e. A$ s" Z( Q- @
{
* B! `9 s& @2 X- T) t; o* g+ K. { size = parseInt(nextSize(i +dis,method,text.length));& q/ g5 y( v8 t/ u% \' M2 c! R
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
3 v5 Y" X7 Y# u% W$ u: f3 r }4 J5 q6 f+ x3 Z' L8 f4 C9 j
theDiv.innerHTML = output;
) s4 f: `" o0 d y, N}& U0 s8 s) s2 b) g" i
5 F( w$ Q& t( ?function doWave(n)
5 {8 i; @/ {, |8 S+ d4 x- t{ 3 q7 k: o @, ^" \8 H% Q
theText = "JavaScript";
; o: D8 @8 O! U6 g1 X1 [, g" y1 b" ? sizeCycle(theText,1,n); f3 F' ]' N6 X0 H
if (n > theText.length) {n=0}0 q* q; J" w( W' M7 [
setTimeout("doWave(" + (n+1) + ")", 50);" l: a+ u" z+ ?0 d( c
}% d) E/ O) M6 T& v
</script>- Y' f( F7 G- |) H
<div ID="theDiv" align="center">
+ a$ T2 N9 I1 P. R
4 ?" Q4 t; v8 d5 U" W( d/ |) p</div>
3 i( A" l' B/ X5 B* g
@# ]2 O( V& w9 E0 G$ c$ p' x
& h( U) n6 p; U1 w. G- U. z. y
0 D9 h1 w) R% p4 c
& N+ M J, ^' A* N; x i第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|