网站在线联系QQ客服弹窗代码

截图:

对于好多网站需要添加一个可以在线方便联系客服的弹窗,这个代码淘宝也有的卖,不过杨小杰博主扒了一个免费分享出来了,我就当做搬运工转载一下了。

代码如下:

<style type="text/css">
	* { padding:0; margin:0; font-family:Microsoft YaHei,Simsun;}
	.main {display:none;width:327px;height:172px; background-repeat:no-repeat;}
	.bg { background-image:url(http://s-api.yunvm.com/young/bg.png)}
	.btn { position:absolute; display:block;}
	.launchBtn { top:145px; left:173px; width:69px; height:22px;}
	.laterBtn { top:145px; left:248px; width:69px; height:22px;}
	.closeBtn { top:0;left: 283px;; width:39px; height:26px;}
	.title { position:absolute; top:1px; left:17px; height:30px; line-height:30px; font-size:16px; color:#000;}
	.content { position:absolute; top:45px; left:114px; width:203px; height:85px;}
	.content .msg { font-size:12px; color:#000; line-height:25px;}
</style>
<div class="main bg" id="qqlos" width="327px;">
	<a id="launchBtn" class="launchBtn btn" href="javascript:qqtalk();"></a><a id="laterBtn" class="laterBtn btn" href="javascript:hide();"></a><a id="closeBtn" class="closeBtn btn" href="javascript:hide();"></a>
	<p id="title" class="title">
		在线咨询
	</p>
	<div class="content">
		<p id="msg" class="msg">您好,请问有什么可以帮到您?请接受聊天邀请。</p>
	</div>
</div>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
	$(function(){
		/*定时显示这个客服框1秒=1000*/
		setTimeout('show()',10000);
	});
	function qqtalk(){
		/*自行替换1170535111为自己的QQ*/
		window.open("http://wpa.qq.com/msgrd?v=3&uin=1170535111&site=qq&menu=yes");
	}
	function hide(){
		document.getElementById('qqlos').style.display='none';
	}
	function show(){
		document.getElementById('qqlos').style.display='block';
		/*滚动标题*/
		var s="【你有一条新消息】".split("");
		function func(){
			s.push(s[0]);
			s.shift();
			document.title = s.join("");
		}
		/*滚动速度*/
		setInterval(func,1000);
	}
</script>



本文标签:

版权声明:网站在线联系QQ客服弹窗代码》该篇文章出自【岳泽以博客】,如果您有任何复制、转载行为请注明原文地址!

作者:岳泽以博客

普通的的一位Web爱好者。

返回列表
上一篇:
下一篇:

发表评论

快捷回复:

评论列表 (已有9条评论)
小精灵侯爵2020-04-09 15:33回复
类比现实生活中,如果某位同学调班了,那么就应该把这个条走后的学生的姓名删除掉;在开发中经常会用到删除这种功能。
列表元素的常用删除方法有:
del:根据下标进行删除
pop:删除最后一个元素
remove:根据元素的值进行删
编程浪子侯爵2020-04-07 16:59回复
晨载体非机动车   厅地在地厅地在村民在地厅地苛在地要地区夺在要地区性在在在线1
超过级学员侯爵2020-04-06 17:17回复
浊 在地区夺取枯霜夺枯地在寺在在地地地区性
女人说侯爵2020-03-31 16:54回复
软件水平考试指南有脸地有人地有圾地区枯黄夺在线
女人说侯爵2020-03-30 14:07回复
在线工在地区夺枯地有关要地要在有关 !
人鬼情未了侯爵2020-03-23 10:21回复
姐妹们,不想玩了想出号,现在是VIP2,然后衣服也蛮多,有想买的姐妹可以联系我,我不咋知道行情,70买吗?