Javascript 悬停按钮时移动移动的div
表单元格中的(链接)按钮修复(但单击链接时链接不起作用。) 悬停按钮时,如何移动另一个“移动”div 代码: HTMLJavascript 悬停按钮时移动移动的div,javascript,jquery,html,hover,mousehover,Javascript,Jquery,Html,Hover,Mousehover,表单元格中的(链接)按钮修复(但单击链接时链接不起作用。) 悬停按钮时,如何移动另一个“移动”div 代码: HTML <table cellpadding="0" cellspacing="0" border="0" width='650' height='320' style="border: 1px solid #000; position: absolute; top: 300px;"> <tr> <th>
<table cellpadding="0" cellspacing="0" border="0" width='650' height='320' style="border: 1px solid #000; position: absolute; top: 300px;">
<tr>
<th>
<div class="Fly" style="position: absolute; left: 300px; top: -300px;">
<div id="Superman"></div>
</div>
<div class="button" style="position: absolute; left: 80px; top: 60px;">
<a href="https://stackoverflow.com/questions/25909457/moving-div-moving-whole-page"></a>
</div>
</th>
</tr>
</table>
JS
#Superman {
background: url(http://www.comixoasis.com/v/vspfiles/templates/runner/images/homepage/Superman.png) no-repeat;
width:250px;
height:300px;
background-size: 90%;
transition: 3s ease;
}
#Superman:hover {
background: url(http://www.mc-villalobos.com/sources/superman.png) no-repeat;
background-size: 100%;
transform: translate(0, 350px);
/*move-down*/
}
.button {
background: url(http://iconbug.com/data/26/256/a2ccff2488d35d8ebc6189ea693cb4a0.png) no-repeat;
width:300px;
height:300px;
}
.button:hover {
background: url(http://1.bp.blogspot.com/__JNFVYfijS4/SX9bD7dk07I/AAAAAAAAAXw/VJCkHGqZFx4/s400/Happy.png) no-repeat;
width:300px;
height:300px;
}
$(document).ready(function () {
function moveDown() {
$('.Fly').animate({
'marginTop': "+=100px"
}, 1000, moveUp)
}
function moveUp() {
$('.Fly').animate({
'marginTop': "-=100px"
}, 1000, moveDown)
}
moveUp();
});
您的
a
元素为空:
<div class="button" style="position: absolute; left: 80px; top: 60px;">
<a href="https://stackoverflow.com/questions/25909457/moving-div-moving-whole-page">
</a>
</div>
请详细说明你的问题!!并添加您的代码!!!我喜欢人们认为,如果没有代码块,那么绕过无jsfiddle链接将很好地与我们合作。请阅读发布问题的规则。插入我的链接链接链接超链接图标并保存。格式看起来很奇怪…粘贴现在得到了手图标(但单击链接时不起作用。)看到如何在悬停按钮时移动另一个“移动”div了吗?
<a href="https://stackoverflow.com/questions/25909457/moving-div-moving-whole-page">
<div class="button" style="position: absolute; left: 80px; top: 60px;">
</div>
</a>