Question

如何添加按钮（＆＃34; X＆＃34;） - 关闭窗口，关闭此滑块的操作？此按钮的视图类似于（＆＃39; X＆＃39;）。请建议我改进此代码的方法。

</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>

Answer 1

我不知道你的意思是什么

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/

如何添加按钮（＆＃34; X＆＃34;） - 关闭窗口，关闭操作？

1 个答案: