jQuery的QQ在线客服插件sonline.js

来源:https://www.sucaihuo.com/js/2973.html 2017-09-10 13:26浏览(1702) 收藏

一款jQuery的QQ在线客服插件sonline.js,页面加载时,客服悬停在页面的底部,随着滚动条的下滑,位置上升最终停靠在页面右侧的中间位置,可以点击关闭按钮后最小化显示。
jQuery的QQ在线客服插件sonline.js
分类:悬浮层/弹出层 > 客服 难易:初级
查看演示 下载资源 下载积分: 20 积分

页面的head部分,引入页面的样式文件、jQuery库和必要插件,并启用插件设置相关参数,代码如下:

<!--需要其它风格,可导入“style/”目录下的其它样式表文件-->
<link type="text/css" rel="stylesheet" href="style/default_blue.css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<!--低版本jQuery可以不调用jquery-migrate-1.2.1.min.js-->
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="js/sonline.js" language="javascript"></script>
<script type="text/javascript">
$(function(){
	$("body").Sonline({
		Position:"right",//left或right
		Top:478,//顶部距离,默认200px
		Effect:true, //滚动或者固定两种方式,布尔值:true或false
		DefaultsOpen:true, //默认展开:true,默认收缩:false
		Qqlist:"8888888|客服01,8888888|客服02,8888888|客服03" //多个QQ用','隔开,QQ和客服名用'|'隔开
	});
})	
</script>

页面的body部分,设置好一个div容器用来撑开页面显示滚动条,代码如下:

<div style="height:2500px"></div>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2