标题:
网页之奇特的文字变化特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:50
标题:
网页之奇特的文字变化特效
脚本说明:
" E) y4 W- b; f
1 ^, s7 m' m9 R# F+ N
第一步:把如下代码加入<body>区域中
|7 m e2 `) `4 e y" x
<script language="JavaScript">
" S1 t% [% \4 }& X! G
V( r; [# {2 T$ N+ N% ~1 ~! o
function nextSize(i,incMethod,textLength)
4 C0 R+ ], `& i3 l+ B1 _, U7 K/ D* n
{
( u) u) T5 C% w
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
9 a8 W0 R: z& N8 R0 e% x3 ~8 R f6 y4 a
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
* x5 |5 ~& ]2 d
}
x$ V, Z; j |) e) {
+ u2 W& }9 o/ |+ M* e
function sizeCycle(text,method,dis)
. ?# K( L7 \0 M- B2 s1 n5 Q
{
2 J: a) l/ r9 B7 Y# g; l$ q
output = "";
0 h" k1 M4 L( f
for (i = 0; i < text.length; i++)
2 @; o# ^" t* X R7 ?6 m) R1 m
{
: F& k+ |# I! c
size = parseInt(nextSize(i +dis,method,text.length));
3 p( p! V; q9 p, x
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
k1 a- P0 H7 z( ~
}
8 Q5 M( d5 e7 |
theDiv.innerHTML = output;
! H, h# V! v1 @
}
5 L& i* ?/ T0 k: L, U
- C! R7 ? E0 y `! ~
function doWave(n)
% u, ~0 j' z' N# X
{
: e4 n' h+ k5 o7 F6 k! J
theText = "JavaScript";
3 q+ O1 B3 e/ w. ]
sizeCycle(theText,1,n);
1 J8 c" N; X4 i: t, A$ L5 O
if (n > theText.length) {n=0}
6 n6 M; j# C* D9 o! `
setTimeout("doWave(" + (n+1) + ")", 50);
" N# O% C+ w$ h7 O* y4 Q& V
}
3 U2 Q5 q2 X9 F+ ~! f6 f, \
</script>
, o7 e+ Y0 h( P: E [
<div ID="theDiv" align="center">
; d7 `6 @( a! Z- K6 E
8 v$ g! z% K+ R4 E3 H- r p
</div>
6 o; z% [9 x t4 q2 x
% i- x0 L/ t; R" T2 d# _7 A# I9 F. h, f
3 C4 W* a+ Y B
% b8 O, p, U7 A1 L" K
$ C7 v: p7 F) A J5 b& f& j2 R
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
