|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: # D& z/ D( B$ I* L; r! x
4 Q: R( N1 j8 L第一步:把如下代码加入<body>区域中
, ?5 N: i# _& h- ?% }' j <script language="JavaScript">
( L, }% K, P$ \' r; u
5 e6 x; N9 K- V6 }+ l* j2 ffunction nextSize(i,incMethod,textLength)/ d/ \ W( G; z& S: ?. D
{# F7 L7 F: w! F
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
* a0 U) Q* u% d; Hif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
$ p6 R$ B9 y" V3 f7 {3 A( M3 S5 g}1 V& ]0 ?6 Z- ~
" F, C/ x% {2 N
function sizeCycle(text,method,dis)
5 o# A; \ b& y. q{8 z T# v6 x$ Y! T! I
output = "";
' z& k' U) A- @9 H9 P T1 j for (i = 0; i < text.length; i++)
% k: C8 K' w- L- g# }' ~& O, p {
; q: g3 ^+ R( _9 {. ^7 E+ p: _ size = parseInt(nextSize(i +dis,method,text.length));
* t, Q. }% f% c+ g output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
3 m( G. }7 c- O5 E/ f4 S7 T) v }$ d; `9 ?, ]; v7 X
theDiv.innerHTML = output;
( E1 `# x& }! H& x, j& t}
- J; B: o- `, Z
: |% U) A7 A8 S* V, m5 o- ~# ^function doWave(n) % t, o6 F1 X( S t7 s/ O
{ % b, X! x3 H- a9 b
theText = "JavaScript";) {$ P/ r! Z3 A/ s- v
sizeCycle(theText,1,n);/ X; Q0 x9 I8 c( k- }6 _
if (n > theText.length) {n=0}
8 K% y+ o- I* d9 F2 r setTimeout("doWave(" + (n+1) + ")", 50);
% D; b- g, l7 ~; @ F6 B* Z6 ]}
# u7 E' r' I( `9 U* V! d1 g) V</script>
( J: x6 l9 g( C$ A; i3 E9 ~<div ID="theDiv" align="center">
3 c/ l9 J) W5 _" f( K& m- d. Q1 r) x; G* ]- \, J+ n( F& C* n
</div>: z( A: n$ p2 h
4 k5 A; T% @5 n, C9 v4 ~
; u% J5 u c/ h# _; U2 q1 e9 T, b) w- p8 J8 I" ]
3 U& b6 i/ A1 q( a第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|