基于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> |