<!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分享插件|自定义分享按钮|异步加载分享解决办法的更多相关文章

  1. WordPress博客网站fonts.useso加载慢解决办法

    WordPress博客网站fonts.useso加载慢解决办法 之前WordPress博客因为google字体库访问不了替换成360的useso,最近WordPress博客网站一直等待fonts.us ...

  2. django在关闭debug后，admin界面 及静态文件无法加载的解决办法

    当debug为true的时候,ALLOWED_HOSTS是跳过不管用的.所以这里需要将debug关掉,令debug=false,ALLOWED_HOSTS=[ '*' ]表示所有的主机都可以访问 开启 ...

  3. 关于thinkphp3.1无法加载模块解决办法

    关于thinkphp3.1无法加载模块解决办法 如果没有具体的哪个模块的名字 请注意PHP的版本问题

  4. 插件使用一树形插件---zTree一zTree异步加载

    zTree 可以实现异步加载.异步加载可以让初次加载速度快,带来好的用户体验. 异步加载 官方源码中的demo提示了例子.例子是采用php语言. 在java语言中,zTree如何与Servlet结合呢 ...

  5. 解决ListView滑动时卡的问题，实现异步加载图片解决

    ListView是最为常见的空间之一,现在的应用的呈现形式大多数都需要用到ListView来呈现,以列表的方式最直观最便于操作. 那么在使用的过程中大家一定使用adapter适配器来匹配这个ListV ...

  6. Eclipse 插件安装方法和插件加载失败解决办法

    一:是利用Eclipse Software  Update 添加网址,让Eclipse 自动的搜索下载最新的插件. 比如安装VE这个可视化编辑UI的插件,其步骤为 Help > Software ...

  7. UI的设计,适配器,以及RecyclerView无法加载的解决办法

    这本书里讲到的界面设计都是用最基本的方式实现的,即编写xml文件 所有的控件都具有宽度和高度属性,即android:layout_width和android:layout_height,这两个属性对应 ...

  8. netload 加载程序集抛异常----无法加载程序集解决办法

    netload 加载程序集抛异常----无法加载程序集 错误信息如下: 无法加载程序集.错误详细信息: System.BadImageFormatException: 未能加载文件或程序集“file: ...

  9. thinkphp无法加载模块解决办法

    前台入口文件index.php <?php //前台入口 define('THINKPHP_PATH', '../ThinkPHP/');//底层的位置 define('APP_PATH', ' ...

随机推荐

  1. Java reactor响应式编程

    转载自:https://www.cnblogs.com/lixinjie/p/a-reactive-streams-on-jvm-is-reactor.html 响应式编程 作为响应式编程方向上的第一 ...

  2. Matlab 线性规划问题模型代码

    线性规划问题的基本内容 线性规划解决的是自变量在一定的线性约束条件下,使得线性目标函数求得最大值或者最小值的问题. \[ \min z=\sum_{j=1}^{n} f_{j} x_{j} \] \[ ...

  3. [转帖]sql server版本特性简介、版本介绍简介

    sql server版本特性简介.版本介绍简介 https://www.cnblogs.com/gered/p/10986240.html 目录 1.1.sql server的版本信息 1.2.版本重 ...

  4. 51book机票接口对接，吐血整理（含PHP封装代码）

    前言 最近在对接51book的机票接口,遇到了挺多坑,所以整理一份作为记录 机票有两个不同的接口,一个是机票,另一个是保险 一.申请 要接51book的机票,首先是要申请账号,这时候应该是有客户经理跟 ...

  5. 了解下Scala隐式转换与柯理化

    之前有看过kafka源码,有很多implict声明的方法,当时看的一头雾水,今天趁着空闲,了解下scala 的隐式转换和柯理化相关语法知识. 隐式转换 需要类中的一个方法,但是这个类没有提供这样的一个 ...

  6. [cf 585 E] Marbles

    (一道Div2E不会,我太难了) 题意: 给你一个长度为$n$的颜色序列$A$,每次操作可以选择两个相邻元素交换,求把序列交换成“相同颜色挨在一起”所需的最少操作数. 按颜色排序:设颜色$col$在序 ...

  7. 解决使用RabbitTemplate操作RabbitMQ，发生The channelMax limit is reached. Try later.问题

    使用RabbitTemplate操纵RabbitMQ,每个RabbitTemplate等于一个connection,每个connection最多支持2048个channel,当hannel达到2048 ...

  8. .net Dapper 学习系列(2) ---Dapper进阶

    目录 写在前面 前期准备 Dapper 单表批量添加 在Dapper 多表查询 在Dapper 调用存储过程 在Dapper 使用QueryMultiple进行多表查询 在Dapper 使用事务进行多 ...

  9. golang中生成读取二维码(skip2/go-qrcode和boombuler/barcode，tuotoo/qrcode)

     1 引言 在github上有好用golan二维码生成和读取库,两个生成二维码的qrcode库和一个读取qrcode库. skip2/go-qrcode生成二维码,github地址:https://g ...

  10. docker安装mysql笔记

    首先 查找镜像 docker search mysql 拉取镜像 : docker pull mysql 拉取成功后,查看本地镜像: docker images 可以看到本地有两个镜像(redis是我 ...