最新下载
jQuery点击文字滚动Scrollocue插件
24小时阅读排行榜
- 1 mysql排序查询如何利用索引_mysql order by索引优化
- 2 css复杂页面选择器冲突如何避免_通过命名空间式类选择器解决冲突
- 3 JavaScript如何操作地理位置_使用Geolocation API获取用户位置?
- 4 C++中的std::set和std::map有什么区别?C++关联容器选择指南【STL】
- 5 如何在Golang中使用接口组合_实现多接口组合功能
- 6 SQL读写分离如何实现_业务接入架构设计说明【教学】
- 7 mysql集群网络延迟大怎么办_mysql性能优化思路
- 8 Linux性能如何优化_常见误区解析避免新手踩坑【教程】
- 9 html5怎么设置复制_html5用user-select:all或JS execCommand设复制【设置】
- 10 css哪些颜色写法兼容性最好_优先使用hex和rgb颜色
- 11 html5如何使用gulp_HTML5项目配置与使用Gulp工具指南【Gulp使用】
- 12 html图片如何挨着字_HTML实现图片与文字紧密排列【排列】
- 13 如何在mysql中删除数据_mysql delete语句使用说明
- 14 javascript事件机制是什么_事件冒泡和捕获该如何使用
- 15 css颜色对比不明显怎么调节_通过hsl改变亮度提升可读性
最新教程
-
- Node.js 教程
- 14113 2025-08-28
-
- CSS3 教程
- 1540656 2025-08-27
-
- Rust 教程
- 21815 2025-08-27
-
- Vue 教程
- 24329 2025-08-22
-
- PostgreSQL 教程
- 21051 2025-08-21
-
- Git 教程
- 8295 2025-08-21
代码片段:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/Popt.js"></script>
<script type="text/javascript" src="js/city.json.js"></script>
<script type="text/javascript" src="js/citySet.js"></script>
<style type="text/css">
* { -ms-word-wrap: break-word; word-wrap: break-word; }
html { -webkit-text-size-adjust: none; text-size-adjust: none; }
html, body {height:99%;width:99%; }
.wrap{width:464px;height:34px;margin:20px auto;border:0;position:relative;}
.input{position:absolute;top:0;left:0;width:457px;margin:0;padding-left:5px;height:30px;line-height:30px;font-size:12px;border:1px solid #c9cacb;}
s{position:absolute;top:1px;right:0;width:32px;height:32px;background:url("img/arrow.png") no-repeat;}
._citys { width: 450px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; }
._citys span { color: #05920a; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #05920a; cursor: pointer; }
._citys0 { width: 95%; height: 34px; line-height: 34px; display: inline-block; border-bottom: 2px solid #05920a; padding: 0px 5px; font-size:14px; font-weight:bold; margin-left:6px; }
._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 12px; border-radius: 5px; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color: #05920a; }
.AreaS { background-color: #05920a !important; color: #fff !important; }
