基于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 相关文章推荐
一直复略了的一个问题,关于表单重复提交
Feb 15 Javascript
Js组件的一些写法
Sep 10 Javascript
js分解url参数(面向对象-极简主义法应用)
Aug 09 Javascript
js结合正则实现国内手机号段校验
Jun 19 Javascript
js剪切板应用clipboardData实例解析
May 29 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
Jun 07 Javascript
javascript加载xml 并解析各节点的值(实现方法)
Oct 12 Javascript
jQuery事件与动画基础详解
Feb 23 Javascript
微信小程序 MD5的方法详解及实例代码
Mar 10 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
Mar 21 Javascript
JS浮点数运算结果不精确的Bug解决
Aug 01 Javascript
关于element-ui表单中限制输入纯数字的解决方式
Sep 08 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
PHP支持多种格式图片上传(支持jpg、png、gif)
2011/11/03 PHP
PHP操作MongoDB GridFS 存储文件的详解
2013/06/20 PHP
PHP中递归的实现实例详解
2017/11/14 PHP
(jQuery,mootools,dojo)使用适合自己的编程别名命名
2010/09/14 Javascript
Javascript无阻塞加载具体方式
2013/06/28 Javascript
JavaScript:Div层拖动效果实例代码
2013/08/06 Javascript
js arguments,jcallee caller用法总结
2013/11/30 Javascript
ExtJS如何设置与获取radio控件的选取状态
2014/01/22 Javascript
基于NodeJS的前后端分离的思考与实践(四)安全问题解决方案
2014/09/26 NodeJs
自定义百度分享的分享按钮
2015/03/18 Javascript
深入浅析JavaScript面向对象和原型函数
2016/02/06 Javascript
jQuery轮播图效果精简版完整示例
2016/09/04 Javascript
jquery判断页面网址是否有效的两种方法
2016/12/11 Javascript
Bootstrap select实现下拉框多选效果
2016/12/23 Javascript
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
2016/12/26 Javascript
浅析vue数据绑定
2017/01/17 Javascript
HTML5+jQuery实现搜索智能匹配功能
2017/03/24 jQuery
ES6新特性一: let和const命令详解
2017/04/20 Javascript
JS原生数据双向绑定实现代码
2017/08/14 Javascript
Nodejs进阶之服务端字符编解码和乱码处理
2017/09/04 NodeJs
JavaScript禁用右键单击优缺点分析
2019/01/20 Javascript
python清除指定目录内所有文件中script的方法
2015/06/30 Python
Python内建数据结构详解
2016/02/03 Python
python脚本实现xls(xlsx)转成csv
2016/04/10 Python
Django项目中model的数据处理以及页面交互方法
2018/05/30 Python
使用Anaconda3建立虚拟独立的python2.7环境方法
2018/06/11 Python
给Python学习者的文件读写指南(含基础与进阶)
2020/01/29 Python
Opencv python 图片生成视频的方法示例
2020/11/18 Python
python爬虫用scrapy获取影片的实例分析
2020/11/23 Python
HTML5 Canvas绘制文本及图片的基础教程
2016/03/14 HTML / CSS
通用求职信范文模板分享
2013/12/27 职场文书
预备党员自我批评思想汇报
2014/10/10 职场文书
淮阳太昊陵导游词
2015/02/10 职场文书
青年岗位能手事迹材料(2016推荐版)
2016/03/01 职场文书
利用Python网络爬虫爬取各大音乐评论的代码
2021/04/13 Python
SQL IDENTITY_INSERT作用案例详解
2021/08/23 MySQL