|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
, u% [; O# e" n# b5 p1 \ 6 Z3 T# P" m9 W. p$ O# {
第一步:把如下代码加入<body>区域中, l& I: ~. x& F0 E4 J+ [5 a
<script language="JavaScript">
& v' W7 |$ @- U! d. f/ D7 u
" F8 Z0 _, z7 e0 q+ @) h( d d- H6 Zfunction nextSize(i,incMethod,textLength) ]6 |& v7 _3 X# m/ f
{
$ ~8 b2 |" \9 f Iif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );( T$ Y7 o" }8 m
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));: }/ X* V' o9 a% l1 [& x4 P( H
}
3 a3 J" Q8 t& U/ |# p7 S3 H8 O3 i8 `& o6 j0 ~; p% r1 r, t8 I
function sizeCycle(text,method,dis)
; E# Y {, E6 ?0 Y{
( V/ y F$ ]* k: n r2 _% Z output = "";! u3 D% |. |0 `. {% {7 Q
for (i = 0; i < text.length; i++)
$ b+ o2 N& A" i M: n- ]# m7 R {
* V5 X5 b' e& _7 H size = parseInt(nextSize(i +dis,method,text.length));
- J% `. v' X' R) \ output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
. H, D! T! Q) r$ a4 c& b. o0 I }
' q2 c" V$ D: Y. R* J( {& U( g theDiv.innerHTML = output;, U# Y% B4 d; p7 B* e* u8 M4 i
}# ]9 c( q# G: c, C5 a
: j7 o+ I9 R9 c1 \: x
function doWave(n) + F5 u1 e5 L( H- h
{ 7 l( {( H9 {: B6 U$ g( _* k% T% _
theText = "JavaScript";
- P) k: n- p3 {3 y. K+ N5 p' J sizeCycle(theText,1,n);
" {2 d1 F* F) \* \1 [ h1 Y1 W if (n > theText.length) {n=0}- C% D! E5 E, n( v+ {/ J
setTimeout("doWave(" + (n+1) + ")", 50);
. H. p0 H2 D5 k5 @# z}
) N# z- L9 a r, t* _! u</script>
' z0 G' [0 H, n<div ID="theDiv" align="center">
, m# ?0 v v0 j9 [4 o5 F# h) J! F
</div>
" F, L6 V. l( L' S7 N4 b( `+ r5 i- Y( j+ p% A
9 z; O. \$ \% K
: A& i1 B' ? ?' ^/ X. G% G
6 @) M8 @" Y4 J0 M6 V+ z第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|