css+js修改加上一个关闭浮动窗口的按钮,加赏20财富值!

html-css012

css+js修改加上一个关闭浮动窗口的按钮,加赏20财富值!,第1张

加一个关闭按钮你应该可以自己搞定吧~就是在那个“-”号旁边再加一个按钮,然后这个按钮的功能这样写:

<div onclick="close()">关闭</div>

JS部分:

function close(){

document.getElementById("你这个浮动窗口的ID,例子中为extbkbox").style.display="none"

}

这样就关闭了~

首先你应该在这个div上面做一个关闭的的图标,或者按钮,(比如画一个x字的),只要设置点击这个元素让这个div的display属性设置为none就可以了

写一个div,用绝对定位的方式如:b相对于a的绝对定位,b的位置是相对于a来说的

所以a里一定要加一个position:relative,b里就一定要加一个 position: absolute,top和right是位置的距离如图:

.a

{

  width: 968px

  margin: auto

  position: relative

}

.b

{

  width: 288px

  height: 263px

  background: url(../images/foot_pic.gif) no-repeat center center

  position: absolute

  top: -20px

  right: -33px

}