Question

我有这个简单的代码来动画水平滚动！

<script type="text/javascript">
$(document).ready(function() {

    $('#next').click(function() {
        $('body').stop().animate({scrollLeft:"+="+500},1000); 
    });

    $('#prev').click(function() {
        $('body').stop().animate({scrollLeft:"-="+500},1000 );
    });
});
</script>

<li id="next"><a href="#" class="forward" style=" position:fixed">Next</a></li>
<li id="prev"><a href="#" class="back" style=" position:fixed; visibility: hidden;">Previous</a></li>

单击#next元素时，我需要设置#prev元素。

想法？

Answer 1

$('#next').click(function() {
        $('body').stop().animate({scrollLeft:"+="+500},1000);
        $('#prev a').show();
    });

此外，将CSS更改为显示：none而不是可见性标记。

Answer 2

$('#next').click(function(){
   $('#prev a').css('visibility','visible');
});

Answer 3

由于声明了样式，<a/>只是#id a

的目标

$('#next').click(function() {
    $("#prev a").css('visibility','visible');
    $('body').stop().animate({
        scrollLeft: "+=" + 500
    }, 1000);
});

单击元素时设置可见对象

3 个答案: