下拉css / javascript框

时间:2010-09-03 10:09:56

标签: javascript html css

我找到了一些自定义绘制下拉框的解决方案来替换HTML select元素,即jquery-image-dropdown解决方案。

但是,如何才能获得需要点击打开的框,并在顶部透支选定的项目,如:http://www.xero.com/

很抱歉,如果这有点令人困惑,基本上我正在寻找类似的解决方案。

干杯。

2 个答案:

答案 0 :(得分:2)

你可以从stratch,它不复杂。

样品:

<html>
    <script>
        function ShowList()
        {
            document.getElementById("List").style.display = "block";                
            document.getElementById("ChangeLocation").style.display = "none";
        }
    </script>
<body>
    <span id="ChangeLocation" onclick="javascript:ShowList();">Change location</span>
    <ul id="List" style="display:none">
        <li>Global</li>
        <li>United Kingdom</li>
        <li>Australia</li>
    <ul>
</body>
</html>

答案 1 :(得分:0)

快速检查网页的来源会发现该网站使用的是jQuery clickMenu plugin。你看过那个吗?