|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
$ y4 O( C3 G& E. U& y $ `) y7 a- V2 J: M6 K2 m
第一步:把如下代码加入<body>区域中
8 o& `9 e! K, k8 G. f <script language="JavaScript">
) ~4 B2 {! ]5 n% ^: X4 A/ L: C. F" i
function nextSize(i,incMethod,textLength)% O) _9 f2 i" t5 h
{
7 Y" \; ~5 G7 ^0 M4 A" D6 ~$ P; rif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
7 ]% Q" E) r- l5 |# ]! eif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14)))); ]$ V- N/ S3 h* Q) G5 U+ [% ^5 k
}
0 b4 B4 G( y; A2 G0 W# u$ X/ R B! ~7 r% y. k% O' y
function sizeCycle(text,method,dis)
* F5 R+ u1 ]1 k{
b) ]! H- u4 O$ q# d! R" O output = "";
0 Z) v& d& B2 z. T( e4 q for (i = 0; i < text.length; i++)
% s* _# F' h/ r7 ?7 w5 `9 z {
0 c' ^" C ?4 a size = parseInt(nextSize(i +dis,method,text.length));" p8 T0 g( |/ k6 Q+ @2 T; k
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";0 X, {! n) J: o b
}
$ e' c% p# U* i, i: h1 Y' _ theDiv.innerHTML = output;& m+ |& [3 I+ N
}
% {4 s% @1 y# _; _9 I5 T( v* g
function doWave(n) 0 h2 P, y5 ^$ i6 x7 r1 R+ Q3 B
{
2 C( o! @8 `' M9 A theText = "JavaScript";+ g* }/ t) c6 B# q3 V) ~; z
sizeCycle(theText,1,n);
7 k' k0 W8 X# c! a: G2 W8 ^ if (n > theText.length) {n=0}1 C w2 ?: z' s g: a0 w
setTimeout("doWave(" + (n+1) + ")", 50);
( A. x$ J; o p% S' M/ [0 _}
" w( l5 ^" d+ h% v r9 O1 T</script>
O/ A, E5 X* M8 X, B2 [<div ID="theDiv" align="center"># T/ p3 Q+ K+ z/ ]2 j+ O
: f; g4 O1 S4 G+ {* Z
</div>
1 B# h; \, ~" b9 `' A9 N" i
e. j# J1 Y* q9 ]! h. r x+ ?+ v) W( X. o7 M6 {
7 y6 P0 c" p$ p
9 O( i3 T7 w) u% U* r6 ]
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|