css实现鼠标移到图片上由黑白变彩色效果!

html-css06

css实现鼠标移到图片上由黑白变彩色效果!,第1张

<STYLE type=text/css>

A IMG {FILTER: gray}

A:hover IMG {FILTER:}

</STYLE>

可以把这段代码直接放到页面里,

这样你这个页面下所有带连接的图片都有这个效果了。不过只有IE支持

我是先给图片设置一个名为gray的class,再用jQuery中的的removerClass和addClass来移除和添加样式

<script>

$(function(){

$("img").mouseenter(function() {

$("img").removeClass("gray")

}).mouseleave(function(event) {

$("img").addClass("gray")

})

})