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整個菜單項可點擊

回答

相關問題