html怎么实现鼠标经过时显示按钮?
给按钮上绑定一个onclick事件,同时置一个状态值,状态值为true时显示按钮。
具体代码如下:
<html>
<head>
<script type="text/javascript" src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/jquery/jquery-1.10.2.min_f2fb5194.js"></script>
</head>
<body>
<button id="a">btn1</button>
<button id="b">btn2</button>
<script>
$(document).ready(function()
{
$("#a").click(function()
{
$("#a").hide();
});
$("#b").click(function()
{
$("#a").show();
}
);
});
</script>
</body>
</html>
你div的display:none;已经隐藏了,你加事件也找不到他啊,在设置一个父元素能看到的上边加个时间让子元素的display变为block就可以了。
<div id="b" onmouseover="clickMe()">
点我
</div>
<div id="a" style="display:block;border:1px solid #dd0000;width:200px;height:200px;">
</div>
<script>
function clickMe(){
var d=document.getElementById("a");
if(d.style.display=='none'){
console.log(1);
d.style.display="block";
}else{
console.log(2);
d.style.display="none";
}
}
</script>