在线等高手解答 求代码实现方法

我希望实现功能如下：
在html用鼠标滑过横排菜单图片 经过的图片自动放大 并可以点击
横排菜单代码:

<div id="menu_content">

  <div id="menu_top_container" class="menu_top_container" >
  <ul>
  <li><a id="product1" class="mf_dyn_menu"></a><img src="documentation/luobo.jpeg" alt="luobo" /></li>
  <li><a id="product2" class="mf_dyn_menu" src=""></a><img src="documentation/muji.jpeg" alt="muji" /></li>

  <li><a id="product3" class="mf_dyn_menu" src=""></a><img src="documentation/putao.jpeg" alt="putao" /></li>
  <li><a id="product4" class="mf_dyn_menu" src=""></a><img src="documentation/changzi.jpeg" alt="changzi" /></li>
<li><a id="product1" class="mf_dyn_menu" src=""></a><img src="documentation/yu.jpeg" alt="yu" /></li>
  <li><a id="product2" class="mf_dyn_menu" src=""></a><img src="documentation/nainiu.jpeg" alt="nainiu" /></li>
  <li><a id="product4" class="mf_dyn_menu" src=""></a><img src="documentation/xiaomai.jpeg" alt="xiaomai" /></li>
<li><a id="product3" class="mf_dyn_menu" src=""></a><img src="documentation/pingguo.jpeg" alt="pingguo" /></li>
  <li><a id="product4" class="mf_dyn_menu" src=""></a><img src="documentation/mifeng.jpeg" alt="mifeng" /></li>
<li><a id="product4" class="mf_dyn_menu" src=""></a><img src="documentation/nailao.jpeg" alt="nailao" /></li>
  </ul>
   
  </div>

<br/>
   
  

#menu_content ul li :hover
  {
  width:500px;
  height:500px;  
  }