Web5/js/lrkf/lrkf02.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>懒人qq客服 - 懒人建站 http://www.51xuediannao.com</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="skin/lrkf_blue2.css">
<script src="js/lrkf.js" charset='utf-8'></script>
<script>
$(function(){
	/*
	 * 皮肤编号 lrkf_blue1 无图版，lrkf_blue2 图片版，更多皮肤敬请期待 懒人qq客服 - http://www.51xuediannao.com/qqkefu/
	 * 参数配置参考正文中的参数配置说明
	*/
	$("#lrkfwarp").lrkf({
		kftop:'140',
		defshow:false,
		qqs:[
			{'name':'售前晓梅','qq':'123213200'},			//注意逗号是英文的逗号
			{'name':'客服1号','qq':'123213200'},
			{'name':'小莉','qq':'123213200'},
			{'name':'技术大狼','qq':'191221838'}			//注意最后一个{}不要英文逗号
		],
		tel:[
			{'name':'售前','tel':'400-655-0888'},		//注意逗号是英文的逗号
			{'name':'售后','tel':'15638527790'}
		],
		more:"http://www.51xuediannao.com/"				//>>更多方式		
	});
		
});
</script>


</head>

<body>

<h1>懒人qq客服</h1>
    <ol>
    	<li><a href="" target="_blank" rel="nofollow">懒人qq客服风格一</a></li>
        <li><a href="lrkf02.html" target="_blank" rel="nofollow">懒人qq客服风格二</a></li>
        <li><a href="lrkf03.html" target="_blank" rel="nofollow">懒人qq客服风格三</a></li>
        <li><a href="lrkf04.html" target="_blank" rel="nofollow">懒人qq客服风格四</a></li>
    </ol>
<pre style="background-color:#ddd; border:#ccc solid 1px; padding:10px; line-height:1.7;white-space: pre-wrap;word-wrap: break-word;*white-space:normal;">
<strong>部分参数配置说明：</strong>
kftop:'140',			//距离顶部距离
Event:'click',			//划过显示：Event:''或者Event:'hover' 单击显示：	Event:'click'
btntext:'客服在线',		//默认为 客服在线 四个字，如果你了解css可以使用图片代替
defshow:false,			//默认折叠:defshow:false，默认展开:defshow:true
position:'absolute',	//如果为absolute所有浏览器在拖动滚动条时均有动画效果，如果为空则只有IE6有动画效果，其他浏览器使用固定定位，这样可以让代码运行更快。
z:'99999',				//设置z轴，默认为 99999 如果你的页面有z轴级别比这个还高，请增加这个z轴或者减小页面上的z轴。
</pre>
<div style="height:2000px;">
    <a href="http://www.51xuediannao.com/">懒人建站</a>为您提供-基于<a href="http://www.51xuediannao.com/js/jquery/">jquery特效</a>，jquery弹出层效果，导航菜单代码，下拉菜单代码和jquery焦点图片代码，懒人建站关注软件界面设计，WEB/后台/手机/软件UI设计、建站素材、html5和CSS3新技术等。
    <h2>懒人qq客服使用方法</h2>
    <strong style="color:#F00">强烈建议你”右键“-”查看源代码“ 看这个演示页面的调用方法，真的很简单，这里就不提供下载包了。</strong>
    <p>一、首先要引用css皮肤文件：</p>
    skin/lrkf_blue.css" 注意lrkf_blue.css是样式文件。当然你可以自己制作皮肤。