标签: menu

我试图在http://jsfiddle.net/hozey/9dGuc/的 CSS 中添加一个子菜单，但似乎无法掌握它。有人可以帮助这个新手吗？这是 HTML。我想为马 1、2 和 3 制作一个子菜单。

<div class="menu">
<ul>
<!--begin to insert contents-->
<li class="item-first"><a href="http://www.lawsart.com" target="_top">Home</a></li>
<li><a class="current">Portfolio &#9660;</a>
<ul>
<li><a href="http://www.lawsart.com/Horses1.html" target="_top">Horses 1</a></li>
<li><a href="http://www.lawsart.com/Horses2.html" target="_top">Horses 2</a></li>
<li><a href="http://www.lawsart.com/Horses3.html" target="_top">Horses 3</a></li>
<li><a href="http://www.lawsart.com/Dogs.html" target="_top">Dogs</a></li>
<li><a href="http://www.lawsart.com/People.html" target="_top">People</a></li>
<li><a href="http://www.lawsart.com/Stills.html" target="_top">Stills</a></li>
</ul>
</li>
<li><a href="http://www.lawsart.com/Order.html" target="_top">Order</a></li>
<li><a href="http://www.lawsart.com/Contact.html" target="_top">Contact Me</a></li>
</ul>
</div> <!-- end menu -->

</div>

这是我到目前为止得到的 css：

body {
  margin: 0px;
}
#wrapper {
  border: px solid black;
  margin: 1em auto;
  font-family: Arial,Helvetica,sans-serif; …

我正在做一个需要滑出菜单的项目，最好是在悬停时它滑出，我该怎么做？我想在 FXML 文件中对滑出菜单进行编程。

有没有办法做到这一点？我会使用什么（拆分窗格，分隔符）？谢谢！

我有一个静态 HTML 网站。我想将导航（顶部）菜单存储在外部文件中，因此当我更改菜单时，我想查看所有页面中的更改。
我真的真的需要能够在本地查看网页（普通 Windows 用户无需安装其他软件：Apache、PHP、Wamp、特定浏览器等）。

有两个类似的 StackOverflow 问题使用 PHP、SSI和 ... 框架部分解决了这个问题。没有一个解决方案对我有好处：

• 框架显然不在讨论范围内（从 SEO POV 来看很糟糕，在 HTML5 中也已过时）。
• PHP 和 SSI 仅在站点上传到服务器后才能工作，因此在本地无法工作。

我看到的解决方案是将所有菜单放在一个外部 JS 文件中。但是，我发现的所有 JS 示例在 HTML 文件中仍然有菜单的一些“部分”。

那么，是否可以在 JS 文件中包含所有菜单，而在我的 HTML 文件中只调用（并且没有实际的菜单项）该文件？我只有基本的 JS 知识。但足以适应我的需要的通用示例。

我有一个 2 级下拉菜单，鼠标必须穿过相当狭窄的走廊才能保持菜单打开，如果它偏离轨道，菜单会意外关闭，这令人沮丧。我想让菜单不立即关闭，而是延迟关闭。

这是一个用 css 制作的标准菜单，如下所示：

ul.menu li ul {
    display: none;
}
ul.menu li:hover ul {
    display:block;
}

我需要当不再有悬停状态时，菜单仍然可见至少 0.5 秒。

已经尝试过这个，但它不起作用：

<script>
$( ".menu li" ).mouseout(function() {
    $(".menu li ul").css("display: block");
    $(".menu li ul").css.setTimeout("display: none", 2000);
});
</script>

我想添加一个 id 名称以使用 onNavigationItemSelected 更改片段，但我无法以编程方式添加 id。我需要像“setId ()”这样的代码，如所示的代码

menu.add("menu_name");
menu.getItem(i).setId("nav_item"+(i));
menu.getItem(i).setIcon(idIcon);

Apps 脚本人员，如何以编程方式从 Apps 脚本中删除Google 表格中的自定义菜单项。有足够的方法来添加项目，但我看不到任何可以删除的方法。看起来这是一个主要的 API 遗漏？有谁知道如何做到这一点？

我有一个菜单，我想在悬停时更改链接颜色，但也将其所有同级更改为另一种颜色。没有JS这可能吗？

HTML：

<ul>
    <li>
        <a>lorem</a>
    </li>
    <li>
        <a>ipsum</a>
    </li>
</ul>

社会保障：

ul {
    $primary-color: orange;

    > li {
        > a {
            color: #000;
            border-bottom: solid 2px transparent;

            &:hover {
                color: $primary-color;
                border-color: $primary-color;

                & + a:not(:hover) {
                    color: red;
                }
            }
        }
    }
}

我正在使用此代码:

#menu {
    margin: 0;
    padding: 0;
    display: block;
    overflow: auto;
}

#menu li {
    margin: 1px;
    padding: 0;
    float: left;
}

#menu li a {

    display: block;
    padding: 2px;
    padding-left : 15px;
    padding-right: 15px;
    
    font-family: "Tahoma";
    font-size: 18px;
    color: #8f8b20;
    text-decoration : none;
}

#menu li a:hover {

    background-color: #dad68c;
    
    padding: 2px;
    padding-left : 15px;
    padding-right: 15px;
}

#menu li a:active {
    color: #ffffff;
    background-color: #dad68c;
    
    padding: 2px;
    padding-left : 15px;
    padding-right: 15px;
}

<ul id="menu">
 <li><a href="#">Home</a></li>
 <li><a …

选择一个菜单项后,我试图显示一个自定义对话框,但是当我设置onClickListener(没有onClickListner时工作正常)时,会显示一个nullpointer错误.我检查按钮id拼写错误,一切都正确.

任何想法为什么？

  public void  unlinkDeviceClick(MenuItem item){

   final Dialog alertDiag = new Dialog(Home.this); 
   alertDiag.setContentView(R.layout.unlinkdialog);
   alertDiag.setTitle("Unlink Device"); 

   Button yes = (Button)findViewById(R.id.signout);
   Button cancel = (Button)findViewById(R.id.cancelsignout);


   final EditText usernameField = (EditText)findViewById(R.id.usernameField);
   final EditText passwordField = (EditText)findViewById(R.id.passwordField);   
   final TextView descr = (TextView)findViewById(R.id.unlinkresults);    


   yes.setOnClickListener(new OnClickListener(){

       public void onClick(View v) {
        // TODO Auto-generated method stub
        String userName = usernameField.getText().toString();
        String password = passwordField.getText().toString();

        if(checkLoginFields(userName,password)){        
            if(checkCredentials(userName,password)){
                //loadUnlink(); 
                descr.setText("Sucessfully unlinked");
            }
            else{
                showWrongInfo(new View(Home.this));
            }
        }
        else{

        }

       }

   });


   cancel.setOnClickListener(new OnClickListener(){

        public void onClick(View v) { …

我正在尝试仅使用纯 JS CSS 和 HTML 制作一个“选项卡”菜单，基本上我有 7 个带有内容的 div 和 7 个应该打开匹配 div 的“按钮”。我想要使​​用的策略是将所有具有“隐藏”或“显示：无”属性的 div 堆叠在同一位置，然后，当我单击按钮时，它将 \xc2\xb4s 匹配的 div 变为可见。我面临的问题是如何告诉按钮应该打开哪个div（使用数组而不是手动执行），以及当我单击其他div时如何将其设置回不可见（我正在考虑一个if()如果所选按钮的编号与 div 的编号匹配，则仅打开可见性，但据说每个按钮都有一个 div，所以我很困惑）。