学习jQuery的on事件

2019-12-05 14:03 来源:未知

支付asp.net mvc程序,多少是离不开jQuery客商程序。明日Insus.NET学习jQuery的四个on事件驱动。

先在网页视图放二个图纸铵钮,客商能够运用mouse对那图片时行over,out或是click,依据分化的风浪来更变图片src。

调整器中创建一个Action:
图片 1

 

创办视图:
图片 2

 

建好视图之后,分别按键上边标识1至3步骤来实现,标识1是拉叁个input,type为image; 标识2引用jQuery类库;标志3是贯彻凡事件代码。

在script中,先定义好四个图片src路线:
图片 3

在网页加载,把原本图片也加载上去:
图片 4

当顾客把mouse移至图片上去时over,它会更变原本图片。.on('mouseover',function(){...}
图片 5

当用户把mouse移开图片时out,图片切换为原来的固有图片。.on('mouseout', function () {...}

图片 6

 

生龙活虎旦客户把mouse移至图片并按下mouse左键click时,大家兑现再一次转移图片src路线。

 图片 7

示范一下,看看最后的效果:
图片 8

 

jQuery的代码能够链chaining来实现,看看:
图片 9

 

TAG标签:
版权声明:本文由澳门国际银河备用网址发布于www.308877.com,转载请注明出处:学习jQuery的on事件