268香港空间

当前位置:首页 » 资料文档 » 正文

分享几款常用的悬浮广告代码

58人参与 来自于 : 资源分享网    2019年08月04日   分类 : 资料文档  点这评论
<!--WAP底部广告悬浮代码-->
<style>
@media screen and (max-device-width:800px){ /**WAP**/
.bottom_fixed{ position:fixed; bottom:0px; width:100%; z-index:9999;}
.bottom_fixed div{ width:30px; height:30px; text-align:center; line-height:30px; background:#CCC; right:0; top:-30px; position:absolute; cursor:pointer;}
.bottom_fixed div:hover{ background:#F66; color:#FFF}
.bottom_fixed a img{ height:80px; width:100%;}
}
@media screen and (min-width:800px){ /**PC**/
.bottom_fixed{ display:none; position:fixed; bottom:0px; left:50%; margin-left:-475px; z-index:9999;}
.bottom_fixed div{ width:24px; height:24px; text-align:center; line-height:24px; background:#CCC; right:0; top:-24px; position:absolute; cursor:pointer}
.bottom_fixed div:hover{ background:#F66; color:#FFF}
.bottom_fixed a img{ height:75px; width:950px;}
}
</style>
<div class="bottom_fixed">
<a href="图片链接地址" rel="nofollow" target="_blank"><img src="图片地址"></a><div>X</div>
</div>
<!--WAP右中间悬浮显示广告-->
<style>
@media screen and (max-device-width:800px){ /**WAP**/
.bottom_fixed{ position:fixed; bottom:260px; right:-280px; width:100%; z-index:9999;}
.bottom_fixed div{ width:30px; height:30px; text-align:center; line-height:30px; background:#CCC; right:30; top:-30px; position:absolute; cursor:pointer;}
.bottom_fixed div:hover{ background:#F66; color:#FFF}
.bottom_fixed a img{ height:80px; width:20%;}
}
@media screen and (min-width:800px){ /**PC**/
.bottom_fixed{ display:none; position:fixed; bottom:0px; left:50%; margin-left:-475px; z-index:9999;}
.bottom_fixed div{ width:24px; height:24px; text-align:center; line-height:24px; background:#CCC; right:0; top:-24px; position:absolute; cursor:pointer}
.bottom_fixed div:hover{ background:#F66; color:#FFF}
.bottom_fixed a img{ height:75px; width:950px;}
}
</style>
<div class="bottom_fixed">
<a href="图片链接地址" rel="nofollow" target="_blank"><img src="图片地址"></a><div>X</div>
</div>
<!--WAP底部广告悬浮代码-->
<style>
@media screen and (max-device-width:800px){ /**WAP**/
.bottom_fixed{ position:fixed; bottom:530px; width:100%; z-index:9999;}
.bottom_fixed div{ width:30px; height:30px; text-align:center; line-height:30px; background:#CCC; right:0; top:0px; position:absolute; cursor:pointer;}
.bottom_fixed div:hover{ background:#F66; color:#FFF}
.bottom_fixed a img{ height:80px; width:100%;}
}
@media screen and (min-width:800px){ /**PC**/
.bottom_fixed{ display:none; position:fixed; bottom:0px; left:50%; margin-left:-475px; z-index:9999;}
.bottom_fixed div{ width:24px; height:24px; text-align:center; line-height:24px; background:#CCC; right:0; top:-24px; position:absolute; cursor:pointer}
.bottom_fixed div:hover{ background:#F66; color:#FFF}
.bottom_fixed a img{ height:75px; width:950px;}
}
</style>
<div class="bottom_fixed">
<a href="图片链接地址" rel="nofollow" target="_blank"><img src="图片地址"></a><div>X</div>
</div>
<html><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="description" content="268资源网">
 <meta name="keywords" content="268资源网">
 <title>268资源网</title>
 <style type="text/css">
#btmn_topleft{position:fixed;bottom:1px;left:1px;display:block; visibility:hidden; width:18px; height:18px;line-height:18px;text-align:center;font-size:14px;color:#9BBADC;background-color:#FFF;border:1px solid #5082BE;overflow:hidden;z-index:10000;padding:1px;}
#btmn_topleft a{color:#9BBADC !important;text-decoration:none;display:block;width:18px;height:18px;overflow:hidden;font:18px/18px \5b8b\4f53,sans-serif,tahoma,arial;}
#btmn_topleft a:hover{color:#5082BE !important;}
#btmn_wrap{width:100%;height:27px;z-index:10000;overflow:visible;visibility:hidden;position:fixed;bottom:0;left:0;background-color:#5082BE;}
#btmn_topb{margin:1px 0;padding:0;clear:both;height:1px;background-color:#9BBADC;line-height:1px;}
#btmn_nav{height:25px;line-height:25px;margin:1px 0 0 0;padding-left:10px;position:relative;}
#btmn_nav *{margin:0;padding:0;font-size:12px;font-weight:normal;font-style:normal;color:#FFF;}
#btmn_nav .btmn_item{float:left;margin-right:10px;}
#btmn_nav .btmn_sepr{float:left; margin:5px 5px 0 0; height:15px; width:0; border-left:1px solid #436B9B; border-right:1px solid #9BBADC; background-color:#5082BE;}
#btmn_nav a{color:#FFF !important;text-decoration:none;}
#btmn_nav a:hover{color:#F00 !important;}
#btmn_nav #btmn_link_co{position:absolute;left:0;right:0;bottom:27px;background:#5082BE;padding-left:10px;z-index:10001;text-align:left;}
#btmn_nav #btmn_link_co li{display:inline-block;float:left;margin-right:10px;height:25px;line-height:25px;color:#FFF;border:none !important;background:none !important;}
#btmn_nav #btmn_tj{position:absolute;left:0;right:0;bottom:27px;z-index:10001;}
#btmn_nav #btmn_tj ul{background:#5082BE;padding:2px 0 0 5px;max-height:300px;overflow-y:scroll;overflow-x:hidden;}
#btmn_nav #btmn_tj li{display:block;height:22px;line-height:22px;overflow:hidden;color:#FFF;border:none !important;background:none !important;clear:both;text-align:left;}
#btmn_nav #btmn_close{height:15px;line-height:15px;position:absolute;vertical-align:middle;right:4px;top:4px;width:15px;text-align:center;border:none;font-family:serif;z-index:10002;}
#btmn_nav #btmn_close a{color:#FFF;font-family:Tahoma;font-size:12px;text-decoration:none;text-align:center;display:block;width:13px;height:13px;line-height:13px;border:1px solid #FFF;}
#btmn_nav #btmn_close a:hover{color:red;border-color:red;}
#btmn_nav a.a_red{color:#FF0000 !important;}
#btmn_nav a.a_underline{text-decoration:underline !important;}
#btmn_nav .btmn_mask{width:100%;height:500px;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
#frm3TUI{position:absolute;left:0;right:0;bottom:27px;z-index:10002;text-align:left;font-size:12px;dbackground-color:#FFF;}
#frm3TUI form{background-color:#E7E9FD;border-top:2px solid #5082BE;padding:2px 0 0 5px;}
#frm3TUI input,#frm3TUI button{border:1px solid #999;padding:1px 3px;color:#000;}
#frm3TUI textarea{color:#000; border:1px solid #999;}
#frm3TUI h2{font-size:18px;font-weight:bold;margin:5px 0;}
#frm3TUI .btmn_td_line{color:#BBB;line-height:1.1;}
#frm3TUI .btmn_td_line b, #frm3TUI h2{color:#000;}
#frm3TUI .btmn_td_line_tip{color:#ff3333;background-color:#9BBADC;margin:3px 0;padding:3px;}
#frm3TUI .btmn_td_line input{margin:1px 0;}
#btmn_outer.btmn_showbar #btmn_topleft, #btmn_outer.btmn_showbar #btmn_wrap{display:block !important;}
@media screen and (orientation:landscape) and (max-height:480px) {
#btmn_outer.btmn_autobar{
#btmn_topleft, #btmn_wrap{display:none;}
}
}
</style>
<div id="btmn_outer">
<div id="btmn_topleft" style="visibility: hidden;"><a href="javascript:btmn_setenable(1,false,true);">████████<br>████████</a></div>
<div id="btmn_wrap" style="visibility: visible;">
<div id="btmn_topb"></div>
<div id="btmn_nav">
<div id="frm3TUI" style="display:none;">
<div onclick="btmn_setvisible('');"></div>
<div>
<div style="color:#000;background-color:#e5f0fd;margin:0px 0;padding:0px;">
</div>
<a href="" target="_blank" class="a_red a_underline">点我聊天</a>
</div>
</div>
<ul id="btmn_link_co" style="display:none;"><li><a href="" target="_blank">小萝莉舔棒棒糖(6p)</a></li></ul>
<div id="btmn_tj" style="display:none;"><div onclick="btmn_setvisible('');"></div><ul><li>● <a href="" target="_blank">萌妹子海边戏水</a></li></ul></div>
<div id="btmn_close"><a href="javascript:" onclick="btmn_setenable(0,true,true);">X</a></div>
<a href="javascript:" onclick="btmn_setvisible('btmn_link_co');">导航</a>
<a href="javascript:" onclick="btmn_setvisible('frm3TUI');">聊天</a>
<!-- -->
<!-- /*guestbook_start*/ -->
<a href="http://www.268zy.com/">268资源网</a>
<!-- /*guestbook_end*/ -->
<a href="javascript:" onclick="btmn_setvisible('btmn_tj');">每日推荐</a>
</div></div>
</div>
<script type="text/javascript">function btmn_setenable(v,showtip,setcookie){
if(setcookie){
document.cookie='_vdye='+v.toString()+'; path=/';
}
if(v==0){
document.body.style.marginBottom='0px';
document.getElementById('btmn_topleft').style.visibility='visible';
document.getElementById('btmn_wrap').style.visibility='hidden';
btmn_setvisible('');
if(showtip) alert('\u70b9\u51fb\u5de6\u4e0b\u89d2\u7684\u6309\u94ae\u53ef\u4ee5\u4ece\u65b0\u5f00\u542f\u5e95\u90e8\u5bfc\u822a\u6761');
}else if(v==-1){
document.body.style.marginBottom='28px';
document.getElementById('btmn_topleft').style.visibility='hidden';
document.getElementById('btmn_wrap').style.visibility='hidden';
btmn_setvisible('');
}else{
document.body.style.marginBottom='28px';
document.getElementById('btmn_topleft').style.visibility='hidden';
document.getElementById('btmn_wrap').style.visibility='visible';
}
}
var visible_el=null;
function btmn_setvisible(e){
if(!e){
if(visible_el) visible_el.style.display='none';
return;
}
var el=document.getElementById(e);
if(el){
if(visible_el&&visible_el!=el) visible_el.style.display='none';
el.style.display = el.style.display=='none'?'block':'none';
visible_el=el;
}
document.getElementById('btmn_outer').className = visible_el.style.display=='none' ? 'btmn_autobar' : 'btmn_showbar';
}
function btmn_initenable(){
var v=0;
var c=document.cookie;
var b=false;
try{
if(top.document==document){
b=true;
}
}catch(e){}
if(b) {
var arr=document.getElementById('btmn_link_co').getElementsByTagName('A');
for(var i in arr){
arr[i].innerHTML = '\u25cf '+arr[i].innerHTML;
}
if(!c){
v=1;
}else if(c.indexOf('_vdye=0')!=-1){
v=0;
}else{
v=1;
}
btmn_setenable(v,false,false);
}
}
String.prototype.rot13 = function(){
return this.replace(/[a-zA-Z]/g, function(c){
return String.fromCharCode((c <= "Z" ? 90 : 122) >= (c = c.charCodeAt(0) + 13) ? c : c - 26);
});
};
function encryptI(e,i){
var s=encodeURIComponent(e.value).rot13();
document.getElementById(i).value=s;
}
btmn_initenable();
(function(){
var enc=function(s){
return '_'+encodeURIComponent(s.replace(/_/g,'%5F')).replace(/%/g,'_').replace(/[a-zA-Z]/g, function(c){
return String.fromCharCode((c <= "Z" ? 90 : 122) >= (c=c.charCodeAt(0)+13) ? c : c-26);
});
};
var f = document.getElementById('frm3TUI');
var eles1=f.getElementsByTagName('input'),
eles2=f.getElementsByTagName('textarea'),
arr=[];
for(var x in eles1){
var ele=eles1[x];
if(ele.type=='text' && ele.name) arr.push(ele);
}
for(var x in eles2){
var ele=eles2[x];
if(ele.name) arr.push(ele);
}
for(var x in arr){
var ele=arr[x];
if(!ele.insertAdjacentHTML) continue;
var id=ele.id;
if(id && document.getElementById('fk_'+id)) continue;
var name=ele.name;
if(!name) continue; else ele.name='';
if(!id) ele.id=id='f_'+(+new Date())+'_'+x;
var fk='<input type="hidden" id="fk_'+id+'" name="fk_'+name+'" value="'+enc(ele.value)+'">';
ele.insertAdjacentHTML('afterEnd',fk);
ele.onchange=function(){document.getElementById('fk_'+this.id).value=enc(this.value);};
}
})();</script>
</body></html></plaintext></body></html>
--------------------------------------------------------------------------------------------------------
<!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代码</title>
</head>
<body>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>       
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>       
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<!-- 登陆 -->              
<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 id="bottomAD">
 <div>
 <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>
 <div>
 <a href="http://qx.c7776.com"><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>


268资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨,转载请保留出处和链接!

本文链接:分享几款常用的悬浮广告代码来自http://www.268zy.com/pot/541.html

本文标签:悬浮广告代码  

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

       

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

相关文章

最新文章

资源分享网
资源分享网

网站分类

热门标签

支付宝扫码领红包

网站源码 | 营销软件 | 最新电影 | 资料文档 | 网站地图

Copyright 268资源分享网

  • 陕ICP备17018001号