wap手机网页(网站)自适应中部悬浮小广告代码【靠右侧】手机悬浮小图片广告源码
修改版增加关闭操作
// 作者:1号优惠 · 51福利网
// 网址:https://www.51yhyh.com/
// code:手机网页中部广告代码,带单独关闭
var p_w="70px"; //广告宽度,单位px,如自适应宽度就改为100%;
var p_h="70px"; //广告高度,单位px
var p_s="images/22.gif"; //广告图片地址
var p_l="'https://www.51yhyh.com/"; //广告图片链接
document.writeln("<style type=\"text/css\">");
document.writeln(".f_f{ width:100%; position:fixed; left:70%;top:38%;width:"+p_w+"; height:"+p_h+"; bottom:0px; z-index:9999;}");
document.writeln(".f_pic{ width:"+p_w+"; height:"+p_h+"; margin:0px auto; position:relative; }");
document.writeln(".f_pic img{ width:"+p_w+"; height:"+p_h+";}");
document.writeln(".f_pic .f_close{z-index:2157999999 !important;height:16px; width:16px; font-size:13px; color:white;text-align:center;line-height:14px;background:rgba(0,0,0,0.7); position:absolute; top:-5px; right:-5px;border-radius:50%;}");
document.writeln("</style>");
document.writeln("<div class=\"f_f\" id=\"f_f\">");
document.writeln("<div class=\"f_pic\">");
document.writeln("<a href=\""+p_l+"\" target=\"_blank\"><img src=\""+p_s+"\" /></a>");
document.writeln("<span class=\"f_close\" id=\"f_close\">X</span>");
document.writeln("</div>");
document.writeln("</div>");
var f_close = document.getElementById("f_close");
var f_div_f = document.getElementById("f_f");
f_close.onclick = function(){
if(f_div_f){
f_div_f.style.display = "none";
}
}
复制以上代码创建js文件,如logo.js
然后直接引用js文件即可,例如
<script src="https://www.51fxyh.com/ajs/xuanfulogo.js"></script>
注意如果是跳转单独网址,需要删除网址前的一个分号
改为
var p_l="https://www.51yhyh.com//"; //广告图片链接