小编Jud*_*ier的帖子

我刚刚使用Javascript和jQuery,我正在研究动画.

基本上,正在发生的是一个元素,#left-arrow.在悬停时,箭头向左移动10px并增加不透明度.我正在使用jQuery的2D Transform插件来处理转换.

然而,现在我的问题是,javascript只会一次执行一个.所以箭头会移动,然后增加不透明度.当这种方式发生时,效果就会丢失.

无论如何,我可以将这些结合起来正常工作吗？

这就是我所拥有的:

<script>
    jQuery(document).ready(
        function() {
            $('#left-arrow').hover(
                function() {
                    $(this).animate({translateX:-10})
                    $(this).fadeTo('fast', 1);

                },
                function() {
                    $(this).animate({translateX:0});
                    $(this).fadeTo('fast', .8);
                }
            )
    })
    </script>

正如我所说,我对此很新,所以如果你有解决方案,请具体说明,我真的很感激!