|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
\: S8 m5 o. N
; q0 [0 X+ u$ v( H) Y- `第一步:把如下代码加入<body>区域中
) e( @7 p0 @% v O) U. ?& Z; ? <script language="JavaScript">5 A* G& ?1 E# U
8 M, f0 |6 C' }1 C- O+ E1 Q1 ~/ m
function nextSize(i,incMethod,textLength)9 A# k0 N7 i5 P1 u. i$ E3 X
{
; U$ V D8 A8 f7 S1 ^! Rif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
" d/ y9 U& w( g2 ]' a$ Wif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
1 u8 E( ?$ Y/ h! j, v# h7 q F}/ ^& k' ]! s# R1 {1 o0 o
$ O0 c1 E. r, J; l* M
function sizeCycle(text,method,dis)
h! x, p6 |% p( S: g{
; o4 H4 Y' [7 E B+ }2 y" @ output = "";
. d! E* H+ o6 e for (i = 0; i < text.length; i++)
" y, t$ Q& `) b( s- [8 W {% y G) O% H# p; b5 i8 B
size = parseInt(nextSize(i +dis,method,text.length));
' ?! c4 y7 y8 q( ^7 I0 t output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
0 R$ H) c' a3 S, y. ?% o }9 L9 _0 d3 k3 D# n M3 {% q; ^. m
theDiv.innerHTML = output;+ |( V( F4 y+ W
}
# e0 a+ h' f# L+ v
7 e. P/ z. Y! `* _( Q8 v5 Ufunction doWave(n) - D1 A8 @1 E8 v+ T$ i
{ + M; `, K8 j+ B6 q$ i" C" f
theText = "JavaScript";, f; \% g. D8 c6 }) R3 [; o+ t* ^8 o
sizeCycle(theText,1,n);
& T6 L0 k! ^: F( P if (n > theText.length) {n=0}
6 {$ {1 y+ n9 u9 U9 |9 k setTimeout("doWave(" + (n+1) + ")", 50);5 l( E, W, M4 D! ]9 I, F5 g( n2 ]
}
6 E% ]! l: Z8 V+ C# l</script>
6 h5 `2 y5 \5 |+ y+ A3 W<div ID="theDiv" align="center">/ Z9 F. L( b& N9 G' }
9 K1 E t( T9 Y+ `</div>+ F. J0 R# I8 r" [4 I/ V. C$ D
% A/ I6 D f% x8 g* D/ a4 c
- I' C5 {1 z5 J* S8 [) [! @1 N
4 r( V* s4 F+ \9 q0 M( \; K
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|