首页 >

JS 在线客服在下拉后动态归位特效 – js/jQuery – 前端,jquery 股票

jquery 股票,jquery获取不隐藏元素,jquery中怎么查看属性值,jquery计算表格,jquery的fadein,jquery easyui数据库,jquery多库共存,jquery setTimeOut同步,动画队列 jquery 实现,jquery 股票GIF.gif

jquery 股票,jquery获取不隐藏元素,jquery中怎么查看属性值,jquery计算表格,jquery的fadein,jquery easyui数据库,jquery多库共存,jquery setTimeOut同步,动画队列 jquery 实现,jquery 股票JS 在线客服在下拉后动态归位特效 - js/jQuery - 前端,jquery 股票

如图,在线客服可以在下拉的时候动态归位,而不是直接使用positiong直接固定在侧边,今天来分享下JS代码,偶也是摘录而已!

HTML:

<divclass="ydwpkefu"id="divQQbox">
<divclass="title">客服可以在下拉的时候动态归位</div>
<divclass="kfcontent">客服内容</div>
</div>

CSS:

.ydwpkefu{Z-INDEX:99;right:2px;position:absolute;top:140px;}

JS:

//<![CDATA[
vartips;vartheTop=100/*这是默认高度,越大越往下*/;
varold=theTop;
functioninitFloatTips(){
tips=document.getElementById('divQQbox');
moveTips();
};
functionmoveTips(){
vartt=50;
if(window.innerHeight){
pos=window.pageYOffset
}
elseif(document.documentElement&&document.documentElement.scrollTop){
pos=document.documentElement.scrollTop
}
elseif(document.body){
pos=document.body.scrollTop;
}
pos=pos-tips.offsetTop+theTop;
pos=tips.offsetTop+pos/10;
if(pos<theTop)pos=theTop;
if(pos!=old){
tips.style.top=pos+"px";
tt=10;
//alert(tips.style.top);
}
old=pos;
setTimeout(moveTips,tt);
}
//!]]>
initFloatTips();

动态效果对于企业站来说,还是挺能吸引访客眼球的,下拉时被眼球忽略的可能性比较低!


JS 在线客服在下拉后动态归位特效 - js/jQuery - 前端,jquery 股票
  • 比如我某个时间要做什么记录下来 - js/jQuery - 前端,wordpress加载jquery库
  • 比如我某个时间要做什么记录下来 - js/jQuery - 前端,wordpress加载jquery库 | 比如我某个时间要做什么记录下来 - js/jQuery - 前端,wordpress加载jquery库 ...

    JS 在线客服在下拉后动态归位特效 - js/jQuery - 前端,jquery 股票
  • VPS上传的文件不能通过IE下载怎么回事啊 - js/jQuery - 前端,jquery设置hidden的值
  • VPS上传的文件不能通过IE下载怎么回事啊 - js/jQuery - 前端,jquery设置hidden的值 | VPS上传的文件不能通过IE下载怎么回事啊 - js/jQuery - 前端,jquery设置hidden的值 ...

    JS 在线客服在下拉后动态归位特效 - js/jQuery - 前端,jquery 股票
  • 要学什么技术 - js/jQuery - 前端,jquery日期下拉
  • 要学什么技术 - js/jQuery - 前端,jquery日期下拉 | 要学什么技术 - js/jQuery - 前端,jquery日期下拉 ...