基于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 Throttle &amp; Debounce应用介绍
Mar 19 Javascript
js判断FCKeditor内容是否为空的两种形式
May 14 Javascript
jQuery操作Select的Option上下移动及移除添加等等
Nov 18 Javascript
取得元素的左和上偏移量的方法
Sep 17 Javascript
简介JavaScript中的setTime()方法的使用
Jun 11 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
Aug 29 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单
Nov 25 Javascript
laydate日历控件使用方法详解
Nov 20 Javascript
详解vue项目的构建,打包,发布全过程
Nov 23 Javascript
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
Dec 11 jQuery
js实现的格式化数字和金额功能简单示例
Jul 30 Javascript
js实现打字小游戏
Dec 17 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
一个分页的论坛
2006/10/09 PHP
php方法调用模式与函数调用模式简例
2011/09/20 PHP
fgetcvs在linux的问题
2012/01/15 PHP
关于mysql字符集设置了character_set_client=binary 在gbk情况下会出现表描述是乱码的情况
2013/01/06 PHP
Laravel中服务提供者和门面模式的入门介绍
2017/11/06 PHP
php+laravel依赖注入知识点总结
2019/11/04 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
2013/01/16 Javascript
你的 mixin 真的兼容 ECMAScript 5 吗?
2013/04/11 Javascript
js实现遮罩层划出效果是生成div而不是显示
2014/07/29 Javascript
使用jquery.qrcode生成彩色二维码实例
2014/08/08 Javascript
Node.js中的模块机制学习笔记
2014/11/04 Javascript
jQuery判断对象是否存在的方法
2015/02/05 Javascript
异步JS框架的作用以及实现方法
2015/10/29 Javascript
jQuery实现点击按钮文字变成input框点击保存变成文字
2016/05/09 Javascript
jQuery实现点击行选中或取消CheckBox的方法
2016/08/01 Javascript
Angular2  NgModule 模块详解
2016/10/19 Javascript
jQuery实现别踩白块儿网页版小游戏
2017/01/18 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
2017/05/14 Javascript
php简单数据库操作类的封装
2017/06/08 Javascript
angular6开发steps步骤条组件
2019/07/04 Javascript
Vue通过WebSocket建立长连接的实现代码
2019/11/05 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
2019/12/30 jQuery
JS实现iframe中子父页面跨域通讯的方法分析
2020/03/10 Javascript
[04:59]DOTA2-DPC中国联赛 正赛 Ehome vs iG 选手采访
2021/03/11 DOTA
python实现网页自动签到功能
2019/01/21 Python
python 实现return返回多个值
2019/11/19 Python
使用Puppeteer爬取微信文章的实现
2020/02/11 Python
解决启动django,浏览器显示“服务器拒绝访问”的问题
2020/05/13 Python
解决tensorflow模型压缩的问题_踩坑无数,总算搞定
2021/03/02 Python
英国骑行、跑步、游泳、铁人三项运动装备专卖店:Wiggle
2016/08/23 全球购物
电大学习个人自我评价范文
2013/10/04 职场文书
采购主管岗位职责
2014/02/01 职场文书
班主任工作经验交流材料
2014/05/13 职场文书
2015年小学生国庆节演讲稿
2015/07/30 职场文书
Python使用海龟绘图实现贪吃蛇游戏
2021/06/18 Python