怎样用js实现鼠标覆盖一个连接弹出一个可以编辑的层?
2个回答
展开全部
我写了个例子,但没有用到图片,所以,只是实现了鼠标移上去后,在下方显示一个层的效果,如下:
<a href="#" onmouseover="divShowHide(true);" onmouseout="divShowHide(false);">这是一个测试</a>
<div id="test" style="background:#FFCC33;width:300px;height:100px;line-height:100px;display:none;padding:0 20px;">鼠标移上我显示,移走我隐藏!</div>
<script>
function divShowHide(flag){
var test = document.getElementById('test');
if(flag) test.style.display = 'block';
else test.style.display = 'none';
}
</script>
希望对你有帮忙...
<a href="#" onmouseover="divShowHide(true);" onmouseout="divShowHide(false);">这是一个测试</a>
<div id="test" style="background:#FFCC33;width:300px;height:100px;line-height:100px;display:none;padding:0 20px;">鼠标移上我显示,移走我隐藏!</div>
<script>
function divShowHide(flag){
var test = document.getElementById('test');
if(flag) test.style.display = 'block';
else test.style.display = 'none';
}
</script>
希望对你有帮忙...
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询