jQuery手机端省市区三级联动特效代码下载



11 41 14



特效描述:手机端省市区 三级联动,jQuery手机端省市区三级联动特效代码下载

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="SG_area_select.css">

2. 引入JS

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src='iscroll.js'></script>
<script type="text/javascript" src='SG_area_select.js'></script>

3. HTML代码

<div style="height: 200px;width: 450px;float: left;padding: 20px">
	<h4>组件演示</h4>
	<div style="display: flex;margin-top: 50px; ">
	<div style="line-height: 30px;height: 30px">地区选择:</div>
	<div><input class="sg-area-result" type="" name="" style="width: 220px;height: 30px;border: 1px solid #ccc;padding-left: 10px"></div>
	<div id="selectBtn" style="width: 30px;height: 30px;border: 1px solid #ccc;cursor: pointer; text-align: center">&gt;</div>  
	</div>
</div>
<div style="height: 200px;width:450px;float: left;padding: 20px;">
	  <h4>使用方法:</h4>
		<p>1.引入 <a class="code">SG_area_select.js;  SG_area_select.css;  iscroll.js;</a></p>
		<p>2.调用<a class="code">$.areaSelect(); </a>获取值根据通过类:<a class="code">sg-area-result</a></p>
		<p>eg: <a class="code"> </a>;</p>
		<br>
		<h4>参数说明:</h4>
		<!-- <p>1.状态:(string) 有以下状态选择:<a class="code">success ;info ;wait ;warning ;error;</a></p>
		<p>2.标题:(string) 设置的标题;</p>
		<p>3.内容:(string) 设置的内容;</p>
		<p>4.停留时间:(number) 弹窗停留的时间.</p> -->
		<br>
		<h4>待优化:</h4>
		<p>1.移动端的选择方式;</p>
		<p>2.二三级菜单参数控制;</p>
		<p>3.地区信息优化.</p> 
</div>
<script type="text/javascript">
	$(document).ready(function(){
		$('#selectBtn').on('click',function(){
			$.areaSelect(); 
		})	
	})
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 右键菜单 图片头像上传 文字提示框 文件上传 提示框/弹出层 文本框 layer 下拉框 lightbox 复选 单选 Tooltip工具提示框 登录框 浮动提示框 注册框 html5弹窗动画 搜索框 验证码 二级联动 三级联动 城市选择 value赋值 筛选 按钮控制 购物车 颜色选择 表单提交 全选/反选 添加删除 添加标签 密码强度验证 表单验证 html5按钮动画 按钮样式 密码修改设置 弹出层拖动 窗口提示框 切换按钮 form表单

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到