当前位置：文江博客话题详情

默认菜单选项

发布于 2024-08-24 19:01:23 字数 253 浏览 3 评论 0原文

我怎样才能让这里的菜单默认为“关于”选项卡？

http://www.sohtanaka.com/web-design/examples/horizontal -subnav/

所以当你的鼠标没有悬停在其中任何一个上时，它就在“关于”选项卡上？

原文

分享到QQ

分享到微博

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

发布评论

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

不气馁 2024-08-31 19:01:23

我会为此给 about

一个类，也许是 class="default"，以便以后轻松更改。然后，只需更改悬停功能即可解决此问题：

$("ul#topnav li").unbind().hover(function() {
  $(this).css({ 'background' : '#1376c9 url(topnav_active.gif) repeat-x'})
         .find("span").show();
  $(this).siblings('li').css({ 'background' : 'none'}).find("span").hide();
} , function() {
  if($(this).hasClass('default')) return;
  $(this).css({ 'background' : 'none'})
         .find("span").hide();
  $(this).siblings('.default').mouseenter();
});

您可以在此处查看演示，如果您如果希望在页面最初加载时也显示它，您可以这样做：

$("ul#topnav li.default").mouseenter();

我不确定您如何在网站中使用它，但我会将悬停样式放入 .hover类，然后你可以这样做：

.addClass('hover') 而不是 .css({ 'background' : '#1376c9 ...})
.removeClass('hover') 而不是 .css({ 'background' : 'none'})

I'd give the about <li> a class for this, maybe class="default", making it easy to change later. Then, just change the hover function to account for this:

$("ul#topnav li").unbind().hover(function() {
  $(this).css({ 'background' : '#1376c9 url(topnav_active.gif) repeat-x'})
         .find("span").show();
  $(this).siblings('li').css({ 'background' : 'none'}).find("span").hide();
} , function() {
  if($(this).hasClass('default')) return;
  $(this).css({ 'background' : 'none'})
         .find("span").hide();
  $(this).siblings('.default').mouseenter();
});

You can view a demo of it here, if you want it shown when the page initially loads as well, you can do this: