求一段div+css+js网页代码
实现效果：点击某个链接后使一个隐藏的层显示出来，当鼠标离开链接或层时层不关闭，当鼠标在链接和层以外的地方点击一下，层关闭，应该不是很难，关键是着急要这个代码，希望高手指教...
实现效果：点击某个链接后使一个隐藏的层显示出来，当鼠标离开链接或层时层不关闭，当鼠标在链接和层以外的地方点击一下，层关闭，应该不是很难，关键是着急要这个代码，希望高手指教，最好提供代码。谢谢了
展开
1个回答
展开全部
<html>
<head>
<script>
function
draw()
{
myDiv.style.visibility="visible";
}
var
isClose=false;
function
bClose()
{
if(isClose==true)
{
myDiv.style.visibility="hidden";
}
}
function
isCloseCtrl(is)
{
isClose=is;
}
</script>
</head>
<body
onmousedown="bClose()">
<a
href="#"
onmousedown="draw()"
onmouseout="isCloseCtrl(true)"
onmouseover="isCloseCtrl(false)">显示DIV</a>
<div
id="myDiv"
onmousedown="draw()"
onmouseout="isCloseCtrl(true)"
onmouseover="isCloseCtrl(false)"
style="width:200px;height:110px;background:'#e5e5e5';padding-top:45px;padding-left:60px;visibility:
hidden;">
隐藏的DIV~~~
</div>
</body>
</html>
直接粘贴到记事本里改名就能看效果了
不过我也是用记事本写的。。。家里没有编译器，所以有点不太工整，如果需要注释，说声我帮你补上
<head>
<script>
function
draw()
{
myDiv.style.visibility="visible";
}
var
isClose=false;
function
bClose()
{
if(isClose==true)
{
myDiv.style.visibility="hidden";
}
}
function
isCloseCtrl(is)
{
isClose=is;
}
</script>
</head>
<body
onmousedown="bClose()">
<a
href="#"
onmousedown="draw()"
onmouseout="isCloseCtrl(true)"
onmouseover="isCloseCtrl(false)">显示DIV</a>
<div
id="myDiv"
onmousedown="draw()"
onmouseout="isCloseCtrl(true)"
onmouseover="isCloseCtrl(false)"
style="width:200px;height:110px;background:'#e5e5e5';padding-top:45px;padding-left:60px;visibility:
hidden;">
隐藏的DIV~~~
</div>
</body>
</html>
直接粘贴到记事本里改名就能看效果了
不过我也是用记事本写的。。。家里没有编译器，所以有点不太工整，如果需要注释，说声我帮你补上
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
