jquery - 使用 jQuery 在页面之间滑动

Question

我有一个 4 页的网站，我想使用幻灯片效果在 4 页之间进行转换。我不想使用#ID 来执行此操作。我想按按钮或链接滑动到下一页。我知道这可以使用 jQuery 来完成，并且我见过这样做的网站。请帮忙。预先感谢所有建议、批评和评论。

Answer 1

查看本教程和示例 http://www.queness.com/post/356/create-a-vertical-horizontal-and-diagonal-sliding-content-website-with-jquery

基本上，您必须设置 CSS 和 HTML 才能将所有您想要的面板/屏幕作为 div - 行和列。

然后为每个面板设置一个选择器，并绑定(bind)一个点击事件【代码来自link] .

$(document).ready(function() {

    //get all link with class panel
    $('a.panel').click(function () {

                //reset and highlight the clicked link
        $('a.panel').removeClass('selected');
        $(this).addClass('selected');

        //grab the current item, to be used in resize function
        current = $(this);

                //scroll it to the destination
        $('#wrapper').scrollTo($(this).attr('href'), 800);      

                //cancel the link default behavior
        return false;
    });


    //resize all the items according to the new browser size
    $(window).resize(function () {

        //call the resizePanel function
        resizePanel();
    });

});