3天0基础建站课程

[Html 学习笔记02] 网页一键分享按钮HTML代码

114 主题	10 回帖	1564 积分

超级版主

Rank: 8 Rank: 8

积分: 1564

发消息

发表于 2017-10-26 22:30:44 | 显示全部楼层 |阅读模式

亲注册登录道勤网-可以查看更多帖子内容哦！（包涵精彩图片、文字详情等）请您及时注册登录-www.daoqin.net

您需要登录才可以下载或查看，没有账号？立即注册

x

在网页中加入以下代码可以实现网页的一键分享：

<!DOCTYPE html>
<html>
<head>
<META http-equiv="content-type" content="text/html; charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div class="bdsharebuttonbox">
<a href="#" class="bds_more" data-cmd="more"></a>
<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
<a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
</div>
<script>
window._bd_share_config={
"common":{
"bdPopTitle":"您的自定义pop窗口标题",
"bdSnsKey":{},
"bdText":"此处填写自定义的分享内容",
"bdMini":"2",
"bdMiniList":false,
"bdPic":"http://localhost/centlight/public/attachment/201410/24/14/5449ef39574f5_282x220.jpg", /* 此处填写要分享图片地址 */
"bdStyle":"0",
"bdSize":"16"
},
"share":{}
};
with(document)0[
(getElementsByTagName('head')[0]||body).
appendChild(createElement('script')).
src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)
];
</script>
</body>
</html>

复制代码

百度一键分享专业开发板代码帮助文档：[url]http://share.baidu.com/code/advance[/url]
大家可以直接用这个，效果是一样的

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！

使用道具举报