|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 3 S X. T* T- J% T
0 {8 L: B/ W) w第一步:把如下代码加入<body>区域中
% B" |: F- ^$ O4 x+ ]0 C <script language="JavaScript">4 M j. O! c& X& a
' i% _3 T, q K) K c
function nextSize(i,incMethod,textLength), E/ X C/ @5 Z0 _6 T7 `
{
; {) C, E2 B8 e8 _/ c3 Nif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );/ D3 W" V4 A5 Q% g
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));5 }) W, x/ S0 e* n3 h/ s1 f% E
}+ v5 q. @( T1 c2 R4 i) K( p
" C& Y! t: ~: D
function sizeCycle(text,method,dis)
& G6 E) J) z7 U: a1 d{
& T; p* e' e5 m. {' a% [ output = "";: t( @8 |0 N$ i" s2 }. o
for (i = 0; i < text.length; i++)/ X1 L0 W1 E6 D3 W2 x5 ]
{ n2 ~7 ^ L" c/ v
size = parseInt(nextSize(i +dis,method,text.length));. E, d8 l3 F9 r+ h% B3 N
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";' N, ~. G5 B* u: o
}
4 [( L8 x: r) _: g4 C; ]7 k theDiv.innerHTML = output;
& F% p. Y" E9 ]' S}
& R) d: j( f: G! ~/ \6 K' \, T4 ]0 A' _, N' W3 t
function doWave(n) " T0 }2 J9 o7 Y7 {
{ U# o' W7 q8 b0 x2 i1 p2 _8 k5 o
theText = "JavaScript";
. E# [) Y* E* G1 F sizeCycle(theText,1,n);
! v* }6 [3 u: p9 \9 z+ ~ if (n > theText.length) {n=0}
* T6 V* Q* v; [ setTimeout("doWave(" + (n+1) + ")", 50);8 I8 K7 G6 d% o. W
}0 B$ Q" X7 @7 }9 w f# b
</script>
0 ^, w7 T( `, ~7 K: ]<div ID="theDiv" align="center">
% V4 c" N, ~9 S) z8 n1 J
& {( t+ W& A" M8 V</div>: g3 |/ [2 {) J1 ^. g, P
) E8 @' @) a G! U
5 x1 Z- T R1 `; u) n) h
& N1 Q5 T3 x5 `. ?' O/ p+ r
6 ]7 z+ ?5 T$ M/ u( C8 C第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|