当鼠标经过图片时,如何让图片变成灰的?可以使用下面的代码。
一、页面中的图片
<img src="Logo.gif" width="236" height="60" />
二、在页面中引入jquery文件
<script type="text/javascript" src="jQuery.js"></script>
三、JS代码如下
<script type="text/javascript">
$(function()
{
$('img').each(function(){}).hover(
function(){$(this).animate({opacity:0.6});}, function(){$(this).animate({opacity:1});
});
});
</script>
四、效果如下
原来图片是这样的:
鼠标经过时,图片变成