基于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 相关文章推荐
SyntaxHighlighter代码加色使用方法
Sep 07 Javascript
JS 判断代码全收集
Apr 28 Javascript
UpdatePanel和Jquery冲突的解决方法
Apr 01 Javascript
JavaScript前端开发之实现二进制读写操作
Nov 04 Javascript
jQuery 常用代码集锦(必看篇)
May 16 Javascript
JS高级运动实例分析
Dec 20 Javascript
vue2.0实现导航菜单切换效果
May 08 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
May 07 Javascript
深入理解redux之compose的具体应用
Jan 12 Javascript
解决node终端下运行js文件不支持ES6语法
Apr 04 Javascript
JS setTimeout与setInterval的区别
Apr 20 Javascript
create-react-app开发常用配置教程
Jun 25 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+MSSQL分页的例子
2006/10/09 PHP
ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单
2014/05/15 PHP
PHP执行SQL文件并将SQL文件导入到数据库
2015/09/17 PHP
yii2实现分页,带搜索的分页功能示例
2017/01/07 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
IE下js调试工具Companion.JS
2010/10/15 Javascript
raphael.js绘制中国地图 地图绘制方法
2014/02/12 Javascript
js时间日期格式化封装函数
2014/12/02 Javascript
js clearInterval()方法的定义和用法
2015/11/11 Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
2016/06/01 Javascript
jQuery控制div实现随滚动条滚动效果
2016/06/07 Javascript
基于vue.js实现图片轮播效果
2016/12/01 Javascript
jquery UI Datepicker时间控件冲突问题解决
2016/12/16 Javascript
Bootstrap源码解读媒体对象、列表组和面板(10)
2016/12/26 Javascript
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
2018/07/04 Javascript
Javascript格式化并高亮xml字符串的方法及注意事项
2018/08/13 Javascript
angularjs性能优化的方法
2018/09/05 Javascript
基于webpack4.X从零搭建React脚手架的方法步骤
2018/12/23 Javascript
python批量提交沙箱问题实例
2014/10/08 Python
跟老齐学Python之总结参数的传递
2014/10/10 Python
python实现telnet客户端的方法
2015/04/15 Python
Python实现文件复制删除
2016/04/19 Python
Python编程之黑板上排列组合,你舍得解开吗
2017/10/30 Python
人机交互程序 python实现人机对话
2017/11/14 Python
Python实现感知器模型、两层神经网络
2017/12/19 Python
Python matplotlib以日期为x轴作图代码实例
2019/11/22 Python
详解Python Opencv和PIL读取图像文件的差别
2019/12/27 Python
南威尔士家居商店:Leekes
2016/10/25 全球购物
法国票务网站:Ticketmaster法国
2018/07/09 全球购物
HEMA法国:荷兰原创设计
2019/02/21 全球购物
客服专员岗位职责范本
2013/11/29 职场文书
2016党员发展对象培训心得体会
2016/01/08 职场文书
python四种出行路线规划的实现
2021/06/23 Python
MySQL中的隐藏列的具体查看
2021/09/04 MySQL
人民币符号
2022/02/17 杂记
Python语言中的数据类型-序列
2022/02/24 Python