jQuery的简单九宫格的实现方法

来源:爱站网时间:2019-10-11编辑:网友分享
相信说到九宫格大家都很熟悉,但是在项目开发的时候要怎么展现出来呢?今天爱站技术频道小编就为大家带来jQuery的简单九宫格的实现方法,感兴趣的朋友可以随着小编的步伐来学习。

相信说到九宫格大家都很熟悉,但是在项目开发的时候要怎么展现出来呢?今天爱站技术频道小编就为大家带来jQuery的简单九宫格的实现方法,感兴趣的朋友可以随着小编的步伐来学习。

 

<input type="button" value="1"/>
<input type="button" value="2"/>
<input type="button" value="3"/><br>
<input type="button" value="4"/>
<input type="button" value="5"/>
<input type="button" value="6"/><br>
<input type="button" value="7"/>
<input type="button" value="8"/>
<input type="button" value="9"/><br>
<input type="text" value=""/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var items="";
jQuery(function(){
$("input:button").each(function(index){
$(this).mouseover(function(){
if(items.indexOf($('input').eq(index).val())==-1){
items+=$('input').eq(index).val();
$('input:text').val(items)
}
})
})
})
</script>

以上就是jQuery的简单九宫格的实现方法的全部介绍,大家只有不断丰富自己的专业知识才能在遇到问题的时候,处理的游刃有余,更多的专业知识请关注爱站技术频道!

上一篇:XML+XSL 与 HTML 两种方案的结合

下一篇:JavaScript基础知识之数据类型

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载