手机站底部对话弹窗_项目_纤云聚合

手机站底部对话弹窗

打赏 user4 ¥2.99
微信扫描即可打赏
阿里云好贵
网站需要运营
给点小费以表支持

项目介绍

手机站底部对话弹窗插件很常见,基本上属于烂大街的了。不过比较实用。直接修改商务通ID就行,图片就不上传了,DIY嘛,自己动手做下不会死人的。代码是从徒弟那儿偷的,话说这么急着找我要代码我也一时不知道从哪儿偷,近水楼台先得月?代码如下:

<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script>
document.writeln("<style>.dt-gb{display:block; float:right;font:20px/15px \'宋体\'; color:#fff; cursor:pointer; border:1px solid #d3d2d2; margin:8px 10px 0 0; padding:2px; background:#fff; color:#045840;} .cf:before,.cf:after{display: table;content:\"\"}.cf:after{clear:both}.cf{zoom:1}.shadow {z-index:11000000; display: none; position: fixed; width: 100%;max-width:640px;margin:0 auto; height: 100%; top:0;background-color: rgba(0,0,0,.2); }.float_container {z-index:999991; position: fixed; width: 100%; left:0; bottom:0; background:#ddfce3;} .db { display: block}.float_container .title { background:#045840;font:18px/37px \'微软雅黑\'; line-height: 2.2; color:#fff; text-align: center; letter-spacing: -1px; height:37px;}.title img{ float:left;}.title span{ font-size:14px; padding:0 0 0 10px;}.float_container dl { display: none; transiton:all .3s linear 0s;margin:10px 0 0 0;padding:0;} .float_container dt { display: inline-block; width: 14%; float: left; margin: 30px 0 0 8 px; text-align: center}.float_container dt img{max-width:100%;border:0;vertical-align:middle;-ms-interpolation-mode: bicubic; margin:15px 0 0 0}.float_container dd {margin:0; display: inline-block; position: relative; width: 68%; float: left; margin-top: 10px; }.float_container .time { font-size: 12px; line-height: 1.6; color:#6c6761;width:100%;margin:0 0 0 50px;height:1.6em;  }.float_container .box { color:#000;position: relative; margin-left: 5%; background:url(/swt/2015-07-20/swtdh_08.png) left no-repeat;letter-spacing: -1px; padding:0 0 0 11px;}");
document.writeln(".float_container .box .box1{border:1px solid #96dac6; padding:5px 10px; border-radius:3px; background:#aff6e2;}");
document.writeln(".float_container .box img { width: 22px; vertical-align: bottom;}.float_container .box:before,.float_container .box:after { position: absolute; content: \"\"}.float_container .box:before { width: 18px; height: 13px; top:-1px; left:-9px; background-size: 18px; }.float_container .box:after { width: 40px; height: 26px; bottom:-4px; right:-7px;background-size: 40px; }.float_container .btn { margin-top: 5px; padding:10px 0; background-color: #ddfce3; }.float_container .btn a { display: inline-block; width: 39%; height: 2em; float:left; margin:0 5%; border-radius: 12px;font-size: 16px; color:#fff; line-height: 2; text-align: center; text-decoration: none; transition:all .3s linear 0s; }.float_container .btn a:hover {}@media screen and (max-width: 320px) {	.float_container.title {font-size: 18px; background-size: 32px}.float_container dd {width: 73%}.float_container .box {font-size: 13px}.float_container .btn a {border-radius: 10px;font-size: 15px}} .box a{ color:#000; display:inline-block} .dt-aone{background:#045840;}.dt-atwo{background:#f00;}");
document.writeln(".dt-title-m{ width:100%; margin:0 auto; height:37px;}");
document.writeln(".dt-title-8{ width:80%; height:37px; display:block; float:left;}");
document.writeln(".dt-title-2{ width:20%; height:37px; display:block; float:left;}");
document.writeln(".dt-xx{ width:100%; height:30px; background:#fafbfb;}");
document.writeln(".dt-xx-m{ width:300px; height:30px; margin:0 auto; font:14px/30px \'宋体\'; color:#9b9b9b;}");
document.writeln(".dt-xx-m img{ float:left;}");
document.writeln("");
document.writeln("</style>");
document.writeln("{dede:arclist typeid=\'26\' row=\'1\' channelid=\'19\' idlist=\'90\' addfields=\'body1,body2\' }");
document.writeln("<div class=\"float_container db cf\" id=\"footTool\" style=\"display:none\">");
document.writeln("  <div class=\"title\">");
document.writeln("  <div class=\"dt-title-8\">");
document.writeln("  <div class=\"dt-title-m\">");
document.writeln("   [field:title/]");
document.writeln("  </div>");
document.writeln("  </div>");
document.writeln("  <div class=\"dt-title-2\">");
document.writeln("  <a class=\"dt-gb\" onclick=\"closeSWT();\">×</a>");
document.writeln("  </div>");
document.writeln("  </div>");
document.writeln("  ");
document.writeln("  <dl class=\"cf\" id=\"tools2\" >");
document.writeln("    <dt><img src=\"/swt/2015-07-20/swtdh_06.png\"></dt>");
document.writeln("    <dd>");
document.writeln("      <div class=\"box\">");
document.writeln("      <div class=\"box1\"><a href=\"javascript:void(0)\" onclick=\"openZoosUrl();return false;\">");
document.writeln("      <img alt=\"smile\" src=\"/swt/2015-07-20/smile.gif\">[field:body1/]</a></div>");
document.writeln("      </div>");
document.writeln("      <div class=\"time\" id=\"now1\"></div>");
document.writeln("    </dd>");
document.writeln("  </dl>");
document.writeln("<dl  onclick=\"onClickSWT(\'swt-dibu02\');return false;\"   class=\"cf\" id=\"tools3\">");
document.writeln("    <dt><img src=\"/swt/2015-07-20/swtdh_06.png\"></dt>");
document.writeln("    <dd>");
document.writeln("      <div class=\"box\">");
document.writeln("      <div class=\"box1\"><a href=\"javascript:void(0)\" onclick=\"openZoosUrl();return false;\">[field:body2/]</a></div>");
document.writeln("  </div> \")");
document.writeln("      <div class=\"time\" id=\"now2\"></div>");
document.writeln("    </dd>");
document.writeln("  </dl>");
document.writeln("  ");
document.writeln("<div class=\"btn cf\"><a onclick=\"closeSWT();\" class=\"dt-aone\">稍后回复</a><a href=\"javascript:void(0)\" onclick=\"openZoosUrl();return false;\" class=\"dt-atwo\">点击回复医生</a></div>");
document.writeln("</div>");
document.writeln("{/dede:arclist}");
function ShowLayer()
{
document.all.footTool.style.display="block";
}
function CloseLayer()
{
document.all.footTool.style.display="none";
}
setTimeout("ShowLayer()",7000);//延迟显示


function ShowLayer2()
{
document.all.tools2.style.display="block";
shijian();
}
function CloseLayer2()
{
document.all.tools2.style.display="none";
}
setTimeout("ShowLayer2()",8000);//延迟显示


function ShowLayer3()
{
document.all.tools3.style.display="block";
shijian2();
}
function CloseLayer3()
{
document.all.tools3.style.display="none";
}
setTimeout("ShowLayer3()",12000);//延迟显示
setTimeout("CloseLayer3()",4000);//延迟消失


function chkSWT() {
    if (document.getElementById("footTool")) {
        if (document.getElementById("footTool").style.display == "none") {
            document.getElementById("footTool").style.display = "block";
        }
    }
}
function closeSWT() {
    setTimeout("CloseLayer3()",0)
	setTimeout("CloseLayer2()",500)
	setTimeout("CloseLayer()",1000)
    setTimeout("ShowLayer()",25000);
	setTimeout("ShowLayer2()",25500);
	setTimeout("ShowLayer3()",31000);
		return false;
   
};

//选中文字打开商务通对话窗口
function onClickSWT(e){
		if(typeof openZoosUrl == 'undefined'){

			var url = 'http://awt.zoossoft.com:88/LR/Chatpre.aspx?id=商务通ID&lng=cn=' + escape(location.href) + '&r='+ escape(document.referrer);
			url = url + '&e=' + e +'&p=' + encodeURIComponent(location.href);
			try{
				window.open(url, 'news' + (new Date()).getTime());
			}catch(e){
				location.href = url;
			}
		}else{

			openZoosUrl('chatwin', '&e=' + e);
		}
		return false;
}
var sj=true;
function shijian(){
	if(sj){
    var today=new Date();//获取当前时间
	var h=today.getHours();//获取小时
	var m=today.getMinutes();//获取分钟
	var s=today.getSeconds();//获取秒
	document.getElementById("now1").innerHTML=h+":"+m+":"+s;
	sj=false;
	}
	};
var sj2=true;
function shijian2(){
	if(sj2){
    var today=new Date();//获取当前时间
	var h=today.getHours();//获取小时
	var m=today.getMinutes();//获取分钟
	var s=today.getSeconds();//获取秒
	document.getElementById("now2").innerHTML=h+":"+m+":"+s;
	sj2=false;
	}
	};
</script>

我们为【手机站底部对话弹窗】项目提供技术支持

该项目提供技术支持时间为:7天

我们为【手机站底部对话弹窗】项目提供技术支持

该项目提供技术支持时间为:7天

联系我们

我们将通过邮件、QQ或者电话对该项目提供必要的、一定的技术支持

该项目提供技术支持包括:
关于该项目的相关问答
该项目的相关介绍及必要的使用说明
响应该项目的错误和反馈
协助购买及下载
项目支持不包括:
定制服务
安装/使用服务

如果您需要定制或者修改服务,点击定制

联系我们
保健品会销骗局暴利骗钱套路

保健品会销骗局暴利骗钱套路

重庆协和医院综合html模板

重庆协和医院综合html模板

手机端带离线宝商务通弹窗-JS

手机端带离线宝商务通弹窗-JS

幸不辱命·即将上线-敬请期待

幸不辱命·即将上线-敬请期待

屏蔽某地区(城市)访问网站

屏蔽某地区(城市)访问网站

该页面仅支持浏览,不支持下载。欲下载请访问PC端。
纤云聚合 发现更多 经验教程 观点 医疗招聘 友情链接 关于我们 免责声明 广告合作

Copyright © qaayoo.com Inc. All Rights Reserved. 纤云聚合 蜀ICP备14015264号
免责申明:本网站的部分内容来源于网络,如有侵权请告之删除! 举报邮箱:admin@qaayoo.com