您的位置：首页 > 移动开发

移动端选择插件mobiscroll.2.17的简化Demo

2016-09-07 18:21 489 查看
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航