分享一个jQuery实现键盘操作特效(主要是上移下移)
2012-09-27 11:23
633 查看
最近整理个人电脑文档,翻出一个两年前做的一个Demo,感觉还不错,貌似是以前面试的一道题目,现在拿出来分享下。
首先看下项目截图
下载地址:http://download.csdn.net/detail/dongdong22014/4602270
项目说明如下
1.开发工具:Microsoft Visual Studio 2008,
开发环境:.Net Framework3.5 + .Net MVC 1.0.(现在已经转为.Net Framework4.0 + ASP.NET MVC 2.0)
2.为了方便直接查看,故使用XML文件保存数据,位于"/App_Data"目录下。
3.关于列表页特效的实现:在Index页面,可以使用上下方向键定位当前选中的行,也可以用鼠标单击选中某一行, 选中之后按“Enter”弹出编辑该记录窗口,按“Esc”则退出选择;另外您也可以直接用鼠标双击某一行弹出编辑该记录窗口。
4.关于输入窗口的特效实现:在列表页打开编辑页面时, 鼠标焦点会自动落在第一个文本框或者也可以单击任一文本框使其获得焦点,然后就可以使用上下方向键定位焦点, 或者按“Enter”使焦点跳到下一个文本框,当到最后一个文本框时再按“Enter”即保存提交。
5.也许我做得还是不怎么完善(比如有部分功能只兼容IE8和Firefox,并不兼容低版本IE),如果您有什么意见和建议,我非常期待您提出来。
首先看下项目截图
下载地址:http://download.csdn.net/detail/dongdong22014/4602270
项目说明如下
1.开发工具:Microsoft Visual Studio 2008,
开发环境:.Net Framework3.5 + .Net MVC 1.0.(现在已经转为.Net Framework4.0 + ASP.NET MVC 2.0)
2.为了方便直接查看,故使用XML文件保存数据,位于"/App_Data"目录下。
3.关于列表页特效的实现:在Index页面,可以使用上下方向键定位当前选中的行,也可以用鼠标单击选中某一行, 选中之后按“Enter”弹出编辑该记录窗口,按“Esc”则退出选择;另外您也可以直接用鼠标双击某一行弹出编辑该记录窗口。
4.关于输入窗口的特效实现:在列表页打开编辑页面时, 鼠标焦点会自动落在第一个文本框或者也可以单击任一文本框使其获得焦点,然后就可以使用上下方向键定位焦点, 或者按“Enter”使焦点跳到下一个文本框,当到最后一个文本框时再按“Enter”即保存提交。
5.也许我做得还是不怎么完善(比如有部分功能只兼容IE8和Firefox,并不兼容低版本IE),如果您有什么意见和建议,我非常期待您提出来。
相关文章推荐
- jQuery实现的数值范围range2dslider选取插件特效多款代码分享
- jquery实现横向图片轮播特效代码分享
- jquery实现横向图片轮播特效代码分享
- 基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
- 分享原创Jquery实现瀑布流特效
- 分享一个使一行文字变形产生弯曲弧度特效的jQuery插件 - Arctext.js 编辑
- 分享 原创的一个模拟鼠标键盘操作的 设置简单 示例可以模拟向QQ群,以及QQ群内成员发送信息。
- 分享一个CSS3和jQuery实现的模糊显示效果 - 帮助你的访问用户更好的阅读内容
- 分享一个jquery插件-主要用于显示微博人的图像和鼠标提示等poshytip
- 分享一个使一行文字变形产生弯曲弧度特效的jQuery插件 - Arctext.js
- jquery实现select下拉框美化特效代码分享
- jQuery实现垂直半透明手风琴特效代码分享
- 分享10个帮助你实现超酷特效的jQuery插件
- 用VBS实现一个小键盘动作CTRL+V粘贴操作与思路分析
- jquery实现多条件筛选特效代码分享
- jquery实现的弹出层登录和全屏层注册特效代码分享
- jquery实现多条件筛选特效代码分享
- jquery实现的3D旋转木马特效代码分享
- jQuery实现图片轮播特效代码分享
- 分享一个表格插入和删除编辑功能用jQuery实现