这是怎么做到的。 JavaScript?

发布于 2024-11-14 05:45:39 字数 171 浏览 2 评论 0原文

http://www.dennys.com

我想知道顶部导航是如何编程的,从源代码我请参阅 javascript,但我希望有人可以推荐资源/教程来学习他们如何构建顶部导航和壁板功能。

非常感谢。

http://www.dennys.com

I'm wondering how the top navigation was programmed, From the source code I see javascript but I am hoping someone could recommend a resource / tutorial in learning how they built both the top navigation and the siding feature.

Many thanks.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

递刀给你 2024-11-21 05:45:39

您应该按照网址的建议调查 Path.js ( https://github.com/mtrpcic/pathjs )他们正在使用它。

You should investigate Path.js ( https://github.com/mtrpcic/pathjs ) as the url's suggest they are using it.

献世佛 2024-11-21 05:45:39

我怀疑有人写过关于丹尼如何制作网站的教程。

但是通过在控制台上玩了一下,我发现他们使用了 jQuery,它带有很多效果。为了降低导航功能,他们可能会使用类似的东西。

$('#navigation-button').mouseenter(function () {
    $('#navigation').slideDown();
});

我在此处设置了类似的东西。

不要直接使用任何该代码。这只是快速写的垃圾。制作时需要进行大量调整。

I doubt anyone has written a tutorial on how Denny's made a website.

But through some playing in the console, I found they use jQuery, which comes with many effects. To bring the navigation down, they probably use something like..

$('#navigation-button').mouseenter(function () {
    $('#navigation').slideDown();
});

I have something similar set up here.

Don't use any of that code directly. It's just quickly written garbage. It'd need quite a bit of tweeking for production.

把人绕傻吧 2024-11-21 05:45:39

使用 javascript/jquery 很容易。创建一个具有固定宽度的主 div,在其中放置所有页面(菜单、主页等)并溢出:隐藏。然后,使用 jquery 的插件 Animate 滑动 div 内容的位置。

It's easy with javascript/jquery. Create a main div with fixed witdh where you put all your pages (menu, home, etc) and overflow:hidden. Then, with jquery's plugin Animate slide the position of the div's content.

左秋 2024-11-21 05:45:39

搜索 jquery 控件。网上有一些免费的工具可以帮助您获得此功能。

Search for jquery controls. There are several available on the net free of charge which help you get this functionality.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文