怎么用JS实现鼠标经过图片从彩色变黑白色，不是透明的那种。

JavaScript014

怎么用JS实现鼠标经过图片从彩色变黑白色，不是透明的那种。,第1张

你需要准备两张图片，一张彩色的，一张黑白的，鼠标经过的时候换黑白的，思路就是这样的

<img src="彩色照片.jpg" id="image" onmouseover="heibai()" onmouseout="caise()"/>

<script type="text/javascript">

function heibai(){

document.getElementById("image").src="黑白照片.jpg"

}

function caise(){

document.getElementById("image").src="彩色照片.jpg"

}

</script>

弄一个DIV背景黑色，然后里面包含两个子级DIV，这两个DIV设置float:right属性并列靠右，之前的DIV设置下宽度和高度。一个背景设置为白色，另一个背景设置为灰色，这就能黑白灰了