移动端选择插件mobiscroll.2.17的简化Demo
来源:互联网 发布:淘宝摄影价格表 编辑:程序博客网 时间:2024/06/05 14:28
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<title>Mobiscroll</title>
</head>
<body>
<div data-role="fieldcontain">
<select id="demo_select">
<option value="">请选择</option>
<option value="1">Atlanta</option>
<option value="2">Berlin</option>
<option value="3">Boston</option>
<option value="4">Chicago</option>
<option value="5">London</option>
<option value="6">Los Angeles</option>
<option value="7">New York</option>
<option value="8">Paris</option>
<option value="9">San Francisco</option>
</select>
</div>
<script src="js/jquery.min.js"></script>
<link href="css/mobiscroll.custom-2.17.0.min.css" rel="stylesheet" type="text/css" />
<script src="js/mobiscroll.custom-2.17.0.min.js" type="text/javascript"></script>
<script>
$(function(){
$('#demo_select').mobiscroll().select({
theme: "mobiscroll",
mode: "scroller",
display: "bottom",
lang: "zh"
});
});
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<title>Mobiscroll</title>
</head>
<body>
<div data-role="fieldcontain">
<select id="demo_select">
<option value="">请选择</option>
<option value="1">Atlanta</option>
<option value="2">Berlin</option>
<option value="3">Boston</option>
<option value="4">Chicago</option>
<option value="5">London</option>
<option value="6">Los Angeles</option>
<option value="7">New York</option>
<option value="8">Paris</option>
<option value="9">San Francisco</option>
</select>
</div>
<script src="js/jquery.min.js"></script>
<link href="css/mobiscroll.custom-2.17.0.min.css" rel="stylesheet" type="text/css" />
<script src="js/mobiscroll.custom-2.17.0.min.js" type="text/javascript"></script>
<script>
$(function(){
$('#demo_select').mobiscroll().select({
theme: "mobiscroll",
mode: "scroller",
display: "bottom",
lang: "zh"
});
});
</script>
</body>
</html>
0 0
- 移动端选择插件mobiscroll.2.17的简化Demo
- 移动端选择插件mobiscroll的使用demo
- 关于手机端选择日期插件 mobiscroll
- 基于Mobiscroll的移动端滚动地址选择(增加默认地址项)
- jquery.mobiscroll 适合移动端使用的滑动选择控件 -- 自定义选项示例
- 移动端mobiscroll时间控件的使用
- datetimepicker、mobiscroll日期插件使用demo
- mobiscroll时间插件的用法
- Mobiscroll — 配合jQuery Mobile 的日期选择控件附DEMO
- mobiscroll实践:移动端仿苹果select效果的实现
- Mobiscroll的介绍【一款兼容PC和移动设备的滑动插件】
- 兼容PC和移动页面的mobiscroll日期插件之简单使用
- 移动端时间插件mobiscroll以及饼状进度图pie-loader
- mobiscroll自定义年月日选择的应用
- jQuery Mobile 移动开发中的日期插件Mobiscroll 2.3 使用说明
- jQuery Mobile 移动开发中的日期插件Mobiscroll 2.3 使用说明
- 一款不错的JS日期插件 Mobiscroll
- mobiscroll js日期插件的基本案例
- AsyncTask超时问题分析及解决
- Linux 0.11进程共享同一个页目录表
- 码农 码农
- angularjs2 一
- struts单例模式,和spring代理模式与非单例模式@Scope("prototype")
- 移动端选择插件mobiscroll.2.17的简化Demo
- POJ 3660 Cow Contest 传递闭包
- 安卓侧滑
- Android:异步任务AsyncTask、execute、publishProgress、onProgressUpdate
- 源码研究心得
- Socket通信原理简介
- SpringMVC自定义拦截器详解
- !=null的正确使用心得——有些NullPointerException应该让它报出来
- Java面象对向的基本思想(五)