首页 > 其他分享 >网页一键分享按钮HTML代码

网页一键分享按钮HTML代码

时间:2023-04-06 16:03:17浏览次数:55  
标签:http 一键 share js HTML 按钮 网页 分享


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

<!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>


百度一键分享专业开发板代码帮助文档:

http://share.baidu.com/code/advance


标签:http,一键,share,js,HTML,按钮,网页,分享
From: https://blog.51cto.com/sdwml/6173492

相关文章

  • 第十七篇 HTML5 脚本编程
    bycaixin深圳跨文档消息传递跨文档消息传送(cross-documentmessaging),有时候简称为XDM,指的是在来自不同域的页面间传递消息。例如,www.wrox.com域中的页面与位于一个内嵌框架中的p2p.wrox.com域中的页面通信跨文档消息传递简称XDM,指不同域的页面间传递消息,XDM的核心是......
  • HTML5视频播放插件Video.js使用详解
    一、Video.js简介Video.js是一个开源的Html5jquery视频插件,这个插件可以用来处理Flash视频,它还是一个多平台支持的产品。Moreover,YouTube,Vimeo等等的视频都可以很好地通过这个插件来播放。这个插件还支持桌面应用程序和其它的手持设备。Video.js自动检测浏览器对HTML5的......
  • html 中使用 ssi 指令
    SSI即ServerSideInclude,是一种基于服务端的网页制作技术Apache开启SSI支持首先开启模块mod_includeLoadModuleinclude_modulemodules/mod_include.sohttpd.conf或主配置中引入的文件中配置ssi相关Options+IncludesAddTypetext/html.shtmlAddOutputF......
  • uni-app:tabbar自定义中间凸起按钮的tabbar(hbuilderx 3.7.3)
    一,官方文档地址:https://uniapp.dcloud.net.cn/collocation/pages.html#tabbarhttps://uniapp.dcloud.net.cn/api/ui/tabbar.html#ontabbarmidbuttontap二,代码1,pages.json"tabBar":{"color":"#7A7E83",//字体颜色"sel......
  • 第五次html
    菱形:  代码:<!DOCTYPEhtml><htmllang="zh"> <head> <metacharset="UTF-8"> <title>Document</title> </head> <body> <script>{ layer=parseInt(prompt("请输入层数")) ......
  • 第六次html
    运行截图:  代码:<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <styletype="text/css"> *{ margin:0; padding:0; } .container>img{ position:absolute; ......
  • HTML5地理定位 Geolocation API
    使用getCurrentPosition方法来取得用户当前的地理位置信息,该方法的定义如下所示。voidgetCurrentPosition(onSuccess,onError,options);第一个参数为获取当前地理位置信息成功时所执行的回调函数;第二个参数为获取当前地理位置信息失败时所执行的回调函数;第三个参数为一些可选属......
  • 怎么利用CSS实现HTML5响应式导航栏
    在html5中实现响应式导航栏的方法有很多种,如何利用纯CSS来现实这一功能,在这里小编就通过实例来和大家讲解,纯CSS实现的HTML5响应式导航栏的方法和技巧。目前响应试web页面已经逐渐开始盛行,除了将页面的内容以及布局结构实现响应试以外,剩下的重点就是实现导航栏的响应试,当然方法有很......
  • html5从响应式导航开始
    常用的一个响应式网页导航条解决方案,整理记录。效果展示入口:https://shanhubei.github.io/navigationh5/html结构和js代码都很简单,主要是css样式。直接粘上来的代码有点乱。最下面有demo的下载地址,可以下载看整理过的代码。主要的css知识点有:@mediascreenand(max-width:1279px......
  • JS实现自动倒计时30秒后按钮才可用
    WEB开发中经常会用到倒计时来限制用户对表单的操作,比如希望用户在一定时间内看完相关协议信息才允许用户继续下一步操作,又比如在收取手机验证码时允许用户在一定时间过后(未收到验证码的情况下)再次获取验证码。那么今天我来给大家介绍下如何使用Javascript来实现这一简单应用。应......