html - 使子菜单在悬停时打开而不是在单击时打开

Question

你好，我有这个菜单，我希望它在悬停时打开子菜单。

here is the test它只是缺少一个图标，但不要介意。你能指出我应该在哪里更改 css 吗？谢谢

  <div id="cssmenu" style="margin-top:80px">
  <ul>

  <li class='active has-sub'><a href='#'><img src="ico.png" width="19" height="19" style="margin-right:10px"><span>Resturant</span></a>
  <ul>
     <li ><a href="resturant.html"><span>MENU</span></a>

     </li>
     <li ><a href=''><span>SELSKABER</span></a>

     </li>
       <li><a href=''><span>KOGEBØGER MM.</span></a>

     </li>
   </ul>
  </li>
  <li><a href='gallery.html'><img src="ico.png" width="19" height="19" style="margin-right:10px"><span>Undstilling</span></a></li>
  <li class='last'><a href='contact.html'><img src="ico.png" width="19" height="19" style="margin-right:10px"><span>Om stedet</span></a></li>
  </ul>
  </div>

Answer 1

friend 试试这个

$('#cssmenu li.has-sub>a').mouseover(function(){
//or
$('#cssmenu li.has-sub>a').on('mouseover', function(){

查看此 example