基于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 相关文章推荐
Javascript之文件操作
Mar 07 Javascript
Node.js实用代码段之正确拼接Buffer
Mar 17 Javascript
深入浅析JavaScript中的constructor
Apr 19 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
May 18 Javascript
Vue表单及表单绑定方法
Sep 04 Javascript
vue-cli 默认路由再子路由选中下的选中状态问题及解决代码
Sep 06 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 Javascript
webpack file-loader和url-loader的区别
Jan 15 Javascript
ES6的解构赋值实例详解
May 06 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
Nov 11 Javascript
React中使用Vditor自定义图片详解
Dec 25 Javascript
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 Vue.js
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下载远程图片函数 可伪造来路
2013/06/25 PHP
关于PHP语言构造器介绍
2013/07/08 PHP
php实现中文字符截取防乱码方法汇总
2015/04/29 PHP
基于PHP技术开发客服工单系统
2016/01/06 PHP
php禁用cookie后session设置方法分析
2016/10/19 PHP
showModelessDialog()使用详解
2006/09/07 Javascript
[原创]js与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结
2007/03/12 Javascript
文件编码导致jquery失效的解决方法
2013/06/26 Javascript
js格式化时间和js格式化时间戳示例
2014/02/10 Javascript
基于javascript实现仿百度输入框自动匹配功能
2016/01/03 Javascript
vue2.0开发实践总结之疑难篇
2016/12/07 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
2016/12/12 Javascript
利用JQuery实现datatables插件的增加和删除行功能
2017/01/06 Javascript
vue+node+webpack环境搭建教程
2017/11/05 Javascript
js Element Traversal规范中的元素遍历方法
2018/04/19 Javascript
Angular使用Restful的增删改
2018/12/28 Javascript
JavaScript闭包与作用域链实例分析
2019/01/21 Javascript
Vue路由的模块自动化与统一加载实现
2020/06/05 Javascript
vue路由权限校验功能的实现代码
2020/06/07 Javascript
vue cli3.0打包上线静态资源找不到路径的解决操作
2020/08/03 Javascript
[10:18]2018DOTA2国际邀请赛寻真——Fnatic能否笑到最后?
2018/08/14 DOTA
Python+django实现文件下载
2016/01/17 Python
Python爬虫实现简单的爬取有道翻译功能示例
2018/07/13 Python
python 基于卡方值分箱算法的实现示例
2020/07/17 Python
html5时钟实现代码
2010/10/22 HTML / CSS
关于HTML5你必须知道的28个新特性,新技巧以及新技术
2012/05/28 HTML / CSS
HTML5中如何显示视频呢 HTML5视频播放demo
2013/06/08 HTML / CSS
美国从事品牌鞋类零售的连锁店:Famous Footwear
2016/08/25 全球购物
美国第一个网上卖鞋零售商:OnlineShoes.com
2017/09/24 全球购物
路政管理专业推荐信
2013/11/11 职场文书
教师节宣传方案
2014/05/23 职场文书
幼儿园社区活动总结
2014/07/07 职场文书
四风问题个人对照检查材料
2014/09/26 职场文书
女儿满月酒致辞
2015/07/29 职场文书
传单、海报早OUT了,另类传单营销方案送给你!
2019/07/15 职场文书
使用vue-element-admin框架从后端动态获取菜单功能的实现
2021/04/29 Vue.js