⎠⎞MH-Studio⎠⎞ ⎠⎞MH-Studio⎠⎞
  • 首页
  • 我的开发
  • 资源分享
    • 软件程序
    • 手机APP
    • 学习课程
    • 建站源码
    • 其他资源
  • 工具中心
    • 创意工具
    • 效率工具
    • 辅助插件
    • 导航合集
  • 技术资讯
    • 技术应用
    • 福利线报
  • 闲言碎语
  • 首页
  • 我的开发
  • 资源分享
    • 软件程序
    • 手机APP
    • 学习课程
    • 建站源码
    • 其他资源
  • 工具中心
    • 创意工具
    • 效率工具
    • 辅助插件
    • 导航合集
  • 技术资讯
    • 技术应用
    • 福利线报
  • 闲言碎语
  • VIP视频
网站首页 › 技术资讯 › 百度商桥样式自定义脚本代码
#JS

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

9年前 (2014-02-26)
5349 1 0

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


0 1 赞赏
Mengx
相关文章
怎么追回在微信上被骗的钱?试试这招
2020年支付宝集五福隐藏福卡
免资料开通支付宝当面付
淘宝双十一合伙人店铺自动签到得喵币方法
抖音企业认证限免活动,立省600元
评论 (1)
再想想
  • 顽石

    你好博主,有没有一个完整的示例可以分享一下,谢谢

    2020-09-04 09:14
    回复
凣高先生 博主
求知若饥,虚心若愚。[Stay Hungry, Stay Foolish.]
177 文章 728 评论 35 微语
最新文章
PC朋友圈数据采集工具[V1.0.4](2022.12.11)
5个月前 (10-19)
关于PC微信朋友圈信息的自动采集
1年前 (2022-01-12)
最新手机通过微信wxid加微信好友教程
2年前 (2021-09-06)
微博批量采集下载工具[V1.0.9](2023.01.01)
2年前 (2021-06-01)
微商相册批量转发下载工具[V1.7.2](2022.07.03)
2年前 (2021-03-28)
热门文章
软件APP蓝奏云网盘更新下载合集
朋友圈采集备份工具[V4.0.4](2022.08.26)
磁力链接BT种子电驴搜索下载网站合集
推荐|俄罗斯无限制搜索引擎——Yandex
漫画APP网站在线观看合集
  • 博文专题
  • |
  • 文章归档
  • |
  • 标签页面
  • |
  • 关于博主
  • |
  • 留言板
  • |
  • 友情链接
Copyright © 2020 ⎠⎞MH-Studio⎠⎞. Designed by MH-Studio. | 站点地图 | 粤ICP备14091663号-1 | Sitemap |