把彩色图片置灰色图片

像这样彩色图片变成灰色图片

HTML代码：

<img src="mm1.jpg" />
<img src="mm1.jpg" class="gray" />

CSS代码：

.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);   
    filter: grayscale(100%);
    filter: gray;
}

第二种方法用grayscale.js，实现

引入插件，添加一句JS话

grayscale(document.getElementsByTagName("img"));