亚青文化
各种薅羊毛福利分享福利网

wap手机网页(网站)自适应中部悬浮小广告代码【靠右侧】手机悬浮小图片广告源码

wap手机网页(网站)自适应中部悬浮小广告代码【靠右侧】手机悬浮小图片广告源码

修改版增加关闭操作

51福利网
// 作者:51福利网
// 网址:https://www.51wuditu.com/
// code:手机网页中部广告代码,带单独关闭
 
 
var p_w="70px";  //广告宽度,单位px,如自适应宽度就改为100%;
var p_h="70px";    //广告高度,单位px
var p_s="images/22.gif";  //广告图片地址
var p_l="'https://www.51wuditu.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.51wuditu.com//";  //广告图片链接

赞(0) 打赏
51福利网薅羊毛福利具有时效性,如有失效,请留言
文章名称:《wap手机网页(网站)自适应中部悬浮小广告代码【靠右侧】手机悬浮小图片广告源码》-51福利网
文章链接:https://www.51wuditu.com/9346
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

Hi, 请登录     我要注册

亚青文化·51福利网最新最全薅羊毛,现金红包线报网

51联盟线报群赚钱·合作·帮助

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏