给网站/网页添加一个企业QQ客服在线咨询悬浮框

给网站/网页添加一个企业QQ客服在线咨询悬浮框


刚刚扒的一个企业QQ客服悬浮框的代码,需要修改的地方都注释了,自己在用的时候再给他添加一个悬浮的css即可,已经设置好定时出现和滚动标题。

<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(){
		/*自行替换1606936745为自己的QQ*/
		window.open("http://wpa.qq.com/msgrd?v=3&uin=1606936745&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>

2,518 ° 来自:iPhone 天津市
上一篇: 手机版音乐自动采集PHP网站源码带MV带歌词带外链
下一篇: 生日祝福网站多样式自动生成网站程序ASP版本
您可能还喜欢这些:
版权声明 1 本网站名称:宋佳乐博客
2 本站永久网址:www.songjiale.com
3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ2801910651进行删除处理。
4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6 本站资源大都存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
7 如无特别声明本文即为原创文章仅代表个人观点,版权归《宋佳乐博客》所有,欢迎转载,转载请保留原文链接。
8 如果您想第一时间收到本博最新文章可微信搜索公众号《佳乐博客》关注公众号第一时间获取最新消息。
广告位联系QQ2801910651 广告位联系QQ2801910651丨或者在线留言留下您的联系方式我们客服主动与您联系! Document
提醒图片

您已进入网站内部页面,请勿相信各种广告链接,请不要在本站输入任何账号密码!!!

亲,沙发正空着,还不快来抢?

评论审核已开启 记住我的个人信息 回复后邮件通知我
Back to Top