|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
1 W' O4 ~, B5 R1 v) g P: ^: D ( O* m+ M3 q9 v# j. F4 ?1 F
第一步:把如下代码加入<body>区域中9 ^$ }) N. J9 O2 g& F. y8 n3 E
<script language="JavaScript">
) {% y7 m' R. ]( B& r1 h0 A5 j9 J3 `$ v ^/ |) Y5 l6 U- i
function nextSize(i,incMethod,textLength) V0 Q. s9 @, \- [: ^2 l8 y4 t
{
4 H6 c/ k' g3 {if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );) j+ M! S5 X- p
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
; l* d- L& V+ ~4 Z: w}( ]& _( H7 r. n6 E, I' u; V
$ }3 ?/ f/ z+ e6 F7 u4 Mfunction sizeCycle(text,method,dis)
( r9 L! w; N# B9 ~! h{
& G6 V& t+ u$ o* q output = "";- t/ x. E% d& k" K% V* p
for (i = 0; i < text.length; i++)
1 u) Z B/ A$ N% h1 e {& X7 Z4 {, z) K5 U' K1 ^6 Z
size = parseInt(nextSize(i +dis,method,text.length));% z: B5 Z" t/ W; Y7 U
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
" [/ F5 b; K7 G9 F" l6 q* _ }
# T; N. z7 ]2 }, x, b theDiv.innerHTML = output;
* ], Q; X$ {. [- A}9 {! o$ {4 F4 n6 J6 c
. R) o5 ]1 A- ~; D* H P. A: hfunction doWave(n)
5 T7 v$ L3 x" q{
$ F, q5 B% P5 s! X# K3 d$ u theText = "JavaScript";
! a @2 H6 { s6 A8 O L/ x4 t sizeCycle(theText,1,n);
$ g9 [* S+ _- t: O3 ^0 S if (n > theText.length) {n=0}6 M5 U; J, B1 @6 J/ a
setTimeout("doWave(" + (n+1) + ")", 50);
! e7 C2 J! [) o. G4 M. S}2 }! C+ m2 l/ W1 X- s
</script>
4 u& ^* _8 I$ T2 O* {" k6 C" c# C<div ID="theDiv" align="center">
: n1 K7 ~( w& K1 V" ~: f! h q) C
</div>( Z C, q2 w. S3 `" Q3 L
4 F6 T4 ^- _% ~/ d: F+ j- e/ o
7 t* z2 S$ S% A/ k2 F- `
( i% Z: ?+ W+ }2 n4 C 6 m. i" _! R7 R+ p
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|