|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
% l& }5 N, N; O) f; K% H 2 A& m' h& a4 ^1 p1 ^
第一步:把如下代码加入<body>区域中( J4 q3 K5 [+ r# z4 a6 L
<script language="JavaScript">
! v! V6 c9 o; u+ g% |% @ d! T
& _. H. T' N8 `/ }: E& Bfunction nextSize(i,incMethod,textLength)8 o1 T" A% R k5 }; m- S' P( e+ u
{4 {6 J2 I) x; F3 l4 Q' b
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );' V v& x7 W0 l, t) d7 K
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
9 q: p# s% \! `}; Z/ R; k. S$ U- {9 |
3 U8 H9 ?4 v# m# n, h" V
function sizeCycle(text,method,dis)
- ]" d2 ]/ T1 u8 L{3 q- c( y+ N2 l& \% |- d U" ~ k) h' b
output = "";& x' z3 _( y5 v7 c
for (i = 0; i < text.length; i++)
4 t H- {) x F9 r: C2 p6 ~ {
' ?% j, D0 C* i size = parseInt(nextSize(i +dis,method,text.length));
) E8 ]/ m5 H" Z; p4 \& z output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";/ `1 p9 n/ j; O: |+ V0 N7 d0 W$ Z
}
( ]8 K+ @: D# ` theDiv.innerHTML = output;/ ^: i3 b$ s7 }; R; G
}
" Y U% `; m. p7 C; ?( y
7 F2 `: J- S% I" p" Y9 dfunction doWave(n)
# a0 J$ V1 h' ?; a, b4 m{
) O/ i6 v$ s) J! A& A theText = "JavaScript";+ R" X; O) x% J3 e% @8 P& c
sizeCycle(theText,1,n);6 D/ ~- U: `5 o& W4 S) q: d
if (n > theText.length) {n=0}/ w1 Z" h8 }4 F3 j7 v3 z
setTimeout("doWave(" + (n+1) + ")", 50);
4 D( k) G) Y: ^ V$ Z/ Q$ d}
) a8 Z9 x* n. {1 |</script>: _5 P% Z+ \5 j' |7 a+ V0 e3 C ^
<div ID="theDiv" align="center">
! @+ [) F7 Z4 T; h2 o& J- l
9 z- `1 _. z& F4 E: u4 v</div>
/ Y" H4 W/ e1 J9 b$ R# j/ Q, M
- p" e& f r5 K) Y
# B" `& A I! X- u* `4 a+ _
0 r, S7 n" \3 Y" i G+ J$ h* r$ _! w5 p2 W! ]" m
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|