我在鼠标悬停事件上有一个元素,我想将其设置为动画并向左移动。我认为 fiddle 中的正确代码是正确的,但它似乎只是在工作。
这是我创建的 fiddle :
https://jsfiddle.net/feb8rdwp/3/
这是我使用的代码 - 简单但基于此它确实应该有效:http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_animation1
$(".Submit a").mouseover(function(){
$(".fadeInLeftBig").animate({left: '750px'});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="animation fadeInLeftBig animated"><img alt="" src="http://younggraphics.com.au/Portals/0/images/skin/car.png" /></div>
<div class="Submit"><a id="dnn_ctr461_FormsView_lnkSubmitEmail" class="Button_default" href='javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("dnn$ctr461$FormsView$lnkSubmitEmail", "", true, "", "", false, true))'>Submit</a></div>
最佳答案
要应用 left
属性,使元素位置相对于父元素/绝对元素,
.animation{
position:relative;
}
或者使用marginLeft
$(".Submit a").mouseover(function(){
$(".fadeInLeftBig").animate({marginLeft: '750px'});
});
关于javascript - 将div中的元素向左移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29982261/