标题:
网页之奇特的文字变化特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:50
标题:
网页之奇特的文字变化特效
脚本说明:
# l S5 o1 f$ @6 w: }" D
& ]$ l) n1 d9 h8 w/ @$ t
第一步:把如下代码加入<body>区域中
# `" R- M+ J' H& {( p
<script language="JavaScript">
% x' b* j p6 T6 x. C: i
% R, ]- M& S! b1 Y" J
function nextSize(i,incMethod,textLength)
9 u; V3 r. }, x1 N
{
9 z0 j9 Q* I# }7 E: R
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
4 t8 c i! X6 s7 {& E
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
( Q! |; }. j, S3 u/ ?8 E7 O) O" a
}
$ }6 V u* W( m+ m1 d% L
' Z; _9 o' ~- X0 m% x. n8 {
function sizeCycle(text,method,dis)
5 F4 L) e2 F& H
{
3 B1 I) Y$ ~& o4 O6 _
output = "";
q. N3 u" F* T; u* R
for (i = 0; i < text.length; i++)
( }$ j; @+ [1 y
{
% m3 M/ S7 b g
size = parseInt(nextSize(i +dis,method,text.length));
: p& C+ z" I. @- c9 u
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
9 c- T k3 B5 _$ y
}
0 N; b8 T! A) q. A- ?
theDiv.innerHTML = output;
$ q2 y0 O4 V- F8 V' Z0 X: Z9 _) J
}
2 P( W' ?7 K2 j- T; \& C
( P5 Q5 @/ X, _6 Y; p2 I$ L& J5 H
function doWave(n)
: W" _/ J9 d* N; w& i2 J( n
{
6 Z5 ?) z6 B k: M
theText = "JavaScript";
3 k4 _) M8 K( s! I
sizeCycle(theText,1,n);
) i; R" |4 ?! u6 y
if (n > theText.length) {n=0}
7 \. y; X$ j3 W; Y
setTimeout("doWave(" + (n+1) + ")", 50);
" g L' @/ k: u- \1 ^
}
' f' g6 \8 F8 d' V- E' ?% [
</script>
# o7 k7 ^& P" j, [8 H
<div ID="theDiv" align="center">
' q7 J7 m$ U9 U! d' ~
9 d' }6 W, f9 F6 `! ?
</div>
, ~9 x) P" M5 o
5 h9 E! Z& K7 @, i3 p# m. x
1 p- K9 S- X! q" D) R9 ?
9 S) m7 v) M- M
+ ^( s# V8 E5 `5 E% F
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
