Jquery幻灯片菜单走错了方向

时间:2015-05-15 16:30:17

标签: javascript jquery html css

点击"主菜单链接"是否有办法从右向左改变幻灯片的方向只要。滑动方向适用于所有其他链接(目标1,目标2,目标3)。 http://jsfiddle.net/L7v0w96s/26/

jQuery(function($) {

$('a.panel').click(function() {
    var $target = $($(this).attr('href')),
        $other = $target.siblings('.active');

    if (!$target.hasClass('active')) {
        $other.each(function(index, self) {
            var $this = $(this);
            $this.animate({
                left: $this.innerWidth()
            }, 500, function() {
                $this.removeClass('active')
            });
        });

        $target.css({
            left: -($target.innerWidth())
        }).animate({
            left: 0
        }, 500).addClass('active');
    }
});

});

更新:这是一个新的小提琴。 http://jsfiddle.net/L7v0w96s/33/我现在的滑动方向正确。我仍然需要处理幻灯片的时间安排,但至少我的方向是正确的。这是我现在能做的最好的事情。

0 个答案:

没有答案