这里的js在哪里

发布于 2024-11-15 09:49:42 字数 1211 浏览 1 评论 0原文

我试图理解这里菜单背后的javascript http://www.canadastartup.com/。他们使用插件吗？有没有一个插件（最好是基于jquery的）可以产生类似的效果？

html 看起来像这样：

  <ul class="nav sf-js-enabled">
     <li><a href="">Home</a></li>
     <li class="page_item page-item-61 current_page_item selectedLava">
        <a title="" href="">About us</a>
     </li>
     <li class="page_item page-item-38"><a title="" href="">Marketing Services</a></li>
     <li class="page_item page-item-47"><a title="" href="">Sales Services</a></li>
     <li class="page_item page-item-31"><a title="" href="">Business Services</a></li>
     <li class="page_item page-item-67"><a title="" href="">Contact us</a></li>

     <li class="backLava" 
         style="left: 67px; top: 83px; width: 70px; height: 32px; overflow: hidden;">
       <div class="leftLava"></div>
       <div class="bottomLava"></div>
       <div class="cornerLava"></div>
     </li>
  </ul> <!-- end ul.nav -->

原文

I'm trying to understand the javascript behind the menu here http://www.canadastartup.com/. Are they using a plugin? Is there a plugin (preferably jquery based) that can give a similar effect?

The html looks something like this:

  <ul class="nav sf-js-enabled">
     <li><a href="">Home</a></li>
     <li class="page_item page-item-61 current_page_item selectedLava">
        <a title="" href="">About us</a>
     </li>
     <li class="page_item page-item-38"><a title="" href="">Marketing Services</a></li>
     <li class="page_item page-item-47"><a title="" href="">Sales Services</a></li>
     <li class="page_item page-item-31"><a title="" href="">Business Services</a></li>
     <li class="page_item page-item-67"><a title="" href="">Contact us</a></li>

     <li class="backLava" 
         style="left: 67px; top: 83px; width: 70px; height: 32px; overflow: hidden;">
       <div class="leftLava"></div>
       <div class="bottomLava"></div>
       <div class="cornerLava"></div>
     </li>
  </ul> <!-- end ul.nav -->

分享到QQ

分享到微博

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

发布评论

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

小红帽 2024-11-22 09:49:42

看起来他们正在使用 superfish

jQuery('ul.nav').superfish({ 
    delay:       200,                            // one second delay on mouseout 
    animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
    speed:       'fast',                          // faster animation speed 
    autoArrows:  true,                           // disable generation of arrow mark-up 
    dropShadows: false                            // disable drop shadows 
});

虽然可能比看起来更多源代码第 162 行左右

looks like they are using superfish

jQuery('ul.nav').superfish({ 
    delay:       200,                            // one second delay on mouseout 
    animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
    speed:       'fast',                          // faster animation speed 
    autoArrows:  true,                           // disable generation of arrow mark-up 
    dropShadows: false                            // disable drop shadows 
});

though there may be more to it than that look around line 162 of source

回复收藏 0 原文