素材牛

移动端城市选择列表排序

 所属分类:网页特效-输入/选择框,移动端特效

 浏览:123次-  下载:3次-  评论:0次-  发布时间:2019-04-20
移动端城市选择列表排序兼容IE9
积分说明:注册即送5牛币,每天签到可获得5牛币,第三方账号登陆、注册直接赠送20牛币!    我要充值   更多积分说明»
素材描述:vercitylist.js是适用于移动端的一款城市列表排序js插件

详细介绍

vercitylist.js 1.0.0

 一、使用须知:

vercitylist.js是适用于移动端的一款城市列表排序js插件。在原始文件中加入了中国所有的市级城市json数据。

二、方法介绍

使用vercitylist.js只需在js中new一个既可以使用,如下面实例:

<div  data-city-list data-city-hot="成都市,上海市,北京市,天津市" data-city-default="成都市"></div>
new verCity({});

三、相关参数说明

1. data-city-hot:热门城市列表。

2. data-city-default:默认城市。

3. callbacks:选择城市后的回调函数。

4. citys:城市数据。

html

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
   <meta content="yes" name="apple-mobile-web-app-capable"/>
   <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
   <meta content="telephone=no" name="format-detection"/>
   <meta content="email=no" name="format-detection"/>
   <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" name="viewport"/>
   <title>城市列表</title>
</head>
<body>
<div  data-city-list data-city-hot="成都市,上海市,北京市,天津市" data-city-default="成都市">
</div>
</body>
</html>

文件目录结构

  • ┝ index.html
  • ┝ README.md
  • verCitylist
    • need
      • ┝ cityIcon.css
      • ┝ iconfont.eot
      • ┝ iconfont.svg
      • ┝ iconfont.ttf
      • ┝ iconfont.woff
      • ┝ iconfont.woff2
      • ┝ verCityList.css
    • ┝ verCityList.js

讨论这个素材(0)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:3
所需牛币:5 开始下载

牛币获取:可通过签到、评论、充值、发布素材获得 » 牛币充值

会员账号
会员密码
安全验证