如何添加按钮(“X”）-关闭窗口，关闭操作

How to add a button ("X") - close window, close operation?

本文关键字：窗口 操作 何添加 添加 按钮      更新时间：2023-09-26

如何添加按钮（"X"）-关闭窗口，关闭此滑块的操作？此按钮的视图看起来像（'X'）。请建议我改进此代码的方法。

</script>
<body>
<div id="main">
    <button class="left" onclick="slider.left();"><</button>
    <div id="scr"></div>
    <button class="right" onclick="slider.right();">></button>
</div>  
</body>
</html>

我不知道你是说这个吗

HTML

<body>
<div id="main">
    <button class="left" onclick="slider.left();"><</button>
    <div id="scr"></div>
    <button class="right" onclick="slider.right();">></button>
    <button class="close" onclick="slider.close();">X</button>
</div>  
</body>

CSS

#main {
    position: relative;
    height: 200px;
}
.left, .right, .close {
    position: absolute;
    top: 50%;
}
.right {
    right: 0;
}
.close {
    top: 15px;
    right: 0;
}

这是小提琴http://jsfiddle.net/w58vxuft/

相关文章：