引用:

<style>   
.div-relative{ position: fixed; left: 30%;top: 10%;}   
.button, .button:visited {
        background: #749a02 repeat-x;
        display: inline-block;
        padding: 5px 10px 6px;
        color: #fff;
        text-decoration: none;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
        text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
        border-bottom: 1px solid rgba(0,0,0,0.25);
        position: relative;
        cursor: pointer
}
</style>

<script language="javascript">
function sdiv()
{
document.getElementById('div1').style.display='block';
}
function hdiv()
{
document.getElementById('div1').style.display='none';
}
</script>
<p id="demo"></p>

<div id='div1' class='div-relative' style='display:block;'>
<div align='left'><a href='#close' class='button' onClick='javascript:hdiv();'>Close & Play</a></div>
横幅广告代码插入这里

<div align='center'><a href='#close' class='button' onClick='javascript:hdiv();'>关闭广告播放视频</a></div></div>