基于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 相关文章推荐
js 禁用浏览器的后退功能的简单方法
Dec 10 Javascript
High Performance JavaScript(高性能JavaScript)读书笔记分析
May 05 Javascript
JS实现闪动的title消息提醒效果
Jun 20 Javascript
JavaScript+html5 canvas制作的圆中圆效果实例
Jan 27 Javascript
深入理解Ajax的get和post请求
Jun 02 Javascript
Angular表单验证实例详解
Oct 20 Javascript
js实现横向拖拽导航条功能
Feb 17 Javascript
使用vue打包时vendor文件过大或者是app.js文件很大的问题
Jun 29 Javascript
详解vue中async-await的使用误区
Dec 05 Javascript
Node.js console控制台简单用法分析
Jan 04 Javascript
vue prop传值类型检验方式
Jul 30 Javascript
vue 数据双向绑定的实现方法
Mar 04 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/02 无线电
Laravel如何同时连接多个数据库详解
2019/08/13 PHP
PHP 多进程与信号中断实现多任务常驻内存管理实例方法
2019/10/04 PHP
thinkphp框架使用JWTtoken的方法详解
2019/10/10 PHP
30个精美的jQuery幻灯片效果插件和教程
2011/08/23 Javascript
JavaScript将Table导出到Excel实现思路及代码
2013/03/13 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
2014/11/16 Javascript
jQuery移动端图片上传组件
2016/06/12 Javascript
js方法数据验证的简单实例
2016/09/17 Javascript
JavaScript中localStorage对象存储方式实例分析
2017/01/12 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
2017/02/05 Javascript
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
2017/03/21 jQuery
React-router 4 按需加载的实现方式及原理详解
2017/05/25 Javascript
vue项目中的webpack-dev-sever配置方法
2017/12/14 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
JavaScript 监听组合按键思路及代码实现
2020/07/28 Javascript
[01:20]2018DOTA2亚洲邀请赛总决赛战队Mineski晋级之路
2018/04/07 DOTA
Python遍历指定文件及文件夹的方法
2015/05/09 Python
浅谈python和C语言混编的几种方式(推荐)
2017/09/27 Python
Python元字符的用法实例解析
2018/01/17 Python
钉钉群自定义机器人消息Python封装的实例
2019/02/20 Python
python里运用私有属性和方法总结
2019/07/08 Python
解决django FileFIELD的编码问题
2020/03/30 Python
Django Admin设置应用程序及模型顺序方法详解
2020/04/01 Python
Python matplotlib模块及柱状图用法解析
2020/08/10 Python
英国在线房屋中介网站:Yopa
2018/01/09 全球购物
Nanushka官网:匈牙利服装品牌
2019/08/14 全球购物
网吧收银员岗位职责
2013/12/14 职场文书
写自荐信三大法宝
2014/01/24 职场文书
单位绩效考核方案
2014/05/11 职场文书
校运会口号
2014/06/18 职场文书
市政工程技术专业自荐书
2014/07/06 职场文书
带香烟到学校抽的检讨书
2014/09/25 职场文书
社区活动总结范文
2015/05/07 职场文书
教师节感想
2015/08/11 职场文书
2016年圣诞节寄语(一句话)
2015/12/07 职场文书