基于jQuery的简单九宫格实现代码

204 阅读 0 评论 135 点赞

我是靠谱客的博主平常心情，最近开发中收集的这篇文章主要介绍基于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> 