|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
4 u, _0 F9 N% u: E- g! s : n# \( ~2 D" {
第一步:把如下代码加入<body>区域中- Q& [, W1 G, \6 _- q) n6 N1 E& J
<script language="JavaScript">
) O0 J+ v0 c7 \# d% g) P+ A, ~8 t( E- F) I- K, X7 h. M- K
function nextSize(i,incMethod,textLength)
D' m" \8 f2 G{
5 \( M) @7 P' G+ t% j8 ]1 A, O( Pif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );8 K6 I1 }) p4 D: ~! n- r
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));+ G: d6 i0 {* p- G1 r
}
: H$ I& H( ~1 Y8 f1 b+ H1 w/ N/ K6 T, j
function sizeCycle(text,method,dis)
0 p9 p, d% k1 U% l3 N{
8 D$ E f' D/ N1 G' ^ output = "";
' p2 [& k. G9 ]- f for (i = 0; i < text.length; i++)) a# o! [- r% S8 I
{$ }5 O1 Z R* x; Y- Q+ [
size = parseInt(nextSize(i +dis,method,text.length));6 E$ \5 Q$ ^# l! T0 Y/ n2 D0 f
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";# F# b2 J9 P& s7 v! U
}
& V, f# c' D0 Z R theDiv.innerHTML = output;/ E0 D! E! s9 Y1 ?% {
}
7 U' Y- p% X7 {. V2 |$ ?# z
% O. {1 E% v8 Jfunction doWave(n) 0 n d- I& r3 e1 k% H
{
; @" x/ m2 W6 z/ t) u. f/ m theText = "JavaScript";; Z4 l, }3 T, ?8 B2 d8 j5 ~) a8 D- [
sizeCycle(theText,1,n);; F/ `. S `2 b* L2 s* m9 e
if (n > theText.length) {n=0}) P" c! Y9 W/ g. q) f- E
setTimeout("doWave(" + (n+1) + ")", 50);
6 h$ z: H: X$ z# U. @7 ]}
1 f; N6 A7 \! d% T }# p# u</script>
( ^) Z, K( m0 e! B2 H, M- W; _' n<div ID="theDiv" align="center">
& P2 \5 {8 s0 Q
( w& f7 r- [; @- \# G</div>7 D' m9 A1 ?1 E6 x/ ?$ D2 e
! J% K/ X( k' E! _3 G3 ?& ^; [ R
$ S1 g' A1 O2 [
+ ^; l% `. K' Y/ `
9 T+ w/ E. ~& [" [
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|