标题:
网页之奇特的文字变化特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:50
标题:
网页之奇特的文字变化特效
脚本说明:
+ N0 e' `! [! G+ u! @
; s% W, G2 z3 p1 O/ d0 t5 S( R7 g
第一步:把如下代码加入<body>区域中
& I" @3 b$ m4 y% B1 ?
<script language="JavaScript">
; x' I( ]/ [* i
; j6 Q( @$ M( h1 l
function nextSize(i,incMethod,textLength)
8 x0 j$ }# \+ K" N, y% m
{
3 [% _& v9 A3 }1 m% I2 a
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
" T+ H9 W/ Q0 y! y( \% j
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
( T. |+ s. _9 }) y, E N
}
7 I! _: G g4 o# e. k3 J
- X: Q4 ?; U* F3 R9 @7 t$ \; ~
function sizeCycle(text,method,dis)
3 I8 _ V+ |( b0 u3 f, \3 b! B
{
: E% m6 x0 f. R
output = "";
7 F% b3 @5 A. C1 ? g! b+ p
for (i = 0; i < text.length; i++)
5 y0 M. U7 z7 ~$ { t7 D8 y6 ~
{
9 Q( z: ]3 ^+ T$ }# @
size = parseInt(nextSize(i +dis,method,text.length));
5 e. G h" x( `5 B
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
7 c8 {% D' o. t* ^: o+ A
}
7 x, [3 S4 ?3 q+ f6 _# C( w
theDiv.innerHTML = output;
$ Y& V: S; B" j4 e: ^
}
: P k& Q z6 P6 `' f) `$ z0 e- Y
# J7 J" E6 f- V, P
function doWave(n)
: L, S9 Q% L# x; H& o
{
4 L- I; w/ Z- H, S0 n5 o; H
theText = "JavaScript";
! Z* ^8 O/ j. g- b/ d- q
sizeCycle(theText,1,n);
% r* X3 _9 Q3 `9 {$ B2 {; |
if (n > theText.length) {n=0}
$ x5 ^# ^' N R4 X3 I) M# x& @
setTimeout("doWave(" + (n+1) + ")", 50);
( W9 F4 w/ {" p) a
}
9 Z( |' O r6 n/ J# j/ C5 o
</script>
8 U6 E, y& l! a) H' M" i
<div ID="theDiv" align="center">
' V# A! W7 \7 n! E7 r' Y6 Z1 v, Z
, _ }/ m3 [" U
</div>
# D: t. j. m" f* [) @
' w% d7 c4 s5 O1 o
9 T! ]) B. U( u2 n, O7 p/ e, n
- p: h7 D0 h# l$ ]- r3 b/ x$ C
3 L6 L2 S7 \2 Z% ^' ]6 h0 f! W9 `
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
