标题:
网页之奇特的文字变化特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:50
标题:
网页之奇特的文字变化特效
脚本说明:
" ^! r$ b! s$ b$ ?* Q
: x9 ?; r' C9 c0 j* m) C
第一步:把如下代码加入<body>区域中
/ M/ i; Z( U* W4 T
<script language="JavaScript">
( R8 a% [3 n3 g( Q0 ^
: j' M1 h& ~' r3 {1 W
function nextSize(i,incMethod,textLength)
; c: h/ E( M6 G
{
! Y4 O- J! H' L* G
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
6 Y5 u3 p Q0 y% @7 M- U$ Y7 z
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
- C$ i4 i) ?( T4 k; t, L
}
( R+ Y, U/ V3 B: M0 D$ E
% Z, Q: c* [# b B
function sizeCycle(text,method,dis)
! U: D+ e' ?1 M, r
{
% H- T; |/ k: L2 K, F9 s& K
output = "";
- F* E& [% N8 h' [2 }) e
for (i = 0; i < text.length; i++)
' `1 C1 a8 C0 L( m; d( O& A: q
{
& R" O3 v+ o- {% h" j* m
size = parseInt(nextSize(i +dis,method,text.length));
# Q8 y" T) z i
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
/ K( y) d6 T- \+ u0 S. @
}
6 ]# o$ x8 g [
theDiv.innerHTML = output;
6 _9 B. h# y% \2 B7 j
}
8 l8 j4 R) K8 L& Y
8 }, S- `* e7 Y2 K
function doWave(n)
1 ~( k: T2 f* \) c1 h
{
) W! M4 ]$ o9 b5 O a. R
theText = "JavaScript";
) z6 M- T. L* ^: B! K; M
sizeCycle(theText,1,n);
' {) ?5 t" z# X+ O
if (n > theText.length) {n=0}
1 k5 e1 ~. t5 {) |8 |
setTimeout("doWave(" + (n+1) + ")", 50);
6 S4 P; y% E: o! _3 y4 [4 b
}
+ r7 [1 L5 a6 i8 y' c9 F
</script>
6 M7 O+ H( D: [# D
<div ID="theDiv" align="center">
+ C$ M1 P/ x& e$ f
+ D5 d8 q, I# e4 R+ R
</div>
4 M9 m6 d4 L5 m( Z2 O6 [
) ]; U, ?0 A: _
" ~; Y7 X" X# V, S% l1 q
) _7 |5 t4 S4 v5 c( W" b4 x, W6 R1 F# M
; D, E2 {: f) S& f4 ]$ K% r2 S
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
