底部悬浮带关闭按钮而且可以关闭

2018-09-23 01:48:49 -0400

<!DOCTYPE>

全屏自适应始终漂浮手机网站底部广告js代码-玩机之家mian6.cn

源码如下

<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1">

<meta charset="utf-8" />

<meta name="format-detection" content="telephone=no" />

<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=0" />

<meta name="description" content="" />

<meta name="apple-mobile-web-app-status-bar-style" content="black" />

<meta name="apple-mobile-web-app-capable" content="yes" />

<meta name="apple-touch-fullscreen" content="yes" />

<meta name="format-detection" content="telphone=no" />

<title>全屏自适应始终漂浮手机网站底部广告js代码-玩机之家mian6.cn</title>

</head>

<body>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 



<style>

.bottomAD {

-webkit-box-sizing: border-box;

height: 80px;

position: fixed;

bottom: 0;

left: 0;

z-index: 1000;

padding: 0 10px;

overflow: hidden;

width: 100%;

background: #FFFFFF;

}

.bottom-pic {

position: absolute;

width: 100%;

height: 50px;

overflow: hidden;

-webkit-border-radius: 10px;

border-radius: 10px;

}

.bottom-pic img {

width: 97%;

height: 100%;

border-radius: 10px;

}

.close{

text-align:right;

padding-right:1%;

}

</style>

<div class="bottomAD" id="bottomAD">

<div class="close">

<img id="imgClose" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2285029628,2312201842&fm=27&gp=0.jpg" width="20" height="20" />

</div>

<div class="bottom-con">

<div class="bottom-pic">

<a href="http://q.mian6.cn"><img src="http://www.mian6.cn/upFiles/infoImg/20180311/201803111104058839.png" width="100%" height="100px" alt="" /> </a>

</div>

</div>

</div>

<script>

window.onload=function(){

document.getElementById("imgClose").onclick=function(){

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

}

}

</script>

</body>

</html>

«Newer Older»

Back to home

Subscribe | Register | Login | N