标题:
网页之奇特的文字变化特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:50
标题:
网页之奇特的文字变化特效
脚本说明:
4 g; w5 a: D" A( w
L- L6 g' O9 ?/ C
第一步:把如下代码加入<body>区域中
0 U( ]4 k) C2 v2 K( {1 U/ I
<script language="JavaScript">
: b. b3 V& x& d m% P! B; k6 A, _
) X% \. r/ n& C6 r" K. X8 ~
function nextSize(i,incMethod,textLength)
" g0 v" K5 {6 l4 p, ~
{
& E0 N' k) u! `7 [6 _2 l
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
) n f' z6 L6 p* O
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
& M8 y+ Z! W/ y
}
/ J: |' B' I6 _1 \. ^
$ g' C! y- x6 D5 N: v9 a# m
function sizeCycle(text,method,dis)
0 i# V( I" A s: ?6 ^9 x1 h
{
6 o4 Q6 i8 S9 z0 ]' X% D4 u
output = "";
" t7 p) p. [) z7 Y- ^
for (i = 0; i < text.length; i++)
4 J; L! {6 L6 M6 Z! K
{
- H) N/ w j F
size = parseInt(nextSize(i +dis,method,text.length));
T q/ F3 b% y1 N2 o% D( M0 T
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
3 w5 j4 {/ W8 ^9 y2 U
}
$ B: n1 @5 H4 ~* M( Y: X
theDiv.innerHTML = output;
3 I7 y2 q @: w7 g6 F
}
; f. e7 F. F: n7 [
. j4 u& o" s* J! N8 Y5 u
function doWave(n)
* ]1 b4 w, k4 \9 B8 o5 M7 b
{
* T6 d3 h2 \' D
theText = "JavaScript";
& H! ~7 x, Z/ f- D
sizeCycle(theText,1,n);
+ c5 h% a! D" T4 \8 i" F, h- G: s
if (n > theText.length) {n=0}
) `, z p% ^0 B& \. D
setTimeout("doWave(" + (n+1) + ")", 50);
" ~! {$ N: z5 `0 I5 t
}
; U& O$ `' E C
</script>
4 Y0 n3 o4 j; X) u
<div ID="theDiv" align="center">
* S" a. L* A' y8 e
R* l( J' N4 ~# ^: A
</div>
! R0 M, w& f+ W$ ?4 l, j v, E# {0 |
. y1 i) p- g, X- o4 i3 ]6 d) X
- f* J9 T1 F' \1 q/ @/ G
6 Q) Y" F2 [3 q7 B) [7 h8 Z# g, D% u" k
, g' l& H; E1 w* c
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
