jQuery随机名字点名特效代码下载


jQuery随机名字点名特效代码下载
jQuery随机名字点名特效代码下载以及随机名字点名等js/jquery网页特效代码下载。

1. 引入JS

<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>

2. HTML代码

	<div class="main">
		<div class="button"><span>开始</span></div>
		<div class="text">点名</div>
		<div class="name"><span id='ko'>苍皇</span></div>
	</div>
<script>
 names=['叶伏天','花谢语','叶无尘','叶百川','顾东流','刑开','丫丫','余生','夏青鸾','楼兰雪','白陆离','华青青','诸葛明月','龙倚天','萧沐鱼','皇九哥','花风流','齐玄罡','雪夜','萧笙','周知命','盖穹','盖苍','帝乌','神昊'];
 $('.button').toggle(
	function(){
		//alert(names.length);
	$(this).css({'color':'#f00'}).html('停止');
	ydm=setInterval(function(){
	index=Math.floor(Math.random()*names.length);
	val=names[index];
	$('#ko').css({'color':'#9fc'}).html(val);
	},50)},
	function(){
		$(this).css({'color':'#fff'}).html('开始');
		$('#ko').css({'color':'#f00'});
		clearInterval(ydm);
	}
 );
</script>

相关推荐

发表评论

相关文章