我们怎么实现www.kuxun.cn网上面的那个国内和国际城市选择？在线等候……

顶，来个办实事儿的，给个效果啥的最好。或能copy下来人家的有用代码。

解决方案 »

  1.   

    <html>
    <body>
    </head>
    <body>
    <a href="JavaScript:;" onclick="show(a)">国内</a>
    <a href="JavaScript:;" onclick="show(b)">国际</a>
    <div id="sh"></div>
    <script>
    var a = ['1','2','3'];
    var b = ['a','b','c'];
    function show(id)
    {
    document.getElementById("sh").innerHTML = "";
    for(var i = 0; i< id.length; i++)
    {
    document.getElementById("sh").innerHTML += id[i];
    }
    }</script>
    </html>
    </body>
    </html>
      

  2.   

    楼上的，很感谢参与，这个实现我们还是都懂的，想要的是那个DIV展现的效果，是另一个层出现的。
      

  3.   

    http://www.cssrain.cn/article.asp?id=374
    你把这个研究明白了就能知道是怎么做的了
      

  4.   

    他那个是帮所有的div整合在一个DIV显示的啊<input class="inp1 color666 yui-ac-input" id="tocity" name="q" value="北京" autocomplete="off" type="text">
    <div style="width: 186px; top: 40px;" class="yui-ac-container" id="container2">
    <div style="display: none; width: 190px; height: 0px;" class="yui-ac-content"> <div style="display: block;" class="yui-ac-hd">输入中文/拼音或↑↓选择.</div> <div class="yui-ac-bd">
    <ul>
    <li class="" style="display: none;">
    <div class="sample-result">
    <div class="sample-quantity"></div><span class="sample-query"></span>北京(BJ)
    </div>
    </li>
    <li class="" style="display: none;">
    <div class="sample-result">
    <div class="sample-quantity"></div><span class="sample-query"></span>上海(SH)
    </div>
    </li>
    <li class="" style="display: none;">
    <div class="sample-result">
    <div class="sample-quantity"></div><span class="sample-query"></span>广州(GZ)
    </div>
    </li>
    <li class="" style="display: none;">
    <div class="sample-result">
    <div class="sample-quantity"></div><span class="sample-query"></span>深圳(SZ)
    </div>
    </li>

    <li class="" style="display: none;">
    <div class="sample-result">
    <div class="sample-quantity"></div><span class="sample-query"></span>成都(CD)
    </div>
    </li>

    <li class="" style="display: none;">
    <div class="sample-result">
    <div class="sample-quantity"></div><span class="sample-query"></span>重庆(CQ)
    </div>
    </li>

    <li class="" style="display: none;">
    <div class="sample-result">
    <div class="sample-quantity"></div><span class="sample-query"></span>西安(XA)
    </div>
    </li>

    <li class="" style="display: none;">
    <div class="sample-result">
    <div class="sample-quantity"></div><span class="sample-query"></span>杭州(HZ)
    </div>
    </li>

    <li class="" style="display: none;">
    <div class="sample-result">
    <div class="sample-quantity"></div><span class="sample-query"></span>武汉(WH)
    </div>
    </li>

    <li class="" style="display: none;">
    <div class="sample-result">
    <div class="sample-quantity"></div><span class="sample-query"></span>昆明(KM)
    </div>
    </li>
    </ul>
    </div> <div style="display: none;" class="yui-ac-ft"></div></div><div style="width: 0pt; height: 0pt;" class="yui-ac-shadow"></div><iframe tabindex="-1" style="position: absolute; width: 0pt; height: 0pt;" src="javascript:false;" scrolling="no" frameborder="0"></iframe></div>
    </div>
      

  5.   

    去哪啊旅游网（http://www.qunaa.cn）是一家为广大商务、私人旅客提供机票在线购买及相关旅行服务的专业平台网站，提供机票、酒店、度假等全面、高性价比的旅行服务产品。 
    去哪啊旅游网（http://www.qunaa.cn）通过先进的网络技术与中国民航订座系统实时对接，实现机票在线实时查询和购买功能,并与全国各大银行实时对接。用户可以在网上实时查询航班时刻和状况，并通过多种在线支付方式，购买电子机票，无需等待送票，可直接到机场办理登机手续，让用户的出行更加便捷。 
    同时提供国外140多个城市，国内128个城市始发的机票预订服务，国内50多个城市出、送机票服务;国内200多个城市2000多家星级酒店预订及国外100多个城市3000多家星级酒店预订，酒店预订价格低至2—7折；50多个目的地城市的度假产品服务；旅游租车预订服务；演出票预定服务；全球签证咨询业务等 
    去哪啊旅游网（http://www.qunaa.cn）在电子商务和航空旅游产品分销领域中具有丰富经营管理经验的团队运营。凭借自身行业优势资源，去哪啊旅游网（http://www.qunaa.cn）希望通过与合作伙伴的精诚合作，以及全体员工的专业服务和努力，为每一名用户提供高品质的服务！ 
      

  6.   

    你可以JS调用，去看下www.chapiao.cc吧