|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 1 ~# v0 X4 {) i" Y" {
* M( W; v) Q. G& E% z
第一步:把如下代码加入<body>区域中
1 I! s( K! p, u$ J8 D$ T <script language="JavaScript">1 c$ X G! r' u% b( Q/ i* c
& W' j9 t! H$ W
function nextSize(i,incMethod,textLength)! G+ K) U: }6 f( l% T7 h; B5 g
{
* v j8 S8 {+ j1 ^9 ^+ L6 n* s5 a; ?) }if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );; r! D& `2 l* L# V
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));9 G( r+ ^5 a0 w2 U0 p d
}4 z4 L! V; ^3 i7 v4 s
1 ]! C7 M( t- f/ B% g6 j2 I
function sizeCycle(text,method,dis)
) w* o. @ H- f& g, W{/ T. `% X, T" l+ b* `2 v0 D) a
output = "";
: f- {7 u3 K, W; s for (i = 0; i < text.length; i++)
* a$ t: M) p5 N1 H& } {- m8 S; \$ a" d: ~ V& Y; A/ k
size = parseInt(nextSize(i +dis,method,text.length));
! u% J; }8 y% K, o0 Q* N0 k5 l @ output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";8 @2 D8 n9 z- k; p( B
}
. u3 I3 O+ R4 i8 S+ [ L) O theDiv.innerHTML = output;
8 H: |0 h( ^7 m+ F" F}( k+ s7 K6 Z6 y
2 G& Z0 N9 m% nfunction doWave(n) ) w3 \2 V6 k5 \- l. _: E; r9 a, a
{
; `. ~5 {- X4 D" h& E. t theText = "JavaScript";1 G) `5 {( L: d- _5 L7 I
sizeCycle(theText,1,n);, C6 `+ m3 m5 p2 U
if (n > theText.length) {n=0}' Q1 a: ~! f: X' \
setTimeout("doWave(" + (n+1) + ")", 50);
8 v' C: ~2 _7 n/ ]% Z( X7 G}+ r( u2 d8 i' y0 @, V
</script>6 _4 U/ d8 g }5 C8 q4 o9 B
<div ID="theDiv" align="center">& x. G6 u; d& T' i; V5 O; q# q
7 v( N& \( a0 b8 W' I7 m</div>$ P x, |5 a9 J0 U* P
7 [- }) c7 k) h
" x7 N% h4 q1 A }5 @0 g' |& |4 V6 h; ^
6 z8 U: A/ H2 W( Q+ i; x, o$ Y第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|