关于“点击图片弹出下拉列表框”的功能！~~~~~~~~~~

Question

效果如图所示，希望各位大哥大姐帮个忙~给个方法~谢谢了！在线等！

Answer 1

那Menu控件如何绑定图片呢？！能具体说下吗？！谢谢了！

Answer 2

结构类似于这样<div class="menu">
<a href="xxx">菜单一</a>
<ul>
<li><a href="">子菜单一</a></li>
<li><a href="">子菜单一</a></li>
<li><a href="">子菜单一</a></li>
</ul>
</div>刚开始的时候设置所有的li隐藏，当鼠标移动到菜单上时设置这个menu层下的li显示，另外自己处理下overflow的问题，左右位置的问题，基本思路就是这样

Answer 3

<div class="menu">
<a href="xxx">菜单一</a>
<ul>
<li><a href="">子菜单一</a></li>
<li><a href="">子菜单一</a></li>
<li><a href="">子菜单一</a></li>
</ul>
</div>中间常规放的是文本，现在改为图片<div class="menu">
<a href="xxx"><img src='***' alt=''/></a>
<ul>
<li><a href="">子菜单一</a></li>
<li><a href="">子菜单一</a></li>
<li><a href="">子菜单一</a></li>
</ul>
</div>

Answer 4

<li onclick="javascript:xianshimenu1()" style="position:relative;">
    <img alt="" src="菜单图片menu1.jpg"/>
    <div id="menu1-list" onmouseout="javascript:yinzangmenu1()"  style="display:none; position:absolute;left:1px;top:30px;">
    <br/>
    <a href="" target="_blank">要11111</a>
    <a href="" target="_blank">显22222</a>
    <a href="" target="_blank">3示3333</a>
    <a href="" target="_blank">4的4444</a>
    <a href="" target="_blank">下拉菜单</a>
    </div>
    </li>
    <li>
     <img alt="" src="和上面一样，加多个主菜单，修改li样式可把主菜单做成横竖各种样式">
    </li>
JS代码如下：var menu1= document.getElementById("menu1-list");
function xianshimenu1() { menu1.style.display = 'block'; }
function yinzangmenu1() { menu1.style.display = "none"; }可能需要修改一下，但希望能给你提示到要点，，