|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 1 K( v/ \9 @0 p1 D7 V
; ?7 X7 |4 i; g% ^$ [3 e; H' g
第一步:把如下代码加入<body>区域中
0 b$ [2 p) e h$ X <script language="JavaScript">
) L" f8 _4 `6 w7 x" A
/ w( Z z) Y2 n9 t2 Z, ffunction nextSize(i,incMethod,textLength)8 v* u( m$ Q: N3 y f5 N' @) E
{9 `" i0 G" Q( ?) Z3 n* R
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );# ^( i6 C# S# ]! J7 E
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
) p# K \8 ? o# |" E8 ^& p: S}! P. [$ D& n$ Q
) _3 }+ h N0 Mfunction sizeCycle(text,method,dis)8 o; ^5 U( K0 }+ q$ M. f
{: Q/ F7 E7 N% Z; I) E4 y0 M0 l' ?
output = "";' A; c5 T, D/ e" u; k
for (i = 0; i < text.length; i++)
% O3 V. ~$ i0 v% r% h6 ]8 r {- d- v7 ?: Z, V. O1 a4 X" c
size = parseInt(nextSize(i +dis,method,text.length));
% z& `9 s$ f6 h. u. D& ?) F output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";; f4 B5 ^" A4 f; ?7 ^
}5 p& [ a( d u- H9 H* h0 A6 r
theDiv.innerHTML = output;/ I' S* ?3 a0 x- L" Z& e+ E# U
}
+ h2 b- M3 R' \
# \& Z2 y! N* S7 Xfunction doWave(n) $ P; X1 ]& ~& p
{
! k$ a8 N1 e$ ]; r% V4 w% ^) a theText = "JavaScript";3 Y5 v* v6 k+ `2 L
sizeCycle(theText,1,n);
4 l" K" N) u( [ if (n > theText.length) {n=0}- ~2 S7 x/ ]/ N
setTimeout("doWave(" + (n+1) + ")", 50);* h/ ?4 o+ ?. u _& f& z0 m) M
}- t- l7 C/ F% F* [
</script>
6 w- U8 `6 j! A9 I# `<div ID="theDiv" align="center">; i3 \' ^- K. J, L8 F0 c
" E: `2 F3 q- [! W. u4 i1 z</div>
' }& q- ~6 {1 \' q+ m, w* S9 B! a/ A7 u7 q6 B3 A2 S% X5 E
* x( ?! G+ b* W4 }1 n+ j1 b
' Z3 l, h( M2 D: R6 |4 v. J1 W
" s: q8 T5 f& y" J: V3 ~0 h4 B
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|