弄成可以点击“关闭”就可以关闭,点击三角形就会弹出。
HTML:
Css:
li{
list-style-type: none;
}
.qfdj{
margin: 0 auto;
width: 293px;
height: 90px
float: right;
border: 1px solid #e2e2e2;
padding: 10px;
display: none;
}
.qfdj li a{
line-height: 14px;
margin-left: 6px;
font-size: 12px;
text-decoration: none;
color: #777;
}
.btnNextr{
margin: 0 auto;
width: 0px;
height: 0px;
border-top: 6px solid #a9a9a9;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
cursor: pointer;
}
javaScript:
window.οnlοad=function(){
var btnNextr=document.getElementById(“btnNextr”);
var qfdj=document.getElementById(“qfdj”);
var guanbi=document.getElementById(“guanbi”);
btnNextr.onclick =function(){
qfdj.style.display="block";(点击到 btnNextr而qfdj就会显示出来。)
};
guanbi.onclick =function(){
qfdj.style.display="none";(点击到 guanbi而qfdj就会隐藏起来。)
};
};