本文实例为大家分享了射流研究…实现鼠标移动到图片产生遮罩效果的具体代码，供大家参考，具体内容如下

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题掩码/标题样式.pic { width:300px高度：250 px背景： URL(图标/产品1。jpg)不重复；余量：40px汽车；} #遮罩{ width:300px高度：250 px背景-颜色：灰色；余量：40px汽车；opa city 3360 0.5z-指数： 1000；}/style /headbody div class='pic '！-div id=' mask '/div-/div/body脚本var pic=document。getelementsbyclassname(' pic ')[0]；var d=文档。创建元素(' div ')；pic。onmouseenter=function(){//var d=document。create element(' div ')；d.id=' maskpic。附录d；};pic。onmouselave=function(){ this。移除儿童(d)；};/script/html效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。