标题:
网页之奇特的文字变化特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:50
标题:
网页之奇特的文字变化特效
脚本说明:
8 F+ r* i0 }" ~3 g
6 x5 D! {. j3 i! b
第一步:把如下代码加入<body>区域中
5 F; u+ h8 |3 n4 f
<script language="JavaScript">
# P3 o Y R' O5 M
1 z0 J/ Y1 ?/ z
function nextSize(i,incMethod,textLength)
* _2 T8 R$ `- x% b
{
- \, Z3 r* M2 s2 |
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
, p v& l$ x# c+ [
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
# d# e9 S# p: `% m9 `9 E2 l* U
}
& T' S$ J! n5 e) M- Z7 l: w B
) i7 |1 S. j3 r8 ?# |
function sizeCycle(text,method,dis)
. w$ p5 W" ^% D
{
# E, H1 i6 q/ u m6 ]$ T2 C% |
output = "";
7 x6 G' x4 s: d- U. d1 q# y1 i
for (i = 0; i < text.length; i++)
9 t% I- ?2 X/ d& w% r
{
G% G2 g2 B+ j: }4 U4 F( ~9 X
size = parseInt(nextSize(i +dis,method,text.length));
" U: L1 L8 Y5 P# d
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
' u. E- H7 u! R- b i6 [
}
$ y) S% O1 C- b
theDiv.innerHTML = output;
2 [3 x# T. i; c7 |0 H
}
/ c* z. b. B$ Z/ _6 v" w. n* N x) u
; O/ n' s! r/ }+ R& e" z5 g$ ^' m
function doWave(n)
$ ?; v7 ^# C5 o! U0 Z1 a
{
7 t8 ]! m+ ` e9 f+ ^" L
theText = "JavaScript";
8 x( w) o7 {3 z$ q" Q; I* i, S
sizeCycle(theText,1,n);
$ u! u; m: e; J" X+ ~
if (n > theText.length) {n=0}
* G3 E- m8 V8 J3 i& I
setTimeout("doWave(" + (n+1) + ")", 50);
/ h( G* t0 l0 s& L! o4 `
}
4 i" c0 K m/ L g' P' v: V
</script>
5 R+ |1 j# G `
<div ID="theDiv" align="center">
. M8 k8 a4 W; t+ j
- x# W/ p0 @9 ]5 F% I3 W5 ]
</div>
+ C$ K' N. e" n: }5 r9 |+ W+ h" o
- O1 R" k0 Q0 ~' _+ F4 n' ^/ E
" P: h0 |# @8 W- Z+ E$ p
; V0 h. b) x2 R& M8 K5 `0 l0 ]" \. i
; A, z# ^# z3 T) f: `
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
