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


Posted in Javascript onAugust 09, 2012
<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>
Javascript 相关文章推荐
JS正则中的RegExp对象对象
Nov 07 Javascript
纯Javascript实现Windows 8 Metro风格实现
Oct 15 Javascript
JavaScript中指定函数名称的相关方法
Jun 04 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
Sep 12 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
jQuery插件JWPlayer视频播放器用法实例分析
Jan 11 Javascript
JavaScript基础之AJAX简单的小demo
Jan 29 Javascript
a标签置灰不可点击的实现方法
Feb 06 Javascript
javascript遍历json对象的key和任意js对象属性实例
Mar 09 Javascript
webpack 打包压缩js和css的方法示例
Mar 20 Javascript
Nuxt.js 数据双向绑定的实现
Feb 17 Javascript
详解js创建对象的几种方法及继承
Apr 12 Javascript
JavaScript基础知识之数据类型
Aug 06 #Javascript
jquery 插件学习(六)
Aug 06 #Javascript
jquery 插件学习(五)
Aug 06 #Javascript
jquery 插件学习(四)
Aug 06 #Javascript
jquery 插件学习(三)
Aug 06 #Javascript
jquery 插件学习(二)
Aug 06 #Javascript
jquery 插件学习(一)
Aug 06 #Javascript
You might like
php debug 安装技巧
2011/04/30 PHP
Trying to clone an uncloneable object of class Imagic的解决方法
2012/01/11 PHP
Eclipse的PHP插件PHPEclipse安装和使用
2014/07/20 PHP
PHP循环遍历数组的3种方法list()、each()和while总结
2014/11/19 PHP
php数组随机排序实现方法
2015/06/13 PHP
可选择和输入的下拉列表框示例
2013/11/05 Javascript
js单例模式详解实例
2013/11/21 Javascript
JavaScript类属性的访问方式详解
2014/02/11 Javascript
js面向对象之静态方法和静态属性实例分析
2015/01/10 Javascript
浅谈JSON中stringify 函数、toJosn函数和parse函数
2015/01/26 Javascript
js实现div拖动动画运行轨迹效果代码分享
2015/08/27 Javascript
深入浅析JavaScript中prototype和proto的关系
2015/11/15 Javascript
vue滚动轴插件better-scroll使用详解
2017/10/17 Javascript
JavaScript数据结构之单链表和循环链表
2017/11/28 Javascript
微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)
2019/07/25 Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
2019/11/01 Javascript
基于vue+echarts数据可视化大屏展示的实现
2020/12/25 Vue.js
python异常和文件处理机制详解
2016/07/19 Python
从零开始学Python第八周:详解网络编程基础(socket)
2016/12/14 Python
Python实现的排列组合计算操作示例
2017/10/13 Python
python调用OpenCV实现人脸识别功能
2018/05/25 Python
TensorFlow Session使用的两种方法小结
2018/07/30 Python
python实现LRU热点缓存及原理
2019/10/29 Python
解决os.path.isdir() 判断文件夹却返回false的问题
2019/11/29 Python
运行Python编写的程序方法实例
2020/10/21 Python
HTML5未来发展趋势
2016/02/01 HTML / CSS
澳洲小众品牌的集合网站:BNKR
2018/02/23 全球购物
时尚、社区、科技:SEVENSTORE
2019/04/26 全球购物
心得体会范文
2014/01/04 职场文书
查环查孕证明
2014/01/10 职场文书
五一服装活动方案
2014/01/11 职场文书
中西医专业毕业生职业规划书
2014/02/24 职场文书
《三峡》教学反思
2014/03/01 职场文书
公司委托书范本
2014/04/04 职场文书
2015年基层党建工作总结
2015/05/14 职场文书
撤诉书怎么写
2015/05/19 职场文书