基于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 相关文章推荐
ExtJS 2.0实用简明教程 之ExtJS版的Hello
Apr 29 Javascript
Ajax+Json 级联菜单实现代码
Oct 27 Javascript
jquery中:input和input的区别分析
Jul 13 Javascript
JS TextArea字符串长度限制代码集合
Oct 31 Javascript
用js写的一个路由(简单实例)
Sep 24 Javascript
文件上传插件SWFUpload的使用指南
Nov 29 Javascript
在JS中a标签加入单击事件屏蔽href跳转页面
Dec 16 Javascript
angularjs ocLazyLoad分步加载js文件实例
Jan 17 Javascript
JavaScript实现简单图片轮播效果
Aug 21 Javascript
Angular浏览器插件Batarang介绍及使用
Feb 07 Javascript
微信小程序外卖选购页实现切换分类与数量加减功能案例
Jan 15 Javascript
vue如何清除浏览器历史栈
May 25 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
风味层面去分析咖啡油脂
2021/03/03 咖啡文化
php 如何获取数组第一个值
2013/08/06 PHP
PHP 验证码不显示只有一个小红叉的解决方法
2013/09/30 PHP
PHP仿qq空间或朋友圈发布动态、评论动态、回复评论、删除动态或评论的功能(上)
2017/05/26 PHP
PHP实现向关联数组指定的Key之前插入元素的方法
2017/06/06 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
使用Apache的rewrite
2021/03/09 Servers
关于__defineGetter__ 和__defineSetter__的说明
2007/05/12 Javascript
js继承的实现代码
2010/08/05 Javascript
javascript处理table表格的代码
2010/12/06 Javascript
JS 精确统计网站访问量的实例代码
2013/07/05 Javascript
使用js的replace()方法查找字符示例代码
2013/10/28 Javascript
js控制input输入字符解析
2013/12/27 Javascript
js 数组操作之pop,push,unshift,splice,shift
2014/01/29 Javascript
Node.js模块加载详解
2014/08/16 Javascript
详谈JavaScript 匿名函数及闭包
2014/11/14 Javascript
JavaScript判断数组是否存在key的简单实例
2016/08/03 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
2017/08/07 Javascript
echarts学习笔记之箱线图的分析与绘制详解
2017/11/22 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
2018/06/25 Javascript
angular学习之动态创建表单的方法
2018/12/07 Javascript
Vue实现简单分页器
2018/12/29 Javascript
vue路由传参页面刷新参数丢失问题解决方案
2019/10/08 Javascript
JS Ajax请求会话过期处理问题解决方法分析
2019/11/16 Javascript
微信小程序开发(二):页面跳转并传参操作示例
2020/06/01 Javascript
[01:23]一分钟告诉你 DOTA2为什么叫信仰2
2014/06/20 DOTA
[46:55]LGD vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
python实现带声音的摩斯码翻译实现方法
2015/05/20 Python
详解设计模式中的工厂方法模式在Python程序中的运用
2016/03/02 Python
浅谈Pycharm调用同级目录下的py脚本bug
2018/12/03 Python
学生如何注册Pycharm专业版以及pycharm的安装
2020/09/24 Python
详解用selenium来下载小姐姐图片并保存
2021/01/26 Python
酒店营销策划方案
2014/02/07 职场文书
地质灾害防治方案
2014/05/14 职场文书
访谈节目策划方案
2014/05/15 职场文书
win10频率超出范围怎么办?win10老显示超出工作频率范围的解决方法
2022/07/07 数码科技