html部分

<input type="button" id="btn1" value="按钮" />

<div id="div1"></div>

css部分

<style type="text/css">

#div1{

width: 100px;

height:100px ;

background:#ccc ;

display:none ;

}

</style>

js部分

<script type="text/javascript">

window.οnlοad=function(){

obtn1=document.getElementById('btn1');

odiv1=document.getElementById('div1');

obtn1.οnclick=function(ev){

var oEvent=ev||event; //兼容IE跟非IE

oEvent.cancelBubble=true; //取消事件冒泡

odiv1.style.display='block';

}

document.οnclick=function(){

odiv1.style.display='none';

}

}

</script>