滑动门是怎么做的啊_随笔

滑动门可以用javascript来制作，其代码如下所示：

html,body{margin:0text-align:centerover-flow:hiddenheight:100%width:100%}

ul{list-style-type:nonemargin:0px}

.ctt{height:autoclear:bothborder:1px solid #064ca1border-top:0text-align:left}

.w936{margin:2px 0clear:bothwidth:936px/*整个滑动门的宽度*/}

/*tab切换效果*/

.tb_{滑动门背景}

.tb_ ul{height:24px}

.tb_ li{float:leftmargin-right:2pxheight: 24pxline-height:1.9width: 94pxcursor:pointer}

/*用于控制显示与隐藏的css类*/

.normaltab{选中的滑动门标签背景}

.hovertab{未选中的滑动门标签背景}

.dis{display:block}

.undis{display:none}

-->

</style>

//<!cdata[

function g(o){return document.getElementbyId(o)}

function HoverLi(n){

//如果有N个标签，就将i<=N

for(var i=1i<=3i++){g('tb_'+i).className='normaltab'g('tbc_0'+i).className='undis'}g('tbc_0'+n).className='dis'g('tb_'+n).className='hovertab'

}

//如果要做成点击后再转到请将<li>中的onmouseover改成onclick

//]]>

</script>

</head>

<body>

<ul>

标题1</li>

标题2</li>

标题3</li>

</ul>

</div>

</div>

滑动门的种类有很多很多，从简单的几行JS代码生成的滑动门复杂至使用jQuery效果库实现各种各样的切换效果的都有。网页制作中，很多时候需要充分利用空间。这时候需要使用滑动门这种简单而实用的技术。

滑动门广泛用于房屋的内部空间。例如，推拉门安装在厨房，浴室，阳台等中，不仅有效地隔开了空间，而且使人看起来非常漂亮和舒适，并且具有节省空间的效果。那么关于滑动门的安装方法有什么看法呢?以下文章将带您了解滑动门安装的五个步骤。

推拉门的安装方法：滑动安装

安装滑动门时通常会安装滑块。在安装滑块时，需要根据门洞宽度和开口方向的要求固定门梁。通常，它相对于门开口宽度的中心固定到两侧。应该注意的是，滑块和门梁之间的连接是左右的。高度需要保持一致。滑块的中心线应与彩色面板的外壁尺寸相同。它最好是风扇厚度的一半，多2厘米。

推拉门的安装方法：门安装

滑动门扇和滑轮系统通常在工厂直接加工。一旦安装了上滑槽，滑轮就可以放在滑槽中并用手或其他起重工具垂直放置。在其下方，门扇上的螺钉插入安装在滑轮上的螺栓孔中以固定它。

推拉门的安装方法：上限

在安装滑动门的门之后，需要开始安装门上限器。它需要焊接在滑轮底部10毫米的滑轮底部或上部滑块的内部，以将门的开口区域限制在其有效位置。在这个范围内。角钢和皮带轮之间的角度必须设定为20mm或更大，并且硬橡胶垫可用作中间垫。

滑动门的安装方法：导向滤饼和门下限装置

安装门限位器后，可以启动滑动门导向装置和门下限装置。引导滤饼的中心线定位可以根据门扇下方的扁钢的实际位置来定位。引导滤饼需要暴露在地面10至15毫米，间距为500毫米。安装下限器时，门扇需要从外侧推动10至20毫米。定位然后用螺丝固定插头。

推拉门的安装方法：门五金安装

最后，安装了推拉门的硬件。滑动门的硬件主要包括手柄和锁。您需要等到安装滑动门并且调整正确。应正确安装配件的高度和位置，使滑动门看起来更美观。

摘要：以上是对滑动门的安装方法的介绍。我希望每个人都知道如何安装推拉门。目前，推拉门在我们的生活中被广泛使用，非常实用和美观。

土巴兔在线免费为大家提供“各家装修报价、1-4家本地装修公司、3套装修设计方案”，还有装修避坑攻略！点击此链接：【https://www.to8to.com/yezhu/zxbj-cszy.php?to8to_from=seo_zhidao_m_jiare&wb】，就能免费领取哦~

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7013359.html

滑动门是怎么做的啊

发表评论

评论列表（0条）