基于jQuery的简单九宫格实现代码
更新时间:2012年08月09日 00:00:57 作者:
听朋友说要作个九宫格,我也就随便写一个,等待完善
复制代码 代码如下:
<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 click([data],fn)使用方法实例介绍
大概意思就是触发每一个匹配元素的click事件,本文通过一个实例为大家详细介绍下jquery click([data],fn)的使用方法,感兴趣的朋友可以参考下哈,希望对大家有所帮助2013-07-07使用jquery-easyui的布局layout写后台管理页面的代码详解
这篇文章主要介绍了使用jquery-easyui的布局layout写后台管理页面的代码详解,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
这篇文章主要介绍了jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下2016-08-08jQuery中$.ajax()和$.getJson()同步处理详解
这篇文章主要介绍了jQuery中$.ajax()和$.getJson()同步处理详解的相关资料,非常的细致全面,有需要的小伙伴可以参考下。2015-08-08
最新评论