Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 基于jQuery的简单九宫格实现代码

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

发布时间:2013-05-16   编辑:www.jquerycn.cn
听朋友说要作个九宫格,我也就随便写一个,等待完善
听朋友说要作个九宫格,我也就随便写一个,等待完善
复制代码 代码如下:

<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的简单九宫格实现代码
jquery photoFrame 图片边框美化显示插件
HTML5中pattern属性的用法详解
腾讯决战天宫在电脑上玩的教程
使用canvas实现迷宫游戏
PHP实现九九乘法口诀表(代码示例)
php九宫格日志实现代码
jQuery弹出窗口插件 lhgdialog
canvas实现九宫格心形拼图的方法(附代码)
H5使用react组件实现拍照、选择图片上传

[关闭]