CSS整个菜单项可点击

我有一个我的导航菜单的无序列表，但只有文本是可点击的，我希望整个'按钮'可点击。我该怎么做呢？CSS整个菜单项可点击

HTML：

<ul> 
     <li class="current_link"><a href="index.html">Home</a></li> 
     <li><a href="early.html">Growing Up and School</a></li> 
     <li><a href="career.html">Films</a></li> 
     <li><a href="jamesbond.html">James Bond</a></li> 
     <li><a href="gallery.html">Pictures</a></li> 
    </ul>

来源

2014-02-12 markthornton90

这里是你可以做的一种方式：http://jsfiddle.net/Ymkpb/

<ul class="clickables"> 
    <li>item one <a href="http://www.google.com">link one</a></li> 
    <li>item two <a href="http://www.yahoo.com">link two</a></li> 
    <li>item three <a href="http://www.msn.com">link three</a></li> 
    <li>item four <a href="http://www.bbc.co.uk">link four</a></li> 
</ul> 


$$('.clickables').each(function(clickable) { 
    var list = clickable.getElements('li'); 

    list.addEvent('click', function() { 
     var link = this.getElement('a'); 
     if(this.getFirst('a')) { 
      window.location = link 
     } 
    }); 
});

来源

2014-02-12 23:32:49 Naner

既然你是问关于CSS菜单，我认为你有一个CSS。将以下代码添加到您的CSS文件。使锚点填充整个菜单项。

ul li a { 
    display: block; 
    line-height: 30px; 
    height: 30px; 
}

来源

2014-02-14 08:58:03 dmpost

CSS整个菜单项可点击

回答

相关问题