如何创建幻灯片选项卡

时间:2013-07-14 08:48:54

标签: jquery

我想在我的网页左侧滑出标签,但是它通过“弹跳”效果滑入页面,并通过“剪辑”之类的其他效果滑出,但我不知道该怎么做? / p>

2 个答案:

答案 0 :(得分:0)

您似乎希望将.animate().effect()tab一起使用。

.animate()

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

.effect()

查看 jquery-ui 所以:http://jqueryui.com/effect/。 但如果您没有向我们展示任何code,我们也无法帮助您。

答案 1 :(得分:0)

使用jQuery,此示例在用户不再看到div时滚动div:

//scrolling the output_code div to my view
$(window).scroll(function () {
    var set1 = $(document).scrollTop();
    var p = $("#output_code").position();

    if((set1 - p.top > 150)||(set1 - p.top < -700)){
        $('#output_code').animate({top:set1 + "px"},{duration:500,queue:false});
    }
});

如果你想一直滚动它:

//scrolling the output_code div to my view
$(window).scroll(function () {
    var set1 = $(document).scrollTop();
    var p = $("#output_code").position();
    $('#output_code').animate({top:set1 + "px"},{duration:500,queue:false});

});

当然会将#output_code更改为div id。 好运!