关于“点击图片弹出下拉列表框”的功能!~~~~~~~~~~
效果如图所示,希望各位大哥大姐帮个忙~给个方法~谢谢了!在线等! --------------------编程问答-------------------- 有人帮帮我嘛·~~ --------------------编程问答-------------------- 各位大哥大姐帮个忙吧
--------------------编程问答-------------------- 可用建立多级菜单的方法,只是一级菜单那里不是放文字,而是放图片。 --------------------编程问答-------------------- menu控件 --------------------编程问答--------------------
那Menu控件如何绑定图片呢?!能具体说下吗?!谢谢了! --------------------编程问答-------------------- 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