有问题遮罩层闪动-慕课网

首页课程实战体系课手记专栏慕课教程

有问题遮罩层闪动

来源：6-1 编程挑战

qq_e累_0

2016-01-02 22:08

<!DOCTYPE html>

<html>

<head>

<title>magnifier</title>

*{margin: 0;padding:0;}

#sm{position:absolute;top:10px;left: 10px;border: 1px solid red;font-size: 0}

#big{position: absolute;top: 10px;left: 412px;border: 1px solid red;width: 400px;height:225px;overflow:hidden;font-size: 0;}

#blank{width:130px;height:90px;background:rgba(0,0,0,0.3);display: none;position: absolute;z-index: 9;}

</style>

window.onload = function(){

var msm = document.getElementById('sm');

var big = document.getElementById('big');

var mark = document.getElementById("blank");

msm.onmousemove = function(event){

event = event || window.event;

mark.style.display = 'block'

mark.style.left = parseInt(event.offsetX) - mark.offsetWidth/2+ 'px'

mark.style.top = parseInt(event.offsetY) - mark.offsetHeight/2 + 'px'

}

</script>

</head>

<body>

</div>

</div>

</body>

</html>

鼠标在图片上移动时遮罩层一闪一闪的

写回答关注

1回答

输输输

2016-04-23 11:08:02

别用 IE

0 0

用JS实现放大镜特效

让图片看起来更美观，同时课程中详细介绍了JavaScript相关的知识点

30108 学习 · 108 问题

查看课程

相似问题

老师遮罩层起到什么作用的啊？

回答 1

解决IE浏览器下鼠标移上去闪烁的问题

回答 3

大图移动问题

回答 1

mark层有什么作用呢为什么用？

回答 1

mask层的层级必须在放大镜之上吧？

回答 1

打开慕课网App查看更多内容

有问题 遮罩层 闪动

1回答

有问题遮罩层闪动