学习jQuery的on事件
来源:互联网 发布:淘宝参加聚划算的要求 编辑:程序博客网 时间:2024/05/17 08:04
开发asp.net mvc程序,多少是离不开jQuery客户程序。今天Insus.NET学习jQuery的一个on事件驱动。
先在网页视图放一个图片铵钮,用户可以使用mouse对这图片时行over,out或是click,根据不同的事件来更变图片src。
控制器中创建一个Action:
创建视图:
建好视图之后,分别按钮上面标记1至3步骤来实现,标记1是拉一个input,type为image; 标记2引用jQuery类库;标记3是实现所有事件代码。
在script中,先定义好三个图片src路径:
在网页加载,把原始图片也加载上去:
当用户把mouse移至图片上去时over,它会更变原始图片。.on('mouseover',function(){...}
当用户把mouse移开图片时out,图片切换为原来的原始图片。.on('mouseout', function () {...}
如果用户把mouse移至图片并按下mouse左键click时,我们实现再次变更图片src路径。
http://www.cnblogs.com/insus/p/4310999.html
0 0
- 学习jQuery的on事件
- jquery的.on()支持的事件
- jQuery新的事件绑定机制on()
- jQuery新的事件绑定机制on()
- jQuery新的事件绑定机制on()
- 完美的jquery事件绑定方法on()
- jQuery的on方法绑定事件
- jQuery事件:bind、delegate、on的区别
- 使用 jquery 事件委托的 on 方法
- jQuery新的事件绑定方法on()
- jQuery事件:bind、delegate、on的区别
- jQuery事件:bind、delegate、on的区别
- jquery关于on click事件的理解
- 对 jquery bind on 事件的理解
- jQuery事件:bind、delegate、on的区别
- jQuery事件绑定.on()
- jQuery事件绑定.on()
- jquery on()事件
- OJ 系列之分解字符串
- maven ArtifactTransferException
- Mysql配置与使用
- #297 (div.2) A. Vitaliy and Pie
- pdf转word免费软件
- 学习jQuery的on事件
- 02-线性结构1. Reversing Linked List (25)
- HEX,BYTE,ASC,CHAR,BCD互转
- 转:java日志记录最佳实践
- 导入导出thunderbird(雷鸟)中的邮件
- Android 如何监听返回键,弹出一个退出对话框
- 看到的不错的产品助理面试题
- Effective STL 条款21: 关联容器的strict weak order(让比较函数对相等的值返回false)
- C# 委托及各种写法