滑动门是什么滑动门选购指南？单纯使用CSS能实现滑动门效果

　　随着人们家居理念的改变，越来越倾向于节省空间、尺寸灵活、方便实用的建材类型，滑动门正是因其简洁、时尚的特性而深受很多现代家庭的青睐。滑动门选购也是有诀窍的哦，下面小编就来系统的介绍一下有关滑动门的知识，包括滑动门选购指南。　　快节奏的生活给了我们对于事物简洁方便的喜好，滑动门在家居中做到了这一点。它可以分隔空间，也可以让空间浑然一体--不论使空间间隔还是打通，不论是增加空间的数量还是质量，滑动门使家居空间变得灵活而丰富。　　由于滑动门使用频率高，易于出现问题，我们在选购时应对产品有充分的了解，才能购买到高品质的滑动门。　　滑动门选购指南一：细听滑动时有无噪音　　在挑选时，依靠滑动的声音来衡量其品质，恐怕要算是最为直观的方法了。一般造成滑动出现噪音的因素为轴承式滑轮的工艺差以及滑轮与轨道之间的间隙。　　有些底轮虽然当时滑动顺畅，但仔细观察，会发现底轮上有油腻感，这是因为有些卖家为了达到滑动静音的目的而在底轮抹了油。这样不仅容易沾染污垢，一旦油脂干燥，就会出现阻塞现象，产生噪音，因此在挑选时一定要观察每个细节，在滑动中静静体验。　　滑动门选购指南二：观察上滑轮与滑轨是否紧密接合　　一般来说，上滑轮起到导向作用。在挑选时，以滑轨垂直的方向晃动滑动门，晃动的程度越小，说明其稳定性越好。在晃动时，注意观察上滑轮与上滑轨，如果质量好的滑动门，其间的缝隙几乎为零，这样，滑动起来不会有震动的感觉，平稳而顺畅。因此上滑轮与滑轨的紧密结合决定了其滑动的平稳性。　　滑动门选购指南三：慎重选择滑动门边框型材　　在滑动门市场上，边框材料大致可分为：碳钢材料、铝镁合金、铝钛合金等。碳钢类产品优点是表面胶膜花色丰富，缺点是易生锈;铝镁合金实质是表面有镁装饰层的铝合金;而铝钛合金是一种高强度航空材料。金属钛具有高强度、比重小、高韧性等特点，因此，其价格会比较昂贵。　　市场争论的焦点多半集中在哪家的产品才是真正的铝钛合金，一般来说，在挑选时我们可以用手指弹击边框，铝钛合金的材质声音更为清脆，金属感更强。由于目前滑动门厂家均打着’铝钛合金’的旗号，消费者更应保持审慎态度，除了采用以上方法，不妨在购买时请商家出示商检部门的检测报告。　　以上就是关于滑动门是什么以及滑动门选购指南的内容了，希望这篇文章可以帮助到您。

可以的，纯css做滑动门有两种办法，一个利用hover伪类，另一种就是设置锚点。对应两种方式触发滑动门效果，鼠标悬浮和点击。下面各举一例，鼠标悬浮触发：（此例ie6下无效，因其暂不支持li:hover的伪类）《!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN“ “《html xmlns=“《head》《meta 《title》纯CSS下拉菜单《/title》《style type=“text/css“》a{font-size:12px;text-decoration:none;color:#000000;}li ul{display:none;margin-left:5px;}li:hover ul{width:306px;padding:20px; height:250px;display:block;}li:hover .fira{border-bottom:#FFFFFF 1px solid;}#kpk{position:relative;width:420px; }#kpk》li{float:left;list-style:none;margin-right:20px;}#kpk》li .fira{border:1px #c6c6c6 solid;}.seca{position:absolute;z-index:1;left:-5px;top:23px;border:1px #c6c6c6 solid;height:250px;width:306px;padding:20px; height:250px;}.fira{width:70px;display:block;line-height:22px;background-color:white;text-align:center;z-index:2;}《/style》《/head》《body》《div》《ul id=“kpk“》 《li》 《a href=“#“ class=“fira“》首页《/a》 《ul class=“seca“ rel=“first“》 《li》《A href=“#“ target=_self》1.首页新疆阜康铁路桥梁坍塌多节运煤车厢侧翻坠河《/A》《/li》 《li》《A href=“#“ target=_self》2.首页最高法:承诺不判赖昌星死刑没有超越法律程序《/A》《/li》 《li》《A href=“#“ target=_self》3.首页物权法:满70年住宅建设用地使用权将自动续期《/A》《/li》 《li》《A href=“#“ target=_self》4.首页弟弟被妻下药毒死男子买女尸为其配阴婚(图)《/A》《/li》 《li》《A href=“#“ target=_self》5.首页揭开郑州神枪手神秘面纱 头号狙击手是近视眼《/A》《/li》 《li》《A href=“#“ target=_self》6.首页美军高官:不排除和中国发生直接军事对抗可能《/A》《/li》 《li》《A href=“#“ target=_self》7.首页浙江东阳传奇富姐吴英涉嫌非法吸收存款被批捕《/A》《/li》 《li》《A href=“#“ target=_self》8.首页西方炒作“中国航母威胁论“称05年已正式服役《/A》《/li》 《li》《A href=“#“ target=_self》9.首页女孩生活无法自理请人大代表递交安乐死议案《/A》《/li》 《li》《A href=“#“ target=_self》10.首页建设部：住房公积金制度将覆盖农民工《/A》《/li》 《/ul》 《!--《ul》 《li》11《/li》 《li》12《/li》 《li》13《/li》 《/ul》--》 《/li》 《li》 《a href=“#“ class=“fira“》链接一《/a》 《ul class=“seca“》 《li》《A href=“#“ target=_self》1.链接一新疆阜康铁路桥梁坍塌多节运煤车厢侧翻坠河《/A》《/li》 《li》《A href=“#“ target=_self》2.链接一最高法:承诺不判赖昌星死刑没有超越法律程序《/A》《/li》 《li》《A href=“#“ target=_self》3.链接一物权法:满70年住宅建设用地使用权将自动续期《/A》《/li》 《li》《A href=“#“ target=_self》4.链接一弟弟被妻下药毒死男子买女尸为其配阴婚(图)《/A》《/li》 《li》《A href=“#“ target=_self》5.链接一揭开郑州神枪手神秘面纱 头号狙击手是近视眼《/A》《/li》 《li》《A href=“#“ target=_self》6.链接一美军高官:不排除和中国发生直接军事对抗可能《/A》《/li》 《li》《A href=“#“ target=_self》7.链接一浙江东阳传奇富姐吴英涉嫌非法吸收存款被批捕《/A》《/li》 《li》《A href=“#“ target=_self》8.链接一西方炒作“中国航母威胁论“称05年已正式服役《/A》《/li》 《li》《A href=“#“ target=_self》9.链接一女孩生活无法自理请人大代表递交安乐死议案《/A》《/li》 《li》《A href=“#“ target=_self》10.链接一建设部：住房公积金制度将覆盖农民工《/A》《/li》 《/ul》 《!--《ul》 《li》21《/li》 《li》22《/li》 《li》23《/li》 《/ul》--》 《/li》 《li》 《a href=“#“ class=“fira“》链接二《/a》 《ul class=“seca“》 《li》《A href=“#“ target=_self》1.链接二新疆阜康铁路桥梁坍塌多节运煤车厢侧翻坠河《/A》《/li》 《li》《A href=“#“ target=_self》2.链接二最高法:承诺不判赖昌星死刑没有超越法律程序《/A》《/li》 《li》《A href=“#“ target=_self》3.链接二物权法:满70年住宅建设用地使用权将自动续期《/A》《/li》 《li》《A href=“#“ target=_self》4.链接二弟弟被妻下药毒死男子买女尸为其配阴婚(图)《/A》《/li》 《li》《A href=“#“ target=_self》5.链接二揭开郑州神枪手神秘面纱 头号狙击手是近视眼《/A》《/li》 《li》《A href=“#“ target=_self》6.链接二美军高官:不排除和中国发生直接军事对抗可能《/A》《/li》 《li》《A href=“#“ target=_self》7.链接二浙江东阳传奇富姐吴英涉嫌非法吸收存款被批捕《/A》《/li》 《li》《A href=“#“ target=_self》8.链接二西方炒作“中国航母威胁论“称05年已正式服役《/A》《/li》 《li》《A href=“#“ target=_self》9.链接二女孩生活无法自理请人大代表递交安乐死议案《/A》《/li》 《li》《A href=“#“ target=_self》10.链接二建设部：住房公积金制度将覆盖农民工《/A》《/li》 《/ul》 《!--《ul》 《li》31《/li》 《li》32《/li》 《li》33《/li》 《/ul》--》 《/li》 《li》 《a href=“#“ class=“fira“》链接三《/a》 《ul class=“seca“》 《li》《A href=“#“ target=_self》1.链接三新疆阜康铁路桥梁坍塌多节运煤车厢侧翻坠河《/A》《/li》 《li》《A href=“#“ target=_self》2.链接三最高法:承诺不判赖昌星死刑没有超越法律程序《/A》《/li》 《li》《A href=“#“ target=_self》3.链接三物权法:满70年住宅建设用地使用权将自动续期《/A》《/li》 《li》《A href=“#“ target=_self》4.链接三弟弟被妻下药毒死男子买女尸为其配阴婚(图)《/A》《/li》 《li》《A href=“#“ target=_self》5.链接三揭开郑州神枪手神秘面纱 头号狙击手是近视眼《/A》《/li》 《li》《A href=“#“ target=_self》6.链接三美军高官:不排除和中国发生直接军事对抗可能《/A》《/li》 《li》《A href=“#“ target=_self》7.链接三浙江东阳传奇富姐吴英涉嫌非法吸收存款被批捕《/A》《/li》 《li》《A href=“#“ target=_self》8.链接三西方炒作“中国航母威胁论“称05年已正式服役《/A》《/li》 《li》《A href=“#“ target=_self》9.链接三女孩生活无法自理请人大代表递交安乐死议案《/A》《/li》 《li》《A href=“#“ target=_self》10.链接三建设部：住房公积金制度将覆盖农民工《/A》《/li》 《/ul》 《!--《ul》 《li》41《/li》 《li》42《/li》 《li》43《/li》 《/ul》--》 《/li》《/ul》《/div》《/body》《/html》锚点点击例：《!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN““《html》 《head》 《title》左右布局《/title》《style type=“text/css“》 #nav{ width:303px; height:200px; border:1px solid #CCCCCC;}#column a { float:left; width:100px; border-right:1px solid #CCC; border-bottom:1px solid #CCC; font:bold 14px/30px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; text-align:center;}#contant { width:303px; height:162px; overflow:hidden;}ul { margin:0; padding:0; list-style-type:none; padding:4px 0 0 5px;}li { font-size:12px; overflow:hidden; padding-left:2px; line-height:27px;}《/style》 《/head》《body》《div id=“nav“》 《div id=“column“》 《a href=“#localnew“》本地新闻《/a》 《a href=“#innernew“》国内新闻《/a》 《a href=“#enterment“ 》娱乐新闻《/a》 《/div》 《div id=“contant“》 《ul id=“localnew“》 《li》《a href=“#“》我喜欢CSS 《/a》《/li》 《li》《a href=“#“》我喜欢CSS 《/a》《/li》 《li》《a href=“#“》我喜欢CSS 《/a》《/li》 《li》《a href=“#“》我喜欢CSS 《/a》《/li》 《li》《a href=“#“》我喜欢CSS《/a》《/li》 《li》《a href=“#“》我喜欢CSS《/a》《/li》 《/ul》 《ul id=“innernew“》 《li》《a href=“#“》我喜欢编程《/a》《/li》 《li》《a href=“#“》我喜欢编程《/a》《/li》 《li》《a href=“#“》我喜欢编程《/a》《/li》 《li》《a href=“#“》我喜欢编程 《/a》《/li》 《li》《a href=“#“》我喜欢编程《/a》《/li》 《li》《a href=“#“》我喜欢编程《/a》《/li》 《/ul》 《ul id=“enterment“》 《li》《a href=“#“》我喜欢美工《/a》《/li》 《li》《a href=“#“》我喜欢美工《/a》《/li》 《li》《a href=“#“》我喜欢美工《/a》《/li》 《li》《a href=“#“》我喜欢美工《/a》《/li》 《li》《a href=“#“》我喜欢美工 《/a》《/li》 《li》《a href=“#“》我喜欢美工《/a》《/li》 《li》《a href=“#“》我喜欢美工《/a》《/li》 《/ul》 《/div》《/div》《/body》《/html》楼主自行copy代码到本地查看，样式微调。。。