学习jQuery的on事件
浏览数：16 /
时间：2015年06月09日
开发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路径。
演示一下，看看最终的效果：
jQuery的代码可以链link来实现，看看：
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
