|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 5 j7 I6 }: K: I8 D' v! t2 A" v1 z: t
4 i u9 i+ [6 R, x- _ X# t第一步:把如下代码加入<body>区域中. z I/ N' c8 Q% c6 L* }+ |% a
<script language="JavaScript">; L) [; Q8 Z8 E5 C" a$ e! j
* m5 |3 i1 U5 C) ~4 o! a6 P+ t
function nextSize(i,incMethod,textLength)
" N% V! |/ Q7 T6 q# L; Q8 m{
& g: m2 N% @% Gif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
" K7 B$ Y7 y# i! B" v$ fif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
; x' g7 ?5 J* P. Y x1 Y3 k}. Z, i8 _% A: i- V- H% N1 \
+ |$ b* L# Y; B. {3 A2 Y
function sizeCycle(text,method,dis): v% J( Z. d5 V) A6 J' P* e8 k
{
( L" Q; e9 X8 n4 Z+ d# { output = "";
+ E5 c3 [* W/ s6 j( r* E! j for (i = 0; i < text.length; i++)
. J H% A$ D8 Z' u {: f8 }# P& D0 i6 L" s
size = parseInt(nextSize(i +dis,method,text.length));* C2 z, @; w6 `# B8 E8 R* u! ?
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";8 a) ~8 |5 T- ^
}
/ z. @2 g; t7 ]5 ^7 {& O$ f9 S theDiv.innerHTML = output;) p/ b6 W- N, u5 J; E
}
* Q. V8 G- ^* {. {6 G
6 ^4 U+ e- y- P Efunction doWave(n) ! N3 w) M, G2 u* a4 F# K3 `
{
5 J9 c& g& v, ~% I theText = "JavaScript";
( y8 P4 h( M1 j5 w sizeCycle(theText,1,n);
: C4 G. j# g0 c/ w: s6 c if (n > theText.length) {n=0}0 S2 \4 l& E, C( i A; h
setTimeout("doWave(" + (n+1) + ")", 50);# Z: I; E+ l, r8 N+ H# d
}
+ e7 ]/ G! j) x% K: g0 t8 v+ s</script># {6 F* E0 w, x7 p7 y* W
<div ID="theDiv" align="center">
) c4 g3 {5 d! Y+ j* `% ]. y' B/ z y* }4 F9 m/ S( ^
</div>9 r7 T) | S. v* T$ ?
: r( u( g0 D d4 G6 }. }
. b& d7 i& n* ^! u2 T
5 l# T) i8 k* x ! ?/ R( b& ~* C0 d6 D% y* U
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|