时间:2021-05-25
复制代码 代码如下:
(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 .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 fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdffsdafsdfsfsdf fsdafsdfsfsdf [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
打包下载
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
在线客服QQ:1846492969QQ:1846492969QQ:1846492969QQ:1846492969QQ:1846492969.sideBar{po
本文实例讲述了jQuery实现仿QQ在线客服效果的滚动层代码。分享给大家供大家参考。具体如下:这是一款jQuery滚动层,可以做成仿QQ在线客服,虽然效果有点生
很多营销型网站需要设置在线QQ客服,方便与来访网站的客户进行沟通,这样大大提高了网站客户的转化率,可以实时在线解决访客问题,那么如何在网站上设置在线的客服QQ呢
因腾讯QQ在线状态服务的功能升级,导致部分商家qq在线状态显示为“未启用”。最近也有好多客户问我:“网站的QQ在线客服图标,怎么出现了未启用标志,怎样解决?”为
大家都知道,腾讯文档是一款可多人协作的在线文档,可同时编辑Word、Excel和PPT文档,在线表格如何插入浮动图片呢,感兴趣的朋友不要错过了。软件名称:腾讯文