本文实例为大家分享了js实现鼠标移动到图片产生遮罩效果的具体代码，供大家参考，具体内容如下：&lt；&lt。DOCTYPE html&gt；&lt；html lang="en"&gt；&lt；head&gt；&lt；meta charset="UTF-8"&gt；&lt；title&gt；mask&lt；/title&gt；&lt；style&gt；.pic{ width：300px；height：250px；background：url(icon/product1.jpg) no-repeat；margin：40px auto；} #mask{ width：300px；height：250px；background-color： gray；opacity： 0.5。