修改 jQuery 动画菜单

发布于 2024-11-10 16:23:50 字数 308 浏览 3 评论 0原文

我正在使用此方法在我的网站上创建动画菜单/背景图像: 使用 jQuery 制作动画内容菜单 | Codrops

它非常容易使用,但我的问题是我想在网站上有多个页面,并且需要弄清楚如何修改主页上的菜单,以便不触发子菜单和新的背景图片,每个li只会链接到一个新页面。

我不知道如何删除子菜单动画和背景图像切换,同时保留滑入/滑出、淡入初始背景图像并且不完全破坏代码。

I am using this method to create animated menus/background images on my site: Animated Content Menu with jQuery | Codrops

It is quite easy to use, but my problem is that I want to have multiple pages on the site, and need to figure out how I can modify the menu on the home page so that instead of triggering the submenu and new background image, each li will just link to a new page.

I don't know how to remove the submenu animations and background image switch while preserving the slide in/slide out, fade-in on the initial background image and without breaking the code entirely.

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

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

发布评论

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

评论(1

注定孤独终老 2024-11-17 16:23:50

只需删除下面的行并在 中添加指向新页面的链接即可

 /* user clicks one item : appetizers | main course | desserts | wines | specials */
                       $el_title.bind('click.Menu', function(e) {
                                $.when(toggleMenuItems('down')).done(function(){
                                openSubMenu($item, $sub_menu, el_image);
                            });
                            return false;
                        });

Just delete the line below and add links to new pages in your <a>s

 /* user clicks one item : appetizers | main course | desserts | wines | specials */
                       $el_title.bind('click.Menu', function(e) {
                                $.when(toggleMenuItems('down')).done(function(){
                                openSubMenu($item, $sub_menu, el_image);
                            });
                            return false;
                        });
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文