-3

我试图弄清楚这个很酷的菜单中使用了哪些脚本，以便做类似的事情。单击菜单上的任何项目以查看我在说什么。 http://soc.haifa.ac.il/~tkatz/

谢谢！

4

4 回答 4

3

没有任何。它只使用了精心设计的 jQuery动画函数

例子

$("html, body").animate({
    scrollTop:the_top
},1000,function(){

此页面是单页站点的完美示例。所有代码都内联在页面本身上。

the_top设置为页面顶部菜单栏的 px 空间中应显示的预定offset().top()义。divclick()65

很酷的菜单代码

$("#menu a").click(function(e){
    e.preventDefault(); 

    var the_id = $(this).attr('href');
    var the_top = $("#div_"+the_id).offset().top - 65;
    highlight_menu(the_id);

    //$("#menu").animate({"top":"-=96"},500).animate({"top":"+=96"},500)

    $("html, body").animate({
        scrollTop:the_top
    },1000,function(){

    })
})

function highlight_menu(which)
{
    $("#menu a").removeClass('this');
    $("#menu a[href='"+which+"']").addClass('this');
    $("#ball").animate({
        "left":$("#menu a[href='"+which+"']").position().left+$("#menu a[href='"+which+"']").width()/2+17+"px"
    }, 750, function(){

    })
}
于 2013-07-13T18:20:43.863 回答
0

我不知道这个网站上有哪一个，但我知道它可以用 Jquery LavaLamp 完成：http ://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

于 2013-07-13T18:17:16.637 回答
0

有各种各样的脚本：

你可以试试 http://johnpolacek.github.io/scrollorama/

这里是如何实现它：http: //johnpolacek.github.io/scrolldeck.js/

或者有 ScrollTo http://demos.flesler.com/jquery/scrollTo/

干杯。本。

于 2013-07-13T18:21:14.680 回答
0

这是 jquery 和 $.scroll 和 $.animate 和 $.click 的一些努力

于 2013-07-13T18:19:17.613 回答