当前位置:编程学习 > C#/ASP.NET >>

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




效果如图所示,希望各位大哥大姐帮个忙~给个方法~谢谢了!在线等! --------------------编程问答-------------------- 有人帮帮我嘛·~~ --------------------编程问答-------------------- 各位大哥大姐帮个忙吧
--------------------编程问答-------------------- 可用建立多级菜单的方法,只是一级菜单那里不是放文字,而是放图片。 --------------------编程问答-------------------- menu控件 --------------------编程问答--------------------
引用 4 楼 netstudy0105 的回复:
menu控件


那Menu控件如何绑定图片呢?!能具体说下吗?!谢谢了! --------------------编程问答-------------------- BS的还是CS的? --------------------编程问答--------------------
引用 6 楼 aasswwe 的回复:
BS的还是CS的?


我做的是B/S的 --------------------编程问答-------------------- 结构类似于这样

<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的问题,左右位置的问题,基本思路就是这样 --------------------编程问答-------------------- javascript?menu?
--------------------编程问答-------------------- <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>
--------------------编程问答--------------------

<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"; }



可能需要修改一下,但希望能给你提示到要点,,
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,