php响应鼠标,jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】

本文实例讲述了jQuery实现响应鼠标事件的图片透明效果。分享给大家供大家参考，具体如下：

实现的思想：

1、当鼠标放在图片上面的时候触发mouseover mouseenter两个事件(图片变得透明)

2、当鼠标离开图片的时候触发mouseleave mouseout两个事件(图片变为不透明)

具体代码如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

$(document).ready(

function(){

$("#img_id").bind("mouseover mouseenter",function(){

$(this).fadeTo("slow", 0.66);

});

$("#img_id").bind("mouseleave mouseout",function(){

$(this).fadeTo("fast", 1);

});

}

);

图片透明

完整实例代码点击此处本站下载。

希望本文所述对大家jQuery程序设计有所帮助。