PageAdmin网站内容管理系统(CMS)交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

各种浏览器全兼容固定右侧不动在线qq msn客服,ie6下拉不闪动! [复制链接]

1#
上右侧固定客服,默认距离顶部168px,解决搜狗猎豹高速模式下失效,兼容ie6等浏览器对fixed的识别,下拉不闪动,各种浏览器全兼容版固定不动!先看效果:www.hetong-info.com(百度分享ie6下闪动,但这个qq客服不闪,不错吧!)
代码如下,
4个步骤搞定:
1.首先把js控制代码放在网页底部代码中
(控制qq号,title,业务员名字,网站名字等,,,,控制距离顶部高度需要在下面样式中控制!)

<!--qq客服--> <script language='javascript' src='/kefu/ServiceQQ.js' type='text/javascript' charset='utf-8'></script><script type="text/javascript">
writeIm("在线下单||463266963$小刘$小刘,业务咨询||957673480$QQ咨询$QQ咨询|[email]zhaowei1937@msn.cn[/email]$MSN咨询$仅支持IE浏览器","核五院图文中心",0);
__oran_kf_setPostion('divOranIm');
</script>
<!--qq客服-->
2.在你的样式文件中添加实现固定、距离顶部效果的样式 (同时通过识别是不是ie6解决闪动)
以下代码全复制到lanmu.css 文件中或者其他css文件:
/* 客服固定技术除IE6浏览器的通用方法 */
/* IE6以上浏览器的通用方法右上右下 */
.ie6fixedTR{position:fixed;right:0px;top:168px;width:100px;z-index:10;}
/*.ie6fixedBR{position:fixed;right:0;bottom:0}*/
/* IE6浏览器的特有方法客服固定技术右上右下 */
/* 修正IE6振动bug */
* html,* html body{background-attachment:fixed;}
* html .ie6fixedTR{position:absolute;right:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+168))}
/** html .ie6fixedBR{position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}*/

3.最后你的网页body样式中一定要添加背景找到body样式添加背景否者ie6闪动
background:url(/e/bodybg.jpg);
或者设置成空的background:url(about:blank);

4.把kefu文件放在根目录中!
参考来源:http://www.cnblogs.com/hooray/archive/2011/05/20/2052269.html
你们可以再自己修改,整合一下变得更好用吧,第一次发这个,,,见笑!!!
kufu文件:
您所在的用户组无法下载或查看附件

最后给个实现淘宝首页一样的图片缓存方法:当滚动到下一屏图片附近时图片才加载,提高网站首页第一屏打开的速度。
http://bbs.pageadmin.net/showtopic-26481.aspx
分享 转发
http://www.hetong-info.com
TOP
2#

跟上我的网址 核五院图文中心:http://www.hetong-info.com   大家看看效果再说!
http://www.hetong-info.com
TOP
发新话题 回复该主题