http://www.onehousesh.com/case.php?subident=2
类似于这个网站上的效果
我在网上搜的很多都不能变成黑白的
你的图片本身要是彩色的，彩色可以变黑白，黑白不能变彩色。
css提供了滤镜可以变黑白
http://yusi123.com/3069.html
你在图片的onhover上用js设置下这些css即可
换张图片更简单，我只是一个打酱油路过的小白
暂时想到两种办法：
第一种 用两张图片进行切换，即先把彩色图片批量处理成黑白的 然后在通过 hover 属性达到聚焦变成彩色的效果。不过这个办法不推荐。
第二种就是 用css3的 滤镜 grayscale 先设置 img { grayscale（100%）； 然后在聚焦的时候取消 grayscale 就可以了