|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
: q% s( Y% k# b ' R1 {! n: G5 x) m
第一步:把如下代码加入<body>区域中
1 @0 K8 X" P A/ }; F1 R3 Q <script language="JavaScript">
# h) L: B6 X* x' m3 e( @1 K/ ~3 D( w
: D! E' K0 R1 Ufunction nextSize(i,incMethod,textLength)- [, }" _+ d- M
{
% d4 h, L4 _) w) n- Y6 j: |if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );* A0 Q$ }# h4 R+ f, k4 M
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
. C2 X, t$ G Z( o}$ T6 n. X% n3 R% k" ~
) L+ J0 R4 Q, f
function sizeCycle(text,method,dis)
& l( ]: v6 h/ J: b( z{
, ~6 x; z1 I( ]& ]4 s output = "";
/ q; g; U. V$ N/ v$ \/ `* n5 l: o for (i = 0; i < text.length; i++): N( F5 e+ M; s+ c
{
) l. h) d% d& ~) i$ k size = parseInt(nextSize(i +dis,method,text.length));% a+ P$ X- f& R8 `' Q& H6 l
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
' `8 z0 `" o; v L7 c% W }
1 j s9 t) ?$ ~4 h( D theDiv.innerHTML = output;3 M5 G4 E, \' d% N; S8 s' c; ~
}
% D4 |6 X4 I7 m+ F: h
, k& }+ [' P/ A$ h6 I9 @* Jfunction doWave(n) " W2 x4 j8 E- G. m3 F' y
{
8 U- s1 w' I6 b8 x% W# o( @ theText = "JavaScript";
0 `1 G. F3 R* g3 ?4 f0 | sizeCycle(theText,1,n);
# i1 q6 l- ?% z `( h if (n > theText.length) {n=0}1 X1 Q: C" N- p* n9 G0 g
setTimeout("doWave(" + (n+1) + ")", 50);0 Z3 y9 e: {0 x n" s1 L. @
}
S) S E0 c. \% D9 t2 Z' q6 ^</script>7 I% t% ?3 J( E# ~1 c4 w
<div ID="theDiv" align="center">) o! \: ^/ o7 [
" a6 N, K7 Q# _6 U% O
</div>$ v$ ^7 p' v5 A
# H" j6 a" `( M0 n
; v0 ^% [6 e3 y) ]9 r6 {) b% x5 @: z' l2 }, l
+ d5 l U' m3 N4 k: m6 h- E第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|