每日更新|TOP排行榜|Tag标签|充值

无忧首页网页模板程序模板建站教程视频教程网页特效图标素材字体下载站长工具站长问答

关闭顶部展开顶部

展开边栏关闭边栏

网页特效代码模板无忧>网页特效>文本链接特效代码>

收藏分享查看评论文本链接

一个JavaScript文字扭曲效果_文本链接特效

查看演示效果

特效Tag：文字扭曲添加

缁囨ⅵDedeCMS瑙嗛鏁欑▼涔扮┖闂� 绉熸湇鍔″櫒閫夌綉纭曚簰鑱旓紒 鏃犲咖绔欓暱宸ュ叿,鐧惧害鏉冮噸涓€閿叏鏌�!

一个JavaScript文字扭曲效果，作者是想让它像Flash一样交替出现，但是最终的效果却是扭曲了文字，很有趣。

<html>
<head>
<title>JavaScript文字扭曲效果</title>
<script language="JavaScript">
var size = 20;
var speed_between_messages=1500 
var tekst = new Array()
{
tekst[0] = "朝 辞 白 帝 彩 云 间";
tekst[1] = "千 里 江 陵 一 日 还";
tekst[2] = "两 岸 猿 声 啼 不 住";
tekst[3] = "轻 舟 已 过 万 重 山";
}
var klaar = 0;
var s = 0;
var veran =0;
var tel = 0;
function bereken(i,Lengte)
{
return (size*Math.abs( Math.sin(i/(Lengte/3.14))) );
}

function motor(p)
{
var output = "";
for(w = 0;w < tekst[s].length - klaar+1; w++)
{
q = bereken(w/2 + p,16);
if (q > size - 0.5)
{klaar++;}
if (q < 5)
{tel++;
if (tel > 1)
{
tel = 0;
if (veran == 1)
{
veran = 0;
s++;
if ( s == tekst.length)
{s = 0;}
p = 0;
if (window.loop)
{clearInterval(loop)}
loop = motor();
}
}
}
output += "<font style='font-size: "+ q +"pt'>" +tekst[s].substring(w,w+1)+ "</font>"; 
}
for(k=w;k<klaar+w;k++)
{ 
output += "<font style='font-size: " + size + "pt'>" +tekst[s].substring(k,k+1)+ "</font>";
}
idee.innerHTML = output; 
}
 
function startmotor(p){
if (!document.all)
return
var loop = motor(p); 
if (window.time)
{clearInterval(time)}
if (klaar == tekst[s].length)
{
klaar = 0;
veran = 1;
tel = 0;
var time = setTimeout("startmotor(" +(p+1) + ")", speed_between_messages);
}else
{ 
var time =setTimeout("startmotor(" +(p+1) + ")", 50);
}
}
</script>
</head>
<body onload="startmotor(0)">
<div ID="idee"></div> 
</body>
</html>

所属频道：文本链接特效/更新时间：2012-11-30

[收藏][报错][返回列表]

评论加载中....

相关文本链接特效：

文本链接特效Rss订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索一个JavaScript文字扭曲效果
特效说明：
文本链接模板-一个JavaScript文字扭曲效果。

鏀惰棌&鍒嗕韩

QQ绌洪棿鏂版氮寰崥鑵捐寰崥浜轰汉缃�寮€蹇冪綉鐧惧害鎼滆棌澶嶅埗缃戝潃鏇村...