标题:
网页之奇特的文字变化特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:50
标题:
网页之奇特的文字变化特效
脚本说明:
/ c0 v: A' ?8 r" g# i5 R
( d5 N3 c& P0 ~" J* D4 V
第一步:把如下代码加入<body>区域中
) u8 G' o) m1 s% ?; {
<script language="JavaScript">
3 A2 D" b; T. d$ L
/ ~' r* ~- }$ D" K. C
function nextSize(i,incMethod,textLength)
% `" q" F; {* A% z$ w7 y1 S
{
7 C" }; b% E" d) F
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
]4 K# P, D O+ T0 ]9 k9 @
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
7 o# c2 y! F0 e
}
) k/ Q( `) V0 G5 M
) F! `; x! H& X3 t; E2 o7 k( C3 V! J* K( C
function sizeCycle(text,method,dis)
7 e+ W& K- w% D8 Z# r& U
{
/ e2 w( i& N3 L
output = "";
* I+ [2 k# K' ]4 s; s: D
for (i = 0; i < text.length; i++)
* {6 j; r' \+ L0 n/ X8 x' g b) S3 x6 r
{
- W$ q3 J8 W1 i, V* C# N9 ], m
size = parseInt(nextSize(i +dis,method,text.length));
& `. b$ p- ?" N# ~
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
B! {" ?% E5 d3 X5 q& g: N
}
* i$ \- p! n m5 }
theDiv.innerHTML = output;
, d: T. X! u5 _( F \/ I
}
1 H2 L+ [! G* C0 t
4 Q6 {+ V& m2 S9 Y0 P+ ^
function doWave(n)
0 a+ a! @0 x/ U. R/ _
{
4 V8 U, U% D7 d# I1 Q! j+ p" D) x
theText = "JavaScript";
) N0 E2 c8 i: v7 }
sizeCycle(theText,1,n);
5 j% ~* ^. \. I4 I
if (n > theText.length) {n=0}
% _: g! \% H6 }. O9 S. z- C3 I6 o
setTimeout("doWave(" + (n+1) + ")", 50);
4 @$ K! x' z& X! [1 t: k7 `7 v5 {
}
! Z$ m8 b, _; Z* P& i3 `
</script>
. F# w1 d3 _. z M/ \
<div ID="theDiv" align="center">
% Q3 ^. y+ O! B: k& q0 V& {$ q% `: \
2 c) z5 c5 M$ ?( B' b) @
</div>
8 x+ q; Z/ J/ i! h, V' C
* T5 c# J5 q, a1 C' E; @5 G
5 G! E; |& P! O2 a/ C i
0 j5 R# q6 x& K6 C
7 c" b5 d/ S4 D1 t v* y$ ?7 T
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
