左侧悬浮jquery在线客服广告代码

7个月前 (04-18 19:26)阅读回复0

管理员
发消息
注册排名1
经验值5294
级别管理员
主题1058
回复2

楼主

建站公司常用的QQ在线客服代码，左侧悬浮跟随页面滚动显示，当用户的鼠标经过时弹出显示，移开后自动隐藏。

<!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" />
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。">
<title>左侧悬浮jquery在线客服广告代码_武鸣人</title>
<style type="text/css">
.qqbox_wwwwumingren {
z-index:99;
width: 296px;
left: -262px;
position: absolute;
}
.qqbox_wwwwumingren .press {
left: 0;
border: none;
cursor: pointer;
width: 32px;
height: 96px;
position: absolute;
padding-top:140px;
}
.qqbox_wwwwumingren .list_www_wuming__ren {
width: 296px;
background:url(/img/20240418_www_wuming_ren_32.jpg) no-repeat;
height:432px;
display:block;
overflow:hidden;
zoom:1;
}
.qqbox_wwwwumingren .list_www_wuming__ren .b {
float: left;
height: 6px;
width: 296px;
font-size: 1px;
}
.qqbox_wwwwumingren .list_www_wuming__ren .infobox {
text-align:center;
background-repeat:no-repeat;
padding:5px;
line-height:14px;
color:#CCCCCC;
font-weight:700;
}
.qqbox_wwwwumingren .list_www_wuming__ren .t {
background:url(/img/20240418_www_wuming_ren_33.png);
height:32px;
}
.qqbox_wwwwumingren .list_www_wuming__ren .b {
height:9px;
overflow:hidden;
}
.qqbox_wwwwumingren .list_www_wuming__ren .con {
padding-top: 168px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 30px;
color: #CCCCCC;
font-size: 14px;
}
.qqbox_wwwwumingren .list_www_wuming__ren .con h2 {
height:22px;
font: bold 12px/22px "SimSun";
background: url(/img/20240418_www_wuming_ren_34.png) repeat-y -163px 0;
border: 1px solid #3a708d;
text-align: center;
color:#fff;
}
.qqbox_wwwwumingren .list_www_wuming__ren .con ul li {
height:33px;
line-height:33px;
list-style:disc;
}
.qqbox_wwwwumingren .list_www_wuming__ren .con ul li a {
font-size: 14px;
color: #CCCCCC;
text-decoration: none;
}
.qqbox_wwwwumingren .list_www_wuming__ren .con ul li a:hover {
font-size: 14px;
color: #CCCCCC;
text-decoration: none;
}
.left_wwwwuming_ren {
float:left;
display:inline;
width:262px;
overflow:hidden;
zoom:1;
}
.btn_wwwwumingren {
float:right;
margin:161px 0 0;
display:inline;
width:34px;
height:96px;
background:url(/img/20240418_www_wuming_ren_35.jpg) no-repeat;
}
a.qq:link {
font-size: 14px;
color: #CCCCCC;
text-decoration: none;
}
a.qq:hover {
font-size: 14px;
color: #CCCCCC;
}
</style>
<script src="/img/jquery_wuming_ren.js" type="text/javascript"></script>
<script type="text/javascript">
lastScrollY = 0;
function floatscroll_www_wuming_ren() {
    var diffY;
    if (document.documentElement && document.documentElement.scrollTop){
    diffY = document.documentElement.scrollTop;
}
    else if (document.body){
    diffY = document.body.scrollTop;
}
    else
    {}
    percent = .1 * (diffY - lastScrollY);
    if (percent > 0){
percent = Math.ceil(percent);
}
    else{
percent = Math.floor(percent);
}
    document.getElementById("qq_www_wuming_ren").style.top = parseInt(document.getElementById("qq_www_wuming_ren").style.top) + percent + "px";
    lastScrollY = lastScrollY + percent;
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
$(function(){
$("#qq_www_wuming_ren").hover(
function(){
$(this).stop(true,false);
$(this).animate({left:0},300);
},
function(){
$(this).animate({left:-262},300);
}
)
})//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
</script>
</head>
<body>
<a href="https://www.wuming.ren">武鸣人</a>，各种信息资源免费发布，分享励志语录经典短句，减肥健身常识，各种js特效代码。网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
武鸣人，各种信息免费发布，资源共享合作共赢
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div id="qq_www_wuming_ren" class="qqbox_wwwwumingren" style="top:100px;">
<div id="divOnline" class="list_www_wuming__ren">
<div class="left_wwwwuming_ren">
<div class="t">
</div>
<div class="infobox">
<br>
</div>
<div class="con">
<ul>
<li class="odd"><a target="_blank" href="http://wpa.qq.com/msgrd?V=1&amp;Uin=305686263&amp;Site=QQ咨询&amp;Menu=yes">QQ咨询：305686263</a></li>
<li class="odd"><a target="_blank" href="http://wpa.qq.com/msgrd?V=1&amp;Uin=305686263&amp;Site=QQ咨询&amp;Menu=yes">QQ咨询：305686263</a></li>
<li><a href="msnim:chat?contact=305686263@qq.com">MSN咨询：305686263</a></li>
<li><a target="_blank" href="mailto:305686263@qq.com">邮箱：305686263@qq.com</a></li>
<li>电话：0791-3953685</li>
</ul>
</div>
<div class="b">
</div>
</div>
<div class="btn_wwwwumingren"></div>
</div>
</div>
<script type="text/javascript">
window.setInterval("floatscroll_www_wuming_ren()",1);
</script>
</body>
</html>

踩0

☆收藏0

本文来自武鸣人网站，转载请注明出处

本文地址：https://www.wuming.ren/a/769.html