百度商桥样式自定义脚本代码

公司的企业站以前一直用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>


正文到此结束

随便看看

发表评论

    avatar
    微笑 大笑 拽 大哭 奸笑 流汗 喷血 生气 囧 不爽 晕 示爱 卖萌 吃惊 迷离 爱你 吓死了 呵呵