|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: , t6 n) R7 t! g5 e, Y) ?2 l
; C! I9 b* b/ r5 D1 s/ I8 d4 E
第一步:把如下代码加入<body>区域中 A. u7 r" m" [* h3 ? g
<script language="JavaScript">
2 h* p. e& O$ E6 C' n2 L( c, c4 m$ y6 @' B ^
function nextSize(i,incMethod,textLength)9 w' k6 f* J& h* U; w+ z( N
{
- ~% r2 l$ E0 c6 k6 wif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
9 b6 e' L f; g) x; Jif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));: Y' t0 h8 N/ `6 m
}6 i; {5 j% I& G! _+ I
6 f, c7 o! e+ E# Vfunction sizeCycle(text,method,dis)
4 I5 K, c5 [3 v0 c{
( K% X0 O7 @' y; q% B output = "";
, E4 f- w7 h2 Z) [ for (i = 0; i < text.length; i++)
( Y/ _/ o0 x& z' o {) D0 M" n1 h; T9 R. S+ x5 @* f
size = parseInt(nextSize(i +dis,method,text.length));
/ N r7 K0 ?5 C$ c3 U output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
0 D- D: ?' s8 S0 ~ }
, H" ]* T5 Q. K theDiv.innerHTML = output;7 z4 C- }" _4 ^" G6 \4 v
}0 l5 v# A. D) b" N% {; ?: h
* w( v5 W: O/ x; p$ o7 q2 N6 [
function doWave(n) , m4 z: F% N# i1 y. H: o9 d
{ 9 A3 ^+ l _: c b3 s& M
theText = "JavaScript";% m Y. E! a [
sizeCycle(theText,1,n);1 e' O" k$ @7 z! I
if (n > theText.length) {n=0}; k9 i6 x" Q* x. X
setTimeout("doWave(" + (n+1) + ")", 50);
3 ~& m4 M1 ^0 Y! N}- S* {2 f* S5 w L) V
</script>
1 {9 t% ], I) _<div ID="theDiv" align="center">
$ H/ Q% M. i a& }: S) a7 T* T8 a+ S) Y
</div>* T6 V2 Y+ k: k
7 ^6 M. z; A4 a) n, u
: h* R' m T8 ?+ Y! T' j, C+ M0 O6 ]0 L7 w* r1 Q" d/ d! p
& G6 R$ g! f. j# |5 n第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|