仿当当移动端省市区三级联动

http://www.jq22.com/jquery-info8264

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /> <link rel="stylesheet" href="http://www.jq22.com/demo/jQuery-dangdang-ld20160704/css/style.css" /> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <title>移动端省市区三级联动插件</title> </head> <body> <div class="iphone"> <div class="browser">  <section class="express-area"> <a id="expressArea" href="javascript:void(0)"> <dl> <dt>选择地区：</dt> <dd>省 > 市 > 区/县</dd> </dl> </a> </section>  <section id="areaLayer" class="express-area-box"> <header> <h3>选择地区</h3> <a id="backUp" class="back" href="javascript:void(0)" title="返回"></a> <a id="closeArea" class="close" href="javascript:void(0)" title="关闭"></a> </header> <article id="areaBox"> <ul id="areaList" class="area-list"></ul> </article> </section>  <div id="areaMask" class="mask"></div> <script src="http://www.jq22.com/demo/jQuery-dangdang-ld20160704/js/jquery.area.js"></script> </div> </div> </body> </html>

提示：你可以先修改部分代码再运行。

转载请注明：有爱前端 » 仿当当移动端省市区三级联动