可浮动QQ在线客服
2008-10-10 00:00
399 查看
(function(){ QQMenuInt=_QQMenuInt; moveQQmenu=_moveQQmenu; function _QQMenuInt(){ QQMenu.style.position="absolute"; QQMenu.style.display=""; if(parseInt(document.documentElement.offsetWidth)>1024){ QQMenuPosition.Left+=(parseInt(document.documentElement.offsetWidth)-1024-20); } if(QQMenuPosition.isRight){ QQMenu.style.right=QQMenuPosition.Left+"px"; }else{ QQMenu.style.left=QQMenuPosition.Left+"px"; } QQMenu.style.top=QQMenuPosition.Top+"px"; moveQQmenu(); } function _moveQQmenu(){ var from=parseInt(QQMenu.style.top,10); var yOffset; var to=window.pageYOffset?window.pageYOffset:document.documentElement.scrollTop; to=to+QQMenuPosition.Top; if(to!=from){ yOffset = Math.ceil(Math.abs(to-from)/20); if(to<from)yOffset=-yOffset; var oldTop=parseInt(QQMenu.style.top,10); QQMenu.style.top=(oldTop+yOffset)+"px"; } if(QQMenu.style.display!="none"){ window.setTimeout("moveQQmenu()",QQMenuPosition.timeout); } } })()
使用方法:
1、引入上面的js
2、在页面的最后面加上
<script type="text/javascript"> var QQMenuPosition={Left:10,Top:200,isRight:false,timeout:10} var QQMenu=document.getElementById("QQMenu"); QQMenuInt(); </script>
QQMenu为漂浮层的最外层ID
QQMenuPosition是设置漂浮层相关参数
Left:层相对于左侧的偏移量。如果isRight为true则是相对于右侧的偏移量
Top:层相对于顶部的偏移量
timeout:层移动时间间隔,越大越慢
Untitled
/*QQ在线客服务处*/
.kefuchu{ width:109px;}
.SS_dh1{background:url(http://img.jb51.net/online/qq/images/SSindex/SS_dh1.jpg) no-repeat; height:51px; width:84px; float:left}
.SS_dh2{background:url(http://img.jb51.net/online/qq/images/SSindex/SS_dh2.jpg) no-repeat; height:51px; width:25px; float:left; display:block}
.SS_dh3{background:url(http://img.jb51.net/online/qq/images/SSindex/SS_dh3.jpg) repeat-y; width:109px; }
.SS_dh4{background:url(http://img.jb51.net/online/qq/images/SSindex/SS_dh4.jpg) no-repeat; height:17px; width:109px; }
.SS_dh5{background:url(http://img.jb51.net/online/qq/images/SSindex/SS_dh5.jpg) no-repeat; height:23px; width:74px; margin-left:20px;}
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
fsdafsdfsfsdf
var QQMenuPosition={Left:10,Top:200,isRight:false,timeout:10}
var QQMenu=document.getElementById("QQMenu");
QQMenuInt();
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
打包下载
相关文章推荐
- 浮动QQ在线客服,MSN在线代码|QQ在…
- 浮动在网页右侧的简洁QQ在线客服
- js实现浮动在网页右侧的简洁QQ在线客服代码
- 可浮动QQ在线客服
- 浮动在网页右侧的简洁QQ在线客服
- 5款经典的浮动的QQ在线客服
- js实现浮动在网页右侧的简洁QQ在线客服代码
- QQ在线客服浮动窗口
- 浮动QQ在线客服&网站QQ在线咨询
- 清除浮动技巧总结
- Visual Studio.NET风格的浮动面板控件Xtreme
- 仿淘宝 智能跟随菜单提示栏 智能浮动的菜单
- clearfix css清理浮动
- 浮动布局
- 如何优雅的清除浮动-块级格式化上下文,匿名框
- 浮动为何不能撑起父容器
- 速记:清除浮动的三种方法
- 可拖拽的浮动框,jquery实现的弹出框
- UITabelView section headerView浮动问题
- css 中浮动(Float)的作用