右侧固定悬浮在线客服代码(网站右侧悬浮代码)
admin 发布:2022-12-19 03:23 101
今天给各位分享右侧固定悬浮在线客服代码的知识,其中也会对网站右侧悬浮代码进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
- 1、求网站jq右侧客服悬浮窗代码
- 2、css+div如何将淘宝客服悬浮固定在右下角,不随滚动条移动。
- 3、漂浮在网页右侧的QQ在线客服代码? 1、怎么样修改以下代码,让其变为最靠右边2、如何插入到网页当中
求网站jq右侧客服悬浮窗代码
body
div style="height:10000px;"/div
div class="suspension"
div class="suspension-box"
a href="#" class="a a-service "i class="i"/i/a
a href="javascript:;" class="a a-service-phone "i class="i"/i/a
a href="javascript:;" class="a a-qrcode"i class="i"/i/a
a href="#" class="a a-cart"i class="i"/i/a
a href="javascript:;" class="a a-top"i class="i"/i/a
div class="d d-service"
i class="arrow"/i
div class="inner-box"
div class="d-service-item clearfix"
a href="#" class="clearfix"span class="circle"i class="i-qq"/i/spanh3咨询在线客服/h3/a
/div
/div
/div
div class="d d-service-phone"
i class="arrow"/i
div class="inner-box"
div class="d-service-item clearfix"
span class="circle"i class="i-tel"/i/span
div class="text"
p服务热线/p
p class="red number"4001-123-456/p
/div
/div
div class="d-service-intro clearfix"
pi/i功能和特性/p
pi/i价格和优惠/p
pi/i获取内部资料/p
/div
/div
/div
div class="d d-qrcode"
i class="arrow"/i
div class="inner-box"
div class="qrcode-img"img src="images/side_ewm.jpg" alt=""/div
p微信服务号/p
/div
/div
/div
/div
script type="text/javascript" src="js/jquery-1.7.2.min.js"/script
script type="text/javascript"
$(document).ready(function(){
/* ----- 侧边悬浮 ---- */
$(document).on("mouseenter", ".suspension .a", function(){
var _this = $(this);
var s = $(".suspension");
var isService = _this.hasClass("a-service");
var isServicePhone = _this.hasClass("a-service-phone");
var isQrcode = _this.hasClass("a-qrcode");
if(isService){ s.find(".d-service").show().siblings(".d").hide();}
if(isServicePhone){ s.find(".d-service-phone").show().siblings(".d").hide();}
if(isQrcode){ s.find(".d-qrcode").show().siblings(".d").hide();}
});
$(document).on("mouseleave", ".suspension, .suspension .a-top", function(){
$(".suspension").find(".d").hide();
});
$(document).on("mouseenter", ".suspension .a-top", function(){
$(".suspension").find(".d").hide();
});
$(document).on("click", ".suspension .a-top", function(){
$("html,body").animate({scrollTop: 0});
});
$(window).scroll(function(){
var st = $(document).scrollTop();
var $top = $(".suspension .a-top");
if(st 400){
$top.css({display: 'block'});
}else{
if ($top.is(":visible")) {
$top.hide();
}
}
});
});
/script
/body
css+div如何将淘宝客服悬浮固定在右下角,不随滚动条移动。
一般情况下都是用CSS的fixed固定定位,但不兼容IE6,在IE6下,用absolute方式。
下面给出简单的兼容写法代码实现。仅供参考:
style
*{margin:0px; padding:0px;}
body {height:2000px}
div {width:100px; height:100px; background:#ccc; position:absolute; bottom:0px; right:0px;}
/style
script
window.onload=function(){
var oDiv = document.getElementById('div1');
if(window.navigator.userAgent.indexOf('MSIE 6') != -1)
{
window.onscroll = function(){
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
var top = document.documentElement.clientHeight - oDiv.offsetHeight + scrollTop;
oDiv.style.top = top + 'px';
};
}
else
{
oDiv.style.position='fixed';
}
};
/script
漂浮在网页右侧的QQ在线客服代码? 1、怎么样修改以下代码,让其变为最靠右边2、如何插入到网页当中
帮你运行了,没有出现java script error Description的问题,有可能是你本地环境的问题,至于出现大片空白是因为你的表格标签乱了,没有对应!帮你调一下,代码:
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
titleQQ在线客服/title
SCRIPT language=javascript
function CloseQQ()
{
divStayTopleft.style.display="none";
return true;
}
function FloatTop()
{
var startX1 =document.body.offsetWidth-125 ,startY1 = 5;
var startX2 =0,startY2 = 95;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id,startX,startY)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startX;
el.y = startY;
return el;
}
window.stayTopLeft=function()
{
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY1 - ftlObj.y)/8;
ftlObj1.y += (pY + startY2 - ftlObj1.y)/8;
ftlObj.sP(document.body.scrollLeft+document.body.offsetWidth-125, ftlObj.y);
ftlObj1.sP(ftlObj1.x, ftlObj1.y);
setTimeout("stayTopLeft()", 30);
}
ftlObj = ml("divStay",(document.body.scrollLeft+document.body.offsetWidth)/2+505,0);
ftlObj1 = ml("divStayTopLeft",(document.body.scrollLeft+document.body.offsetWidth)/2+509,30);
stayTopLeft();
}
/SCRIPT
/head
body
DIV id=divStay style="POSITION:absolute"/DIV
/DIV
SCRIPT language=javascript
function picsize(obj,MaxWidth){
img=new Image();
img.src=obj.src;
if (img.widthMaxWidth)
{
return MaxWidth;
}
else
{
return img.width;
}
}
function CloseQQ()
{
divStayTopleft.style.display="none";
return true;
}
var online= new Array();
/SCRIPT
div id="divStayTopleft" style="POSITION: absolute; left: 267px; top: 34px;"
table cellspacing="0" cellpadding="0" width="109" border="0"
tr
td colspan="3"
a onClick="CloseQQ()" href="javascript:;" shape="circle" coords="91,16,12"
img height="34" src="QQ3.png" width="109" usemap="#Map" border="0"/a/td
/tr
tr
td width="6"img height="250" src="QQ2.png" width="6"/td
td valign="top" width="96" background="sto/qq_bg.gif"
/td/tr/table
/div
中间省略。。。。。。。。。
FloatTop();
!--End --
table width="95%" border="0" cellspacing="0" cellpadding="0"
tr
td height="800" /td
/tr
/table
script type="text/javascript"FloatTop();/script
/body
/html
右侧固定悬浮在线客服代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于网站右侧悬浮代码、右侧固定悬浮在线客服代码的信息别忘了在本站进行查找喔。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
- 上一篇:分形图代码(分形图怎么画)
- 下一篇:ui计算器代码(ui界面设计计算器)
相关推荐
- 05-19如何做网站,如何做网站网页
- 05-19广东网站seo,广东网站制作
- 05-19网站如何优化一个关键词,怎么优化一个网站关键词
- 05-19seo网站,seo网站是什么意思
- 05-19免费seo网站自动推广,国内免费舆情网站有哪些软件
- 05-19怎么做网站,怎么做网站教程视频
- 05-19推广平台网站,推广平台网站犯法吗
- 05-19怎么免费创建自己的网站,怎么免费创建自己的网站平台
- 05-18seo网站优化,seo网站优化是做什么的
- 05-18网站收录,时代教育杂志被哪个网站收录
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接