Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 其中';这里是js_Javascript_Jquery_Jquery Plugins_Navigation - Fatal编程技术网

Javascript 其中';这里是js

Javascript 其中';这里是js,javascript,jquery,jquery-plugins,navigation,Javascript,Jquery,Jquery Plugins,Navigation,我试图理解菜单背后的javascript。他们在使用插件吗?有没有一个插件(最好是基于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">

我试图理解菜单背后的javascript。他们在使用插件吗?有没有一个插件(最好是基于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 -->

看起来他们正在使用


虽然可能不止这些,但看看source的第162行,我相信你在寻找熔岩灯:


尽管如此,如果你想自己学习如何做,一个很棒的视频教程是网上教程:


要创建您看到的动画,他们似乎正在使用


您可以查看。

作为您答案的补充,以明确回答问题标题“这里的js在哪里”-它实际上不与受影响/目标HTML内联。引用的页面没有为我加载,但我想它在一个单独的脚本标记中,或者是一个静态加载的js文件中。感谢@matt的更正,我添加了“js在哪里”
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 
});