标题:
网页之奇特的文字变化特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:50
标题:
网页之奇特的文字变化特效
脚本说明:
7 f) O/ v! x- R7 B( L/ ]3 R8 y
/ c% Q1 d G5 @2 T/ c, R
第一步:把如下代码加入<body>区域中
- T* K( Q( n" `1 B8 `; b$ j
<script language="JavaScript">
$ |+ C1 M' w8 A" C
6 V6 O9 L- L/ a5 c' i5 v
function nextSize(i,incMethod,textLength)
& G3 q" b8 _. W1 \1 _. s# O, C
{
6 k; v3 P; A( l. r
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
" |2 i# E4 C/ w: v% t7 d6 {% j
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
/ n* y+ [) `4 t- m3 R
}
5 i) m5 ]* f1 N1 f
0 r8 j0 ]0 T/ d% n
function sizeCycle(text,method,dis)
4 e I+ x# ~/ K* C' R: E
{
2 s2 g& w6 z2 b% ?8 N$ u: G
output = "";
" @3 D5 v$ W% ]$ m% B0 P
for (i = 0; i < text.length; i++)
5 Z5 B* q- V) w& _1 G) n- g
{
' `. \) {# r5 p% t i/ _) G4 y
size = parseInt(nextSize(i +dis,method,text.length));
1 c4 R9 l: z: ? Y7 {% @$ M- Q
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
% `' f: [/ ?4 B& y. ^% m, F
}
4 _& t! e! u# J, u9 r! F3 I
theDiv.innerHTML = output;
5 V) [( R, [: I4 x7 `* a
}
0 g2 g/ l% l8 I+ x
* N$ E# a/ _4 C) g5 I
function doWave(n)
. [6 X* z* s1 B6 ^& b! Z
{
" s9 f& D2 x. h) D
theText = "JavaScript";
5 D% f" z( A5 c
sizeCycle(theText,1,n);
; n4 y! v+ c# ^9 @8 j, v# `1 I
if (n > theText.length) {n=0}
4 L, t' @1 N/ _9 w( k. u5 E% Q
setTimeout("doWave(" + (n+1) + ")", 50);
9 S9 A; r ]+ C0 [/ b
}
# _( ?# w, Q0 z. C: x" r
</script>
3 B C9 v* }. C
<div ID="theDiv" align="center">
3 G2 n+ y( x# Q& N1 x! j
" W+ p5 `4 W* [
</div>
- M! @' M r6 | n+ U* r
5 m' a$ r- M: j) q" [8 x3 g
- k6 |/ A6 W/ ~6 A( f/ N' `
: c8 Z6 n6 b. K
+ D, a+ J! r3 r+ f
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
