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

2019-10-12 08:12:45来源:爱站网 阅读 ()

新老客户大回馈,云服务器低至5折

相信说到九宫格大家都很熟悉,但是在项目开发的时候要怎么展现出来呢?今天爱站技术频道小编就为大家带来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的简单九宫格的实现方法的全部介绍,大家只有不断丰富自己的专业知识才能在遇到问题的时候,处理的游刃有余,更多的专业知识请关注爱站技术频道!


原文链接:https://js.aizhan.com/develop/JavaScript/9428.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

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

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