简体   繁体   English

如何添加按钮(“X”)——关闭窗口,关闭操作?

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

How to add a button ("X") - close window, close operation to this slider?如何添加按钮(“X”) - 关闭窗口,关闭此滑块的操作? This button has view look like ('X').此按钮的视图类似于 ('X')。 Please suggest me a way to improve this code.请建议我改进此代码的方法。

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

I don't know do you mean something like this我不知道你的意思是这样的

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 CSS

#main {
    position: relative;
    height: 200px;
}

.left, .right, .close {
    position: absolute;
    top: 50%;
}

.right {
    right: 0;
}

.close {
    top: 15px;
    right: 0;
}

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM