如何在DIV上方悬浮一个关闭按钮

如何在DIV上方悬浮一个关闭按钮,第1张

首先,得有个DIV,然后把轮播代码丢到DIV里,然后写个id为a的A标签,标签根据DIV定位到右上角,如果这时候你看到a标签不在广告上面,那你就给a标签设置z-index属性,还不行就给DIV也设上。我不大熟悉这玩意,不过大概是这样的。

节点

<a id="bottomLink" href=""></a>下方加入关闭按钮

    <div onclick='close2()' class="bottom-close">关闭</div>

函数

<script>

function close2(){

  document.getElementById('bottomAD').style.display='none'

}

</script>

样式

.bottom-close{

        position: absolute

        right:0

        top:0

        color: #fff

    }

具体代码那如下:

<script type="text/javascript">

function removeElement(id)

{

document.getElementById(id).style.display="none"

}

</script>上面是js部分,下面这段是html的,我尽量简化一些<div id="bar1"><img>

<p onclick="removeElement('bar1')">关闭</p></div>

<div id="bar2">

<img>

<p onclick="removeElement('bar2')">关闭</p>

</div>

nclick 属性由元素上的鼠标点击触发。

注释:onclick 属性不适用以下元素:<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style>或 <title>。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/bake/11512424.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存