基于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获取当前日期时间及其它操作函数
Jan 11 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
May 08 Javascript
jQuery实现非常实用漂亮的select下拉菜单选择效果
Nov 06 Javascript
JavaScript学习笔记之创建对象
Mar 25 Javascript
第一次接触神奇的Bootstrap菜单和导航
Aug 01 Javascript
JS检测数组类型的方法小结
Mar 14 Javascript
详解vue-cli 脚手架项目-package.json
Jul 04 Javascript
Angular HMR(热模块替换)功能实现方法
Apr 04 Javascript
layui导出所有数据的例子
Sep 10 Javascript
vuex实现数据状态持久化
Nov 11 Javascript
Vue v-bind动态绑定class实例方法
Jan 15 Javascript
uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果
Dec 10 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
欧美媒体选出10年前最流行的17部动画
2017/01/18 日漫
我的论坛源代码(二)
2006/10/09 PHP
PHP程序61条面向对象分析设计的经验小结
2008/11/12 PHP
php判断输入是否是纯数字,英文,汉字的方法
2015/03/05 PHP
详解PHP防止直接访问.php 文件的实现方法
2017/07/28 PHP
PHP实现深度优先搜索算法(DFS,Depth First Search)详解
2017/09/16 PHP
Laravel程序架构设计思路之使用动作类
2018/06/07 PHP
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
2011/08/09 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
2014/10/30 Javascript
AngularJS初始化过程分析(引导程序)
2014/12/06 Javascript
jQuery中:reset选择器用法实例
2015/01/04 Javascript
AngularJS控制器继承自另一控制器
2016/05/09 Javascript
js实现文字截断功能
2016/09/14 Javascript
JavaScript中in和hasOwnProperty区别详解
2017/08/04 Javascript
jquery.uploadView 实现图片预览上传功能
2017/08/10 jQuery
JavaScript变量声明var,let.const及区别浅析
2018/04/23 Javascript
nodejs前端模板引擎swig入门详解
2018/05/15 NodeJs
layer.confirm取消按钮绑定事件的方法
2018/08/17 Javascript
koa socket即时通讯的示例代码
2018/09/07 Javascript
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
2019/04/25 Javascript
使用Promise封装小程序wx.request的实现方法
2019/11/13 Javascript
vue cli4下环境变量和模式示例详解
2020/04/09 Javascript
Python爬虫利用cookie实现模拟登陆实例详解
2017/01/12 Python
python实现音乐播放和下载小程序功能
2020/04/26 Python
解决Python paramiko 模块远程执行ssh 命令 nohup 不生效的问题
2020/07/14 Python
Python多线程的退出控制实现
2020/08/10 Python
python中pow函数用法及功能说明
2020/12/04 Python
Weekendesk意大利:探索多种引人入胜的周末主题
2016/10/14 全球购物
豪华床上用品、床单和浴室必需品:Peacock Alley
2019/09/04 全球购物
房地产销售员的自我评价分享
2013/12/04 职场文书
《匆匆》教学反思
2014/02/22 职场文书
三年级作文之趣事作文
2019/11/04 职场文书
Django操作cookie的实现
2021/05/26 Python
HashMap实现保存两个key相同的数据
2021/06/30 Java/Android
python树莓派通过队列实现进程交互的程序分析
2021/07/04 Python
Oracle配置dblink访问PostgreSQL的操作方法
2022/03/21 PostgreSQL