支付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的代码可以链chaining来实现,看看:

 

相关文章

网站地图xml地图