标题:
网页之奇特的文字变化特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:50
标题:
网页之奇特的文字变化特效
脚本说明:
3 m$ b! U1 S( Z/ L
: j w; _) x* b) |# G6 c
第一步:把如下代码加入<body>区域中
( d/ j% q% ?! @: N
<script language="JavaScript">
8 e5 r+ p& R- z3 a
, v# J4 V' m0 m4 N
function nextSize(i,incMethod,textLength)
$ y7 u1 h9 L' }4 i
{
0 o" c1 m! p3 D* ^
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
9 D" E0 e) K& B% T( V: Z. i
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
: d J7 H3 r, q- T3 e! y: p* ^( w; X
}
* b) L* [2 F8 ?1 j, A
$ Z6 c2 h" q* [+ N
function sizeCycle(text,method,dis)
; z- X1 i/ Q" L I
{
5 W+ z. n8 w! B0 W3 Z* J" G
output = "";
9 G/ D1 ]% z1 [) G' J* R7 m
for (i = 0; i < text.length; i++)
8 j3 W V; [1 U6 G- U4 k! y
{
1 i7 z3 t+ P: B' _; l
size = parseInt(nextSize(i +dis,method,text.length));
6 F; G0 T6 P" P9 K% L* V$ f5 t
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
1 k9 E4 I# A7 K! }
}
n6 Y) A$ s. V# z1 V
theDiv.innerHTML = output;
3 F2 F. U4 B% C; u) z& Y
}
. P2 l- |$ a) L4 U+ u! E5 a
9 f' W H$ K& Z- l' E0 _4 d
function doWave(n)
8 O; v0 g7 s( x6 e0 _% n
{
@# H# e4 ~# U. V$ V7 h& r1 T
theText = "JavaScript";
& L1 u: Y8 Z8 U' e
sizeCycle(theText,1,n);
/ Q/ e0 \$ m# i. y. \' q1 @
if (n > theText.length) {n=0}
/ ]$ Q4 T) q9 [: w8 ^
setTimeout("doWave(" + (n+1) + ")", 50);
$ \ p( N: E9 |/ J
}
+ K- X% X6 [1 K6 h1 S! H5 @+ q
</script>
: f7 k2 V( X# j
<div ID="theDiv" align="center">
7 q) L9 A5 m7 _' h2 q
- L- X* n; |/ K' h6 Q& c/ {
</div>
9 r% u2 {: i7 t+ V) |7 b
% H, P; o" |" N& n* @$ i
, I. {0 l3 e1 X" U$ \
5 |- N1 @+ |5 h: g: f
4 Q5 X5 o+ }! D2 @) Y- O
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
