|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
6 c0 C* m* \' z9 T3 {1 Z! } ) M& [ a' L- S
第一步:把如下代码加入<body>区域中
0 `1 v. A, N% L3 _0 `5 Y( @& f <script language="JavaScript">" _: f) @% O5 G/ R* F6 U2 Z" J
5 i& s8 \6 L( l4 E1 vfunction nextSize(i,incMethod,textLength)
* C& |: x* L, t& ]{) F5 D- p0 U" ~6 |
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );6 ?5 o5 m( z7 P" H2 J2 u7 j
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
/ i+ @( K# U" \3 j& `5 M}( d0 L# Y; j' F8 L$ R
& T0 U( [# Z& w( n& E+ y
function sizeCycle(text,method,dis)
. ?; X$ M1 |6 U2 }5 T{
: P* E7 R8 E5 a; V3 W b6 \& J output = "";
" _9 ?( F0 I# b' b& K for (i = 0; i < text.length; i++)6 a7 Z. m$ b* ?9 H+ C5 c3 j; ?" h
{
/ t) N2 E7 ?$ g# X- G size = parseInt(nextSize(i +dis,method,text.length));0 [5 \. m3 R7 ?
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";7 c* G( `9 o4 p8 V9 [% j: S
}
( m. \/ K! A8 k+ [# {! a& ^ theDiv.innerHTML = output;
( A% \ v% ]5 _5 s. V# Q% U} [; O+ H9 A& i5 ]2 Q5 C. N3 Z
8 j! i1 o9 M$ D( G4 q8 r
function doWave(n) 5 n# T1 D. U/ ]6 ?; Q( p( `) R
{
?! N2 ]7 y5 X theText = "JavaScript";# S# A a8 U+ _5 |2 ^
sizeCycle(theText,1,n);
( P! C5 o' R! g if (n > theText.length) {n=0}. F( E8 z9 b3 v. T4 L7 l
setTimeout("doWave(" + (n+1) + ")", 50);
# y- \' `# _, H. b}8 }5 K. V: w4 |, r% N. v
</script>* ~% t: X6 P: @5 b) @
<div ID="theDiv" align="center">
4 G I1 g3 R! I; I
4 b* n+ y* h) i b% q2 [: U</div>
; J- p4 Z8 T+ g& ] l: Y
0 V- g( | F) b- W
- Z+ p4 ^) ?! l$ {8 P& T+ U7 K$ j' G7 [0 ^; }# x; ] O
# L/ W2 v8 t* N: J! n( U6 s+ s第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|