javascript - 我需要使用 jquery 让一个对象向左浮动，同时在 div 内淡出

Question

我需要将这个白色箭头 float 到右侧，同时淡化它的颜色。

我尝试这样做..

<div onMouseOver="myfunction()" style="width:250px; height:50px; background-color:#09F;">
<img id="sliding_image" src="images/leftmenuicon.png" width="30" height="30" />
</div>
<script>
function myfunction(){
document.getElementById("sliding_image").style.paddingLeft="100px";
}
</script>

但我无法控制速度。当我将鼠标移到该 div 上时，箭头就会在旁边弹出。我不需要那个。我需要看到箭头指向另一端。

有没有jquery或javascript可以做到这一点？

Answer 1

当您标记 jquery 时，使用 Animate()

$("yourDivId").hover(function(){
    $('#sliding_image').animate({
        'padding-left': '+=100px'
    }, "normal");
}, function(){
   $('#sliding_image').animate({
        'padding-left': '-=100px'
    }, "normal");
});

http://api.jquery.com/animate/