bShare分享插件|自定义分享按钮|异步加载分享解决办法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>bshare简单调用Js Api demo</title>
<link rel="Shortcut Icon" href="http://www.bshare.cn/favicon.ico" type="image/x-icon"/>
<link href="http://www.mtou091.com/ceshi/jstest/debug.css" rel="stylesheet" />
<head>
<style>
ul li { float:left; list-style-type:none; color: #999999; margin-right:0px; height:16px; line-height:16px; font-size:12px; margin-left:5px; }
.bshare img { border:none; }
</style> <!--bshare 分享按钮主功能js -->
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js"></script>
<script type="text/javascript" charset="utf-8" >
//预定义bshare分享按钮样式及配置参数
var bShareOpt = {style:-1,uuid:'',mdiv:-1}; function shareTo(event, shortName,obj) {
//自定义设置内容,可动态获取当前页面内相应的参数进行传递
var url= obj.url || "http://www.bshare.cn/";
var str_title = obj.tit || "testTitle";
var str_info = obj.info || "testSummary";
var img = obj.img || "http://static.bshare.cn/images/bshare-logo-main.gif";
//清除自定义分享内容的方法,在设置前清空,重新自定义内容
bShare.entries = [];
//添加自定义分享内容方法,不需要自定义的可以传递,bshare js会主动抓取页面相应值默认
bShare.addEntry({
title: str_title,
url: url,
summary: str_info,
pic:img
});
//调用相应的分享方法,
bShare.share(event, shortName);
}
</script> <body>
<div class="wrap">
<div style="padding:200px 200px;margin:100px 100px;">
<ul class="bshare">
<li>分享到:</li>
<li>
<a title="分享到一键通" onclick="shareTo(this,'bsharesync',{'url':'http://weather.com.cn','tit':'你是我的小','info':'这里好似摘要','img':'http://i.weather.com.cn/i/product/pic/l/sevp_nmc_weap_sob_efg_achn_lno_p9_20150113050002400.jpg'})" href="javascript:void(0);" ><img src="http://static.bshare.cn/frame/images/logos/s4/bsharesync.gif "/></a>
</li>
<li>
<a title="分享到新浪微博" onclick="shareTo(this,'sinaminiblog',{'url':'http://weather.com.cn','tit':'你是我的小','info':'这里好似摘要','img':'http://i.weather.com.cn/i/product/pic/l/sevp_nmc_weap_sob_efg_achn_lno_p9_20150113050002400.jpg'})" href="javascript:void(0);" ><img src="http://static.bshare.cn/frame/images/logos/s4/sinaminiblog.gif "/></a>
</li>
<li>
<a title="分享到QQ空间" onclick="shareTo(this,'qzone',{'url':'http://weather.com.cn','tit':'你是我的小','info':'这里好似摘要','img':'http://i.weather.com.cn/i/product/pic/l/sevp_nmc_weap_sob_efg_achn_lno_p9_20150113050002400.jpg'})" href="javascript:void(0);" ><img src="http://static.bshare.cn/frame/images/logos/s4/qzone.gif "/></a>
</li>
<li>
<a title="分享到人人网" onclick="shareTo(this,'renren',{'url':'http://weather.com.cn','tit':'你是我的小','info':'这里好似摘要','img':'http://i.weather.com.cn/i/product/pic/l/sevp_nmc_weap_sob_efg_achn_lno_p9_20150113050002400.jpg'})" href="javascript:void(0);" ><img src="http://static.bshare.cn/frame/images/logos/s4/renren.gif "/></a>
</li>
<li>
<a title="分享到豆瓣" onclick="shareTo(this,'douban',{'url':'http://weather.com.cn','tit':'你是我的小','info':'这里好似摘要','img':'http://i.weather.com.cn/i/product/pic/l/sevp_nmc_weap_sob_efg_achn_lno_p9_20150113050002400.jpg'})" href="javascript:void(0);" ><img src="http://static.bshare.cn/frame/images/logos/s4/douban.gif "/></a>
</li>
</ul>
</div>
</body>
</html>
bShare分享插件|自定义分享按钮|异步加载分享解决办法的更多相关文章
- WordPress博客网站fonts.useso加载慢解决办法
WordPress博客网站fonts.useso加载慢解决办法 之前WordPress博客因为google字体库访问不了替换成360的useso,最近WordPress博客网站一直等待fonts.us ...
- django在关闭debug后,admin界面 及静态文件无法加载的解决办法
当debug为true的时候,ALLOWED_HOSTS是跳过不管用的.所以这里需要将debug关掉,令debug=false,ALLOWED_HOSTS=[ '*' ]表示所有的主机都可以访问 开启 ...
- 关于thinkphp3.1无法加载模块解决办法
关于thinkphp3.1无法加载模块解决办法 如果没有具体的哪个模块的名字 请注意PHP的版本问题
- 插件使用一树形插件---zTree一zTree异步加载
zTree 可以实现异步加载.异步加载可以让初次加载速度快,带来好的用户体验. 异步加载 官方源码中的demo提示了例子.例子是采用php语言. 在java语言中,zTree如何与Servlet结合呢 ...
- 解决ListView滑动时卡的问题,实现异步加载图片解决
ListView是最为常见的空间之一,现在的应用的呈现形式大多数都需要用到ListView来呈现,以列表的方式最直观最便于操作. 那么在使用的过程中大家一定使用adapter适配器来匹配这个ListV ...
- Eclipse 插件安装方法和插件加载失败解决办法
一:是利用Eclipse Software Update 添加网址,让Eclipse 自动的搜索下载最新的插件. 比如安装VE这个可视化编辑UI的插件,其步骤为 Help > Software ...
- UI的设计,适配器,以及RecyclerView无法加载的解决办法
这本书里讲到的界面设计都是用最基本的方式实现的,即编写xml文件 所有的控件都具有宽度和高度属性,即android:layout_width和android:layout_height,这两个属性对应 ...
- netload 加载程序集抛异常----无法加载程序集解决办法
netload 加载程序集抛异常----无法加载程序集 错误信息如下: 无法加载程序集.错误详细信息: System.BadImageFormatException: 未能加载文件或程序集“file: ...
- thinkphp无法加载模块解决办法
前台入口文件index.php <?php //前台入口 define('THINKPHP_PATH', '../ThinkPHP/');//底层的位置 define('APP_PATH', ' ...
随机推荐
- day09——初识函数
day09 函数的定义 # len() s = 'alexdsb' count = 0 for i in s: count += 1 print(count) s = [1,2,23,3,4,5,6] ...
- LeetCode 5071. 找出所有行中最小公共元素(Java)
题目:5071. 找出所有行中最小公共元素 给你一个矩阵 mat,其中每一行的元素都已经按 递增 顺序排好了.请你帮忙找出在所有这些行中 最小的公共元素. 如果矩阵中没有这样的公共元素,就请返回 -1 ...
- Linux下嵌入式Web服务器BOA和CGI编程开发
**目录**一.环境搭建二.相关配置(部分)三.调试运行四.测试源码参考五.常见错误六.扩展(CCGI,SQLite) # 一.环境搭建操作系统:Ubuntu12.04 LTSboa下载地址(但是我找 ...
- java网站架构演变过程
网站架构演变过程. .传统架构.传统的SSH架构,分为三层架构web控制层.业务逻辑层.数据库访问层..传统架构也就是单点应用,就是大家在刚开始初学JavaEE技术的时候SSH架构或者SSM架构,业务 ...
- for循环与if条件语句的复习运用
鉴于前面学了不少基础了,今天没有学新的内容.boyfriend给我出了几道简单的题目,慢慢的进步中. 1.# 计算1-100之间所有偶数的和 def sum(): sumone = 0 for i i ...
- sql特殊日期
--a. 本月的第一天 select dateadd(mm, datediff(mm,0,getdate()), 0) as 本月的第一天 --b. 本月的最后一天 select dateadd(ms ...
- 怎样遍历NodeList对象
因为NodeList对象是一个类似数组的对象, 且它自带了一个 forEach() 方法, 因此可以使用 forEach() 遍历, 它的用法和 Array 里面的 forEach() 是完全一样的. ...
- 获取本机的IP地址和mac地址
1. 以前一直用ipconfig来查看ip地址,哈哈哈,现在发现挺好玩 #获取本机的IP地址和mac地址 import uuid import socket def get_mac_address() ...
- Tomcat启动堆栈异常
近日部署项目到Tomcat,访问一直404. 于是查看 catalina.out 日志信息,发现如下信息 30-Jun-2019 16:38:03.642 SEVERE [main] org.apac ...
- php无限分类方法类
创建数据库以及表 CREATE DATABASE `sortclass`DEFAULT CHARSET utf8; CREATE TABLE IF NOT EXISTS `class` ( `cid` ...