浮动客服代码,可关闭,随网页滚动

2016-07-07 16:22 来源:www.chinab4c.com 作者:ecshop专家

  1. <style id="siderIMchatStyle">#siderIMchat{ z-index:65535; position:absolute;left:0 ;}#siderIMchat_hiddenbar{ background:url(http://www.taoqidian.com/plugins/widgets/im/images/siderIM_hiddenBar.gif); width:26px; height:136px;}#siderIMchat_main{width:170px; display:none; margin:0 10px}#siderIMchat_main .top{ background:url(http://www.taoqidian.com/plugins/widgets/im/images/siderIM_title.gif); height:34px;}#siderIMchat_main .infobox{ text-align:center; background:#bdc5cb; background-image:url(http://www.taoqidian.com/plugins/widgets/im/images/siderIM_infobox.gif); background-repeat:no-repeat; padding:5px; line-height:14px; color:#000; font-weight:700;}#siderIMchat_main .bg{ background:url(http://www.taoqidian.com/plugins/widgets/im/images/siderIM_bg.gif); padding:5px;}#siderIMchat_main ul li{ float:left; margin-right:5px; margin-bottom:6px;}#siderIMchat_main .bottom{ background:url(http://www.taoqidian.com/plugins/widgets/im/images/siderIM_bottom.gif); height:9px; overflow:hidden }</style><div id="siderIMchat"><div id="siderIMchat_hiddenbar"></div><div id="siderIMchat_main"><div class="top"></div><div class="infobox">我们营业的时间<br>10:00-20:00</div><div class="bg "><ul class="clearfix"><li><a target="_blank" href="tencent://message/?uin=88585054&&Site=LICENSE_ShopEx&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:88585054:1"/></a><br />网店代理1</li><li><a target="_blank" href="tencent://message/?uin=171525809&&Site=LICENSE_ShopEx&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:171525809:1"/></a><br />网店代理2</li><li><a target="_blank" href="tencent://message/?uin=88989394&&Site=LICENSE_ShopEx&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:88989394:1"/></a><br />批发代理</li><li><a target="_blank" href="tencent://message/?uin=33410195&&Site=LICENSE_ShopEx&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:33410195:1"/></a><br />加盟洽谈</li><li><a target="_blank" href="http://amos1.taobao.com/msg.ww?v=2&uid=wh33410195&s=1"><img border="0" src="http://amos1.taobao.com/online.ww?v=2&uid=wh33410195&s=1"/></a><br />旺旺在线</li></ul><div class="textcenter pushdown-2"><span id="closeSiderIMchat" class="lnk">关闭在线客服</span></div></div><div class="bottom"></div></div></div><script>window.addEvent('domready', function() {$('siderIMchatStyle').inject($E('link'), 'before');$('siderIMchat_hiddenbar').addEvent('mouseover',function(){this.setStyle('display','none');$('siderIMchat_main').setStyle('display','block')});$('closeSiderIMchat').addEvent('click',function(){$('siderIMchat_main').setStyle('display','none');$('siderIMchat_hiddenbar').setStyle('display','block')}) ;siderIMchatsetGoTop();});function siderIMchatsetGoTop(){$('siderIMchat').tween('top',$E('body').getScroll().y+100)}window.addEvent('scroll',function(){siderIMchatsetGoTop();})</script>
复制代码


SpxImage2.jpg

提供代码,,,,,自己研究吧。。

回答:
很不错 可以帮帮我吗?

看看我的问题

http://bbs.ecshop.com/thread-88270-1-1.html

谢谢了

不错,留言

请问放到那里啊 ?????????????????

有具体安装说明吗?

共享精神还不够哦,发一个安装方法嘛。

很简单。 直接在index.dwt里就可以了
<body>下或者</body>代码</html>之间
演示:http://www.mimigou.com
要在每个页面加也不是难事,直接在库目录加就可以了
[url=http://www.mimigou.com/]正品化妆品批发代销[/url]

他这个不是JS调用。

LZ的这个是错误的,求达人放出全版

放了上去...........不能用...