|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
4 y! n( }" _; T. Z . R; I/ j4 f+ T, \) {
第一步:把如下代码加入<body>区域中
" u2 O1 E9 X+ U* R <script language="JavaScript">
: ?# [& I" S& F0 s
" g3 X% d3 ~# s. G# rfunction nextSize(i,incMethod,textLength)5 F1 r% ?- W- C4 W% S
{
1 \, F% @5 ~( rif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
I; Z- h& P" q) G$ Nif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));# G% `: P# X/ ?) t7 f. E( Q, q
}
% Y# r+ b+ m6 i# [, B2 o/ u4 o5 D( x+ r0 n
function sizeCycle(text,method,dis)6 O/ R$ j- {# D
{
& l& z+ V5 V, V; t3 [) F/ ~1 ] output = "";
8 R& l" r- M: ` for (i = 0; i < text.length; i++)( K5 u+ h) G& O5 v& u+ n, W
{
: i- ~: Y. D, `- T size = parseInt(nextSize(i +dis,method,text.length));7 o( x% U9 V& e
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
6 |) V2 y; z7 o X* k }" N/ N$ c1 O: \0 }* ?- a
theDiv.innerHTML = output;
% x5 J9 e7 Q9 [, c6 t U M- |- C}1 @0 l: w$ z; m ]/ G: b
U$ k$ @: }# z% Tfunction doWave(n)
7 V4 f! C! p; K: z{
* t% @, q( G" `) @- a* T theText = "JavaScript";
+ D( e: X8 B; E3 G sizeCycle(theText,1,n);2 v7 B/ x, i8 I
if (n > theText.length) {n=0}1 r8 x; u1 ^! R# k" Q3 ^
setTimeout("doWave(" + (n+1) + ")", 50);
5 a! @- d3 [- Z8 _8 w}+ L% p2 e! N4 w/ c2 W
</script>+ C. x! S3 F4 O
<div ID="theDiv" align="center">' g" l$ i3 h6 b2 X" Z- o& O
$ ^1 e$ T4 K* L$ a# i6 c- J% e</div>
( q1 X- t4 h. b+ k6 J0 T* A, S% W0 ?' M9 @* o
1 ~. e3 A) }1 m( ~
' Y0 w% J9 U+ g1 J2 z# ]
7 }, f) u N3 c z$ p1 N第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|