基于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 相关文章推荐
jQuery 注意事项 与原因分析
Apr 24 Javascript
SWFObject 2.1以上版本语法介绍
Jul 10 Javascript
javascript中的float运算精度实例分析
Aug 21 Javascript
关于图片按比例自适应缩放的js代码
Oct 30 Javascript
jquery实现弹出层完美居中效果
Mar 03 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
Jan 13 Javascript
使用jQuery.Pin垂直滚动时固定导航
May 24 jQuery
JS实现获取汉字首字母拼音、全拼音及混拼音的方法
Nov 14 Javascript
webpack 代码分离优化快速指北
May 18 Javascript
如何使用CSS3和JQuery easing 插件制作绚丽菜单
Jun 18 jQuery
JavaScript箭头函数中的this详解
Jun 19 Javascript
JavaScript中reduce()的用法
May 11 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
WordPress迁移时一些常见问题的解决方法整理
2015/11/24 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
2007/10/23 Javascript
写入cookie的JavaScript代码库 cookieLibrary.js
2009/10/24 Javascript
jQuery的one()方法用法实例
2015/01/19 Javascript
nodejs批量修改文件编码格式
2015/01/22 NodeJs
easyui Draggable组件实现拖动效果
2015/08/19 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
2016/04/03 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
2016/10/25 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
2016/11/18 Javascript
基于VUE移动音乐WEBAPP跨域请求失败的解决方法
2018/01/16 Javascript
vue  elementUI 表单嵌套验证的实例代码
2019/11/06 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
2019/11/19 Javascript
小程序角标的添加及绑定购物车数量进行实时更新的实现代码
2020/12/07 Javascript
[01:06] DOTA2英雄背景故事第三期之秩序法则光之守卫
2020/07/07 DOTA
Windows中使用wxPython和py2exe开发Python的GUI程序的实例教程
2016/07/11 Python
Scrapy框架爬取西刺代理网免费高匿代理的实现代码
2019/02/22 Python
python连接PostgreSQL数据库的过程详解
2019/09/18 Python
关于ZeroMQ 三种模式python3实现方式
2019/12/23 Python
tensorflow 利用expand_dims和squeeze扩展和压缩tensor维度方式
2020/02/07 Python
Django中的AutoField字段使用
2020/05/18 Python
selenium如何定位span元素的实现
2021/01/13 Python
css3 矩阵的使用详解
2018/03/20 HTML / CSS
HTML5中的进度条progress元素简介及兼容性处理
2016/06/02 HTML / CSS
英国最大的户外商店:Go Outdoors
2019/04/17 全球购物
诚信承诺书范文
2014/03/27 职场文书
开工典礼策划方案
2014/05/23 职场文书
疾病防治方案
2014/05/31 职场文书
重点工程汇报材料
2014/08/27 职场文书
超级礼物观后感
2015/06/15 职场文书
给校长的建议书范文
2015/09/14 职场文书
2016教师给学生的毕业寄语
2015/12/04 职场文书
财务会计个人原因辞职信
2019/06/21 职场文书
修改MySQL的数据库引擎为INNODB的方法
2021/05/26 MySQL
Python3.8官网文档之类的基础语法阅读
2021/09/04 Python
Java后端 Dubbo retries 超时重试机制的解决方案
2022/04/14 Java/Android