公司的企业站以前一直用53客服，可是53客服非常不稳定，一会掉线，一会无法登录，一会前台无法加载，总之问题非常多，一直想换，后来购物站换了商务通，这个倒没什么问题，只不过价格就比较高了，咱小公司可得尽量节省成本呀！眼看企业站的53也即将到期，就不换商务通了，试着用百度商桥吧。


可是百度商桥的自定义样式实在让人蛋疼，没办法，只能自己写个脚本修改下一些样式了。刚开始本想用用前人的代码就好了，搜索了下，发现只有求的，没人写过，那我就顺便分享下，代码及使用说明如下： 


<div style="display:none;">
<script type="text/javascript">
//此处替换成你自己的百度商桥源码
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fb7367090f4c9386d4df1a63d7d41147e' type='text/javascript'%3E%3C/script%3E"));
//end
 
var c=0;
var t=10;//根据网站的加载速度设置，单位 秒；
function timedCount()  
{    
c=c+1;
if(c<t ){
t=setTimeout("timedCount()",1000);
setTimeout('fudongstyle()',1000);
setTimeout('tanchuangstyle()',1000);}
}
timedCount();
//侧边浮动
function fudongstyle(){
var fufongtop = document.getElementById('BDBridgeIconWrap');
var fufongbg = document.getElementById('bridgehead'); 
fufongtop.setAttribute("style", "text-align: left; display: block; width: 130px; height: 300px; position: fixed; top: 50%; left: auto; right: 0px; margin-right: 8px; margin-top: -350px !important;");
//通过修改margin-top的值，设置上边距
fufongbg.setAttribute("style", "background-image:url(/baidukf/iconbg1.gif) !important; width: 130px; height: 300px;");
//通过修改background-image中url的地址，设置浮动背景图片和图片尺寸。
}
//弹窗设置
function tanchuangstyle(){
var tanchuangbg = document.getElementById('bridgeTopContainer'); 
var tanchuangtxt = document.getElementById('preinvitetext'); 
var tanchuangbutton = document.getElementById('invitebtn');
tanchuangbg.setAttribute("style", "background-image: url(/baidukf/invitebg.gif) !important; height: 150px; width: 350px;");
//弹窗背景，通过修改background-image中url的地址，置入你自己的背景图片和图片尺寸。
tanchuangtxt.setAttribute("style", "display:none !important;");
//设置是否显示弹窗文字内容，这里是不显示，如果显示，删除此行即可
tanchuangbutton.setAttribute("style", "bottom:20px;right:30px;");
//设置弹窗按钮位置
}
</script>
</t></script></div>