|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: . s& D9 d m( }, f/ ?
8 m- ?0 w& D9 C+ S2 P
第一步:把如下代码加入<body>区域中
- \# D9 x5 L( G <script language="JavaScript">
" g% K" x* \1 S6 t6 @& Z1 P1 ~5 v; x- r
function nextSize(i,incMethod,textLength)
+ H* C# ]; z: ` B{5 ^. T4 q+ U7 `& [, W; t$ Y2 ?
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );: q8 J: w. c- w: g: R
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
# r t. R3 r2 s1 L}4 Z4 c! r8 @) M8 M" X
0 v: W. n- } ]1 H1 B
function sizeCycle(text,method,dis)+ l4 [1 {7 ? L# @
{
+ C Z) b# q+ i3 M/ j3 W output = "";
. ?6 ]( O' Y, K for (i = 0; i < text.length; i++)
; g; }) G" X+ v: _ {
/ Y* Q: [ t3 I) y2 P size = parseInt(nextSize(i +dis,method,text.length));
! |- I0 y% N/ j$ a ^% e output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
3 S8 R7 |' P5 I1 A: s }; _, q: m+ u6 j+ t) ]7 j
theDiv.innerHTML = output;
; W: \; J! L9 c# }8 a}* B2 x. k6 V- k% n3 Y1 n
% z. s2 L' _9 h- r. vfunction doWave(n) 1 d& ` C: o) U6 q, V3 t
{
N* D9 Z& U$ W1 B* k theText = "JavaScript";
+ W0 s. o7 j6 K) u H sizeCycle(theText,1,n);
1 O! h3 Q, n3 q# n% O& e- a if (n > theText.length) {n=0}4 X Z, \5 v2 i- H/ i% h/ d7 c
setTimeout("doWave(" + (n+1) + ")", 50);( z8 o1 v4 ~( T; Y
}, F1 H6 e! e7 u
</script>
% \8 p( I2 _& [' H8 B" I; Z9 {<div ID="theDiv" align="center">
* e5 a& O0 `/ A& R$ \' j9 e6 ?* z- ]+ @: c2 N t5 b; c
</div>
; t4 L) R4 {- h! G: X
0 Y4 B, L* U3 w2 x4 \, N' U7 J7 q p6 ]- \+ n# {1 r. Z0 y
2 ?( x, N5 g1 d2 s
. i, Q8 r$ R1 X7 w% X$ {
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|