标题:
网页之奇特的文字变化特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:50
标题:
网页之奇特的文字变化特效
脚本说明:
8 q; W" W$ o. [0 k
* _/ E v3 l1 R9 ]) {1 n+ v7 b
第一步:把如下代码加入<body>区域中
/ \( R3 j% K& ?
<script language="JavaScript">
9 b9 C" O+ i5 ~7 w* m% j6 q& }
" p/ Y' y4 {- P
function nextSize(i,incMethod,textLength)
( l9 }, m+ H) _. f3 y
{
' O- P& ~+ j$ _* K. d( `/ c2 p
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
L* w4 z; Z* K
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
' M* \! O* ]! @$ x
}
- W0 f: p6 Q6 N* o9 ~, m9 H
2 _& u7 M" p) R. t) f% x% u
function sizeCycle(text,method,dis)
" d; u' P4 i0 c0 C5 g( @
{
' O5 f# X7 G% H$ O! U0 q
output = "";
* H! b( X4 E7 I+ w4 _
for (i = 0; i < text.length; i++)
) u( A2 T% B5 w3 u
{
1 X/ ^1 i3 S" m: p2 c w4 F6 h
size = parseInt(nextSize(i +dis,method,text.length));
( p3 s7 L0 |" O2 i' A7 z2 B& h9 g
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
$ R5 F, ]% |/ J) z' R6 u
}
7 T6 N. q+ C9 b/ {& S
theDiv.innerHTML = output;
, ^7 r$ Z7 K& d7 s" M
}
5 [+ x j. R, V+ ^9 ]
8 D( H; m! \0 @9 J! C5 B1 L
function doWave(n)
9 V$ ]$ p; j7 _; m/ i5 C
{
& j+ K c4 m+ V( Y) f
theText = "JavaScript";
* k7 t6 z! ^/ M: T: q1 f
sizeCycle(theText,1,n);
# j6 ?4 Y) K O9 v
if (n > theText.length) {n=0}
. I0 o; k: m8 N* k3 y
setTimeout("doWave(" + (n+1) + ")", 50);
: ~ \" A. C2 t1 ?5 G. i5 h
}
' f/ F V8 k: i; E* l v
</script>
! S+ s& e! j% v* ^/ ^) P
<div ID="theDiv" align="center">
7 [& e" F3 l6 G8 Q4 S O9 ^ \, Y: D
O% Y( e: X+ {9 ~
</div>
! Q. ]+ A r9 P4 K2 T6 N Z, t7 j
& A7 m5 Q. f% i3 ~& L [6 a( a
1 p4 K8 ~: K/ A" O( F& d, f
9 z) n K% o; f( `) i* W+ E/ m& g
( W" d+ X9 x7 \2 g8 e# L
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
