H5页面移动端的社会化分享
来源:互联网 发布:成年男士身体数据 编辑:程序博客网 时间:2024/05/19 02:27
在H5页面,可以使用百度的社会化分享插件,实现分享。
下面是html代码,直接复制到项目中就可以运行在移动端。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>分享金服管家</title>
<script>var share = require(‘$UI / system / api / native / share’);
share.onMenuShareTimeline({
title: '互联网之子',
link: 'http://movie.douban.com/subject/25785114/',
imgUrl: 'http://demo.open.weixin.qq.com/jssdk/images/p2166127561.jpg',
trigger: function(res) {
alert('用户点击分享到朋友圈');
},
success: function(res) {
alert('已分享');
},
cancel: function(res) {
alert('已取消');
},
fail: function(res) {
alert(JSON.stringify(res));
}
});
分享给好友接</script>
</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": {
"bdSnsKey": {},
"bdText": "",
"bdMini": "2",
"bdMiniList": false,
"bdPic": "",
"bdStyle": "1",
"bdSize": "32"
},
"share": {},
"image": {
"viewList": ["qzone", "tsina", "tqq", "renren", "weixin"],
"viewText": "分享到:",
"viewSize": "16"
},
"selectShare": {
"bdContainerClass": null,
"bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"]
}
};
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>
- H5页面移动端的社会化分享
- 腾讯网移动端H5页面设计实战分享
- 移动社会化分享漏洞
- web网页,移动端h5页面添加微信分享,qq分享等功能
- [H5]移动端页面Demo
- 移动端H5页面之iphone6的适配
- 移动端H5页面之iphone6的适配
- 移动端H5页面之iphone6的适配
- 浅谈h5移动端页面的适配问题
- 移动端H5页面之iphone6的适配
- 移动端H5页面之iphone6的适配
- 关于移动端h5页面不能滑动问题的解决办法
- 移动端h5页面的设计稿尺寸
- 移动端H5页面的设计稿尺寸
- 移动端H5页面遇到的问题总结
- 移动端H5页面遇到的问题总结
- 移动端H5页面遇到的问题总结
- 移动端H5页面遇到的问题总结
- 提取apk
- 让键盘的右下方位“搜索”两个字
- 5个关键词看小程序和App的UI设计异同
- Html js实现倒计时效果参考代码
- 使用define宏定义的小技巧
- H5页面移动端的社会化分享
- Windows7+VS2010下OpenCV环境配置
- Lua基础
- 关于spring @ModelAttribute注解接收json数据的几点
- JAVA的多线程(详细理解)【转】
- 获取焦点元素
- 加密解密算法java实现(2)—DES
- MYSQL的用户变量(@)和系统变量(@@)
- 必须知道的app测试与web测试的区别