合肥网站建设_营销型企业网站制作_专业网页定制开发-网络推广公司

发表日期： 2021-06-18 08:52:43 浏览次数：86

网站建设.jpg

合肥，简称“庐”或“合”，古称庐州、庐阳、合淝 [1] ，安徽省省会 [161-162] ，国务院批复确定的中国长三角城市群副中心城市，国家重要的科研教育基地、现代制造业基地和综合交通枢纽 [2] 。截至2020年，合肥市下辖4个区、4个县、代管1个县级市，总面积11445.1平方千米，建成区面积528.5平方千米 [3-8] 。截至2020年11月，合肥市常住人口达936.99万人 [160] ，城镇化率达82.28% [163] 。

合肥地处中国华东地区、安徽中部、江淮之间、环抱巢湖 [9] 。是长三角城市群副中心 [10] ，综合性国家科学中心，“一带一路”和长江经济带战略双节点城市 [11] ，合肥都市圈中心城市 [12] ，皖江城市带核心城市 [13] ，G60科创走廊中心城市、世界科技城市联盟会员城市 [18] 、中国集成电路产业中心城市、国家科技创新型试点城市、中国四大科教基地之一 [20] 。

合肥是一座具有2000多年历史的古城 [14] ，因东淝河与南淝河均发源于该地而得名 [15] 。素有“三国故地，包拯家乡”之称 [16] 。秦置合肥县，隋至明清时，一直是庐州府治所，故又称“庐州”、又名“庐阳”，有“江淮首郡、吴楚要冲”的美誉。 [17] 境内有丘陵岗地、低山残丘、低洼平原三种地貌，以丘陵岗地为主，属亚热带季风性湿润气候，季风明显，四季分明。 [159]

2020年，合肥市实现地区生产总值10045.72亿元。 [30] 2021年《安徽省国民经济和社会发展第十四个五年规划和2035年远景目标纲要的通知》提出，支持合肥朝着国家中心城市发展，加快“五高地一示范”建设，高标准推进滨湖新区建设，全面提升长三角世界级城市群副中心功能，加快建成国际化新兴特大城市。 [164]

摘要：没有用插件，利用label + radio特性做了一个switch开关，代码简洁易懂，可以集成到项目里，美化radio，完整代码分享...

没有用插件，利用label + radio特性做了一个switch开关，如图所示：

css+jquery实现美化的switch开关

完整代码分享：

<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>blog.yzmcms.com</title><style>.switch-title{float:left}
.switch-radio{font-size:0;position:relative;overflow:hidden;display:block;border-radius:3px;float:left}
.switch-radio input[type="radio"]{position:absolute;top:0;left:-9999px}
.switch-radio .switch-label{color:#777;font-size:12px;line-height:20px;background-color:#ecf0f1;height:20px;padding:1px 9px;border-style:solid;border-color:#bec3c7;vertical-align:top;display:inline-block;*display:inline;*zoom:1;cursor:pointer}
.switch-radio .switch-enable{border-width:1px 0 1px 1px;}
.switch-radio .switch-disable{border-width:1px 1px 1px 0}
.switch-radio .checked{color:#fff;background-color:#41bedd;border-color:#41bedd}</style><script type="text/javascript" src="jquery.js"></script></head><body>    <form action="http://www.yzmcms.com/post.php" method="post">
		<div class="switch-title">
			启用API：		</div>
		<div class="switch-radio">
		    <label for="yes" class="switch-label switch-enable checked">是</label>
		    <label for="no" class="switch-label switch-disable">否</label>
		    <input id="yes" name="show" value="1" type="radio" checked >
		    <input id="no" name="show" value="0" type="radio">
		</div>        <br>        <br>        <input type="submit" value="提交">    </form>    <script type="text/javascript">
		$(function(){
		    $(".switch-label").on('click', function(){
		        var parent = $(this).parents('.switch-radio');
		        $('.switch-label',parent).removeClass('checked');
		        $(this).addClass('checked');
		    });
		});
    </script></body></html>

合肥网站建设_营销型企业网站制作_专业网页定制开发-网络推广公司

上一页：苏州网站建设_营销型企业网站制作_专业网页定制开发-网络推广公司

下一页：常州网站建设_营销型企业网站制作_专业网页定制开发-网络推广公司