网页制作

这个只有看它的源代码才能知道 有可能是button也有可能是超链接还有可能是div

解决方案 »

  1.   

    不管是什么，都是当button用的
      

  2.   

    <!DOCTYPE html>
    <html>
    <head> <script  type="text/javascript">
        function shorhgdiv() {
            if( document.getElementById("city").style.display=="none"){
                document.getElementById("city").style.display ="block";
            }
            else
            {
                document.getElementById("city").style.display ='none';
            }
        }
    </script>    <style type="text/css">
            body{ background:lavender}
            #city{display: none;background: #d3d3d3
          }
            #city ul{list-style:none;margin:0;
                padding:0;
                width: 100%;
            }        #city ul li
            {
                text-align:center;
                height: 6%;
                width: 25%;            line-height:50px;
                float:left;
                padding:4% ;        }
            #city ul li {;list-style:none;
                display:block;
                height: 50px;
                text-align:center;
                font-size:20px;
                text-decoration:none}        #city ul li button:nth-child(6n){
                margin-right: 0;
            }
            #city ul li button{  width: 100%;
                line-height: 38px;
                text-align: center;
                font-weight: bold;
                color: #fff;            border-radius: 5px;
                margin:0 20px 20px 0;
                position: relative;
                overflow: hidden;
                color: #8c96a0;
                text-shadow:1px 1px 1px #fff;
                border:1px solid #dce1e6;
                box-shadow: 0 1px 2px #fff inset,0 -1px 0 #a8abae inset;
                background: -webkit-linear-gradient(top,#ffffff,#ffffff);
                background: -moz-linear-gradient(top,#ffffff,#ffffff);
                background: linear-gradient(top,#ffffff,#ffffff);
            }
        </style>
    </head>
    <body>
    <b>当前城市为</b><input id="province"style="border-style:none" value="陕西"><input id="btnshow" type="button" value="切换" onclick="shorhgdiv();"/>
    <div id="city">
        <ul>
            <li><button onclick=' document.getElementById("city").style.display ="none";'>北京</button></li>
            <li><button>天津</button></li>
            <li><button>河北</button></li>
            <li><button>上海</button></li>
            <li><button>山西</button></li>
            <li><button>内蒙古</button></li>
            <li><a></a></li>
            <li><a></a></li>
            <li><a></a></li><li><a></a></li>
            <li><a></a></li>
            <li><a></a></li>
            <li><a></a></li>
            <li><a></a></li>
            <li><a></a></li>
            <li><a></a></li>
            <li><a></a></li>
            <li><a></a></li>
            <li><a></a></li>
            <li><a></a></li>
            <li><a></a></li>
            <li><a></a></li>
            <li><a></a></li>
            <li><a></a></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div></body>
    </html>
    这是我写的里面就是button里面可以写两个onclick  事件吗 麻烦大神帮我改下
      

  3.   

     
    还有这个我第一次点击按钮为什么不弹出div块 点两次才可以
      

  4.   

    <div id="city" style="display:none"> 在city加上这个 
    function shorhgdiv() {
      
            if( document.getElementById("city").style.display=="none"){//如果不加的话 这个display是空字符 判断不成立
                document.getElementById("city").style.display ="block";
            }
            else
            {
                document.getElementById("city").style.display ='none';
            }
        }