求Qunar、携程之类的城市选择框效果
最近在做一个网站，需要进行旅游线路搜索，功能什么的都OK，就是老师说城市选择框不够友好和易用。想让我们做出Qunar、携程之类的城市选择框效果。

之前看过携程的一段JS，能够用，但发现其实它在使用时会从服务器加载更多的JS、CSS。

现在希望能在一个JS（至少是有限个）里实现这种效果。参见www.qunar.com-国内机票-城市，几个主要要求就是：
1、鼠标点击选择框外的区域时，选择框会自动消失
2、可以不要手工输入查询（拼音啊缩写什么的）功能。

之前没做过JS，跪求高手帮助，提供指导或是参考代码均可，感激不尽啊。。。
------解决方案--------------------
    就像出发城市，或达到城市里的，基本原理是点击弹出一个层，该层显示了热门城市，然后在DIV层里有很多个TAB，每个项目里按照字母拼音来划分城市，这个就是TAB，这些其实就是用后台组织的JSON数据，然后前台输出显示的，当然直接写在前端JS代码里也可以，但是不方便修改！楼主可以尝试自己做一个，并不是非常难，但是美工方面不好把握了。 
------解决方案--------------------
用层来控制