热门关键字:
jquery > jquery插件 > js特效 > 网友天蝎分享原创Jquery实现文字逐个显示特效

网友天蝎分享原创Jquery实现文字逐个显示特效

10493
所属分类:js特效
发布时间:2013/3/16 19:05:26
下载量:1558
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Detail.aspx?id=178

首先非常感谢网友天蝎的无私分享,此Jquery特效是一款非常实用的功能,这种文字逐渐显示打字效果一般用在内容显示,增强用户体验效果,非常酷,实用功能的代码也非常简单,网友们好好看一下哦。


功能代码如下:

function changeText(cont1,cont2,speed){
	var Otext=cont1.text();
	var Ocontent=Otext.split("");
	var i=0;
	function show(){
		if(i<Ocontent.length)
		{		
			cont2.append(Ocontent[i]);
			i=i+1;
		};
	};
		var Otimer=setInterval(show,speed);	
};
$(document).ready(function(){
	changeText($("p"),$(".p2"),150);
	clearInterval(Otimer);
});

效果如下:

网友天蝎分享原创Jquery实现文字逐个显示特效






如果您觉得本作品对您的学习有所帮助:支付鼓励



关键字:网友天蝎 文字特效 打字效果 手写特效 js特效 实用特效
  • 网友天蝎分享原创Jquery实现文字逐个显示特效如果你喜欢学院的资源就下载吧,亲,谢谢!
  • 网友天蝎分享原创Jquery实现文字逐个显示特效
  • 网友天蝎分享原创Jquery实现文字逐个显示特效
  • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

声明: 本站内容均为网友原创或整理于互联网,版权归作品最初创作人,转载请注明(出处)原文链接,转载前请邮件至磐temdy@qq.com,一旦发现造成侵权行为,后果自负。。

友荐云推荐