<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>jQuery网页左侧浮动在线QQ客服代码 - 网页模板</title>
<link href="css/slider.css" rel="stylesheet" type="text/css" charset="utf-8">
<script type="text/javascript" src="js/jquery-1.7.2.min.js" charset="utf-8"></script>
</head>
<body oncontextmenu="return false" ondragstart="return false">
<div style="height:1200px;text-align:center;margin:35px 0 0 0;">
<h2>网页左侧浮动jquery在线QQ客服代码 <br>
<br>
演示效果请看网页左侧,鼠标移上去即弹出</h2>
<br><br><br>
<p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p><br>
<p>来源:<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</div>
<div id="divQQbox" class="QQbox">
<div id="divOnline" class="Qlist">
<div class="OnlineLeft">
<div class="con">
<ul>
<li>售前咨询<a target="_blank" href="tencent://message/?uin=12345678&&Site=www.moobnn.com&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:12345678:42"></a></li>
<li>网站建设<a target="_blank" href="tencent://message/?uin=12345678&&Site=www.moobnn.com&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:12345678:42"></a></li>
<li>网站优化<a target="_blank" href="tencent://message/?uin=12345678&&Site=www.moobnn.com&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:12345678:42"></a></li>
<li>整合营销<a target="_blank" href="tencent://message/?uin=12345678&&Site=www.moobnn.com&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:12345678:42"></a></li>
<li>售后服务<a target="_blank" href="tencent://message/?uin=12345678&&Site=www.moobnn.com&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:12345678:42"></a></li>
</ul>
</div>
</div>
<div class="OnlineBtn">
</div>
</div>
</div>
<script type="text/javascript">
$(function(){
//建站热线展开效果
$("#divQQbox").hover(
function(){
$(this).stop(true,false);
$(this).animate({left:0},300);
},
function(){
$(this).animate({left:-276},149);
}
)
});
</script>
</body>
</html>