用js+html写一个恶搞小网页
网页中有“确定”，“取消”两个按钮，当鼠标移动到“取消”按钮的时候，“取消”按钮跳到“另一个地方”，当鼠标再次移动到“另一个地方”的时候，“取消”按钮移动会原来的位置，也...
网页中有“确定”，“取消”两个按钮，当鼠标移动到“取消”按钮的时候，“取消”按钮跳到“另一个地方”，当鼠标再次移动到“另一个地方”的时候，“取消”按钮移动会原来的位置，也就是说，鼠标只能点击确定。请问该怎么做啊。
展开
2个回答
展开全部
为什么不直接把取消设为disable
底下代码 不过是类似你这效果，js移动鼠标估计不行
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<button style="width: 200px;height: 100px;display: block;">确定</button>
<button id="false" name="false" style="width: 200px;height: 100px;">取消</button>
<button id="false1" name="false" style="visibility: hidden;width: 200px;height: 100px;">取消</button>
</body>
<script type="text/javascript">
$("#false").hover(function() {
$(this).css({"visibility": "hidden"});
$("#false1").css({"visibility": "visible"});
});
$("#false1").hover(function() {
$(this).css({"visibility": "hidden"});
$("#false").css({"visibility": "visible"});
});
/*$("button[name='false']").each(function() {
});*/
</script>
</html>
底下代码 不过是类似你这效果，js移动鼠标估计不行
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<button style="width: 200px;height: 100px;display: block;">确定</button>
<button id="false" name="false" style="width: 200px;height: 100px;">取消</button>
<button id="false1" name="false" style="visibility: hidden;width: 200px;height: 100px;">取消</button>
</body>
<script type="text/javascript">
$("#false").hover(function() {
$(this).css({"visibility": "hidden"});
$("#false1").css({"visibility": "visible"});
});
$("#false1").hover(function() {
$(this).css({"visibility": "hidden"});
$("#false").css({"visibility": "visible"});
});
/*$("button[name='false']").each(function() {
});*/
</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
