|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: - h" q u7 B# m; I+ u1 P
& r3 [" b5 u: T% k8 g7 Q) O
第一步:把如下代码加入<body>区域中
- }0 U, h' i- J1 O <script language="JavaScript">
. e& `: O7 v+ X R
, Y. u) s! |. `5 o* rfunction nextSize(i,incMethod,textLength) ?. C4 ]' z u
{
3 g& r6 L: l$ Yif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );( I: d- B5 _( T# a
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
" {# K0 ?: D; q% \}" `# p7 H! B+ _. K- _$ m* s5 G
& A2 j' ]% l) Pfunction sizeCycle(text,method,dis)
6 }2 A/ r) b2 U; R9 s; x{
) ?& n v4 c L output = "";, P! v0 t3 S" K/ b6 T& @
for (i = 0; i < text.length; i++)
! G5 k; X: Y, @! v7 w2 {* } {# |* C" b/ V* S
size = parseInt(nextSize(i +dis,method,text.length));
, D$ T' d* c0 g2 J9 T% I output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
: I* o2 o$ X) z. h2 } }
5 c; b' U; b2 t% F7 ~* z3 @ theDiv.innerHTML = output;7 k! {& _1 P2 ^4 _3 E. k/ i
}
: o/ z1 T. G1 }5 R& Q1 E+ ~- e0 V& M) ]
function doWave(n) ; H) Z5 X U, P8 I% u
{
4 _8 _7 t/ o/ S6 q+ W3 O theText = "JavaScript";9 E' F1 ~$ R5 d6 l
sizeCycle(theText,1,n);
9 T! E* h, E& p B if (n > theText.length) {n=0}5 q( V+ N+ s. k
setTimeout("doWave(" + (n+1) + ")", 50);* T# I, f# P$ N" }* b
}% N- J9 M2 i4 ]: a" ?# M$ @
</script>; n9 _3 v: ]1 R; a$ i8 c+ A2 N% f
<div ID="theDiv" align="center">3 \1 U0 y+ p; G R" Q) Z( g( b
2 c( H# y# z/ a* D$ U4 F
</div>
( F, I* B4 E# [% S: F) Q
1 T, N3 I8 `7 X; u- s7 [# r3 T+ B! _+ W. Z( L# A% A6 v
% \" [( ^% ~0 z3 G( V% F0 ^
c5 u) I; T3 E3 u' ?% J1 Z
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|