此代码谁有，可否共享一份，喜欢的就是这个调

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

http://www.77shop.net/goods-3-%E4%BC%81%E4%B8%9A01.html


这个页面右边的客服代码。谢谢

回答：


这段代码加到样式表里面

/*****浮动QQ*****/
#siderIMchat {z-index:1; position:absolute; right:30px; top:100px;}
#siderIMchat_hiddenbar {background:url(images/siderIM_hiddenBar.gif); width:26px; height:136px; z-index:2; position:absolute;}
#siderIMchat_main {width:170px; height:143px; display:none; right:-25px; top:-8px; z-index:10; position:absolute;}
#siderIMchat_main .top{ background:url(images/siderIM_title.gif); height:34px;}
#siderIMchat_main .infobox {text-align:center; background:#bdc5cb; background-image:url(images/siderIM_infobox.gif); background-repeat:no-repeat;padding:5px; line-height:14px; color:#000; font-weight:700; width:160px;}
#siderIMchat_main .bg{background:url(images/siderIM_bg.gif) repeat-y; overflow:hidden; padding:5px; width:160px;}
#siderIMchat_main .bg ul li {margin:10px 8px 15px; list-style:none; float:left;}
#siderIMchat_main .bot {background:url(images/siderIM_bottom.gif) no-repeat; height:9px; overflow:hidden; }

这段代码加到page_footer.lbi
<DIV id=siderIMchat style="TOP: 100px">
<DIV id=siderIMchat_hiddenbar style="DISPLAY: block"></DIV>
<DIV id=siderIMchat_main style="DISPLAY: none">
<DIV class=top></DIV>
<DIV class=infobox>我们营业的时间<BR>9:00-18:00</DIV>
<DIV class=bg>
<UL>
<LI><!-- QQ 号码 {foreach from=$qq item=im} -->
<!-- {if $im} -->
<img src="http://wpa.qq.com/pa?p=1:{$im}:4" alt="QQ" /> <a href="http://wpa.qq.com/msgrd?V=1&Uin={$im}&Site={$shop_name}&Menu=yes" target="_blank">{$im}</a></p>
<!-- {/if} -->
<!-- {/foreach}-->
<!--添加QQ号结束-->
<!--添加旺旺-->
<!-- 淘宝旺旺 {foreach from=$ww item=im} -->
<!-- {if $im} -->
<img src="http://amos1.taobao.com/online.ww?v=2&uid={$im|escape:url}&s=2" alt="淘宝旺旺" /><a href="http://amos1.taobao.com/msg.ww?v=2&uid={$im|escape:url}&s=2" target="_blank"> {$im}</a></p>
<!-- {/if} -->
<!--{/foreach}-->
<!--添加旺旺结束-->
</LI>
</UL>
<DIV class="textcenter pushdown-2"></DIV></DIV>
<DIV class=bot></DIV></DIV></DIV>
<SCRIPT>
function srollflight(){
var headdiv ;
if(document.getElementById("siderIMchat")){
headdiv = document.getElementById("siderIMchat");
headdiv.style.top=document.documentElement.scrollTop+100+"px";
}
}
window.onload=srollflight;
window.onscroll=srollflight;
</SCRIPT>
附件中图片添加到模板的images文件夹下。
以上代码可直接调用后台的客服数据。
个人测试在ＩＥ6　及firefox下可用。
我的效果www.xingfubaba.com
不是原创。

2.rar (7.28 KB)


楼上好心人

显示不太正常....怪

居然显示不出来。奇怪