百度分享自定义设置

自定义分享动态内容、QQ空间和人人网摘要、自定义URL地址:

 1 function fx () {
 2                             setTimeout(function  () {
 3                         var oFla = document.getElementById("texta1");
 4                         var texta1=oFla.innerText;
 5                         var oFlb = document.getElementById("texta2");
 6                         var texta2=oFlb.innerText;
 7                         var oUrl = document.getElementById("kzh");
 8                         var a1=oUrl.innerText;
 9                         var oUrl2 = document.getElementById("peizi");
10                         var a2=oUrl2.innerText;
11                         $data = ‘{"text":"‘+texta1+‘","desc":"‘+texta1+‘","url":"‘+a1+‘"}‘;
12                         $(".bdshare1").attr("data", $data);
13                         $data = ‘{"text":"‘+texta2+‘","desc":"‘+texta2+‘","url":"‘+a2+‘"}‘;
14                         $(".bdshare2").attr("data", $data);
15                         },1000)
16                         }

完整代码:

 1 <!-- Baidu Button BEGIN -->
 2                     <div id="bdshare" class="bdshare_t bds_tools_24 get-codes-bdshare bdshare1">
 3                         <a class="bds_qzone"></a>
 4                         <a class="bds_tsina"></a>
 5                         <a class="bds_tqq"></a>
 6                         <a class="bds_douban"></a>
 7                         <span class="bds_more"></span>
 8                     </div>
 9                     <script type="text/javascript" id="bdshare_js" data="type=tools" ></script>
10                         <script type="text/javascript" id="bdshell_js"></script>
11                         <script type="text/javascript">
12                             document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
13                         </script>
14                     <!-- Baidu Button END -->
15 <!-- Baidu Button BEGIN -->
16                 <div id="bdshare" class="bdshare_t bds_tools_24 get-codes-bdshare bdshare2">
17                     <a class="bds_tsina"></a>
18                     <a class="bds_tqq"></a>
19                     <a class="bds_douban"></a>
20                     <a class="bds_qzone"></a>
21                     <span class="bds_more"></span>
22                 </div>
23                 <script type="text/javascript" id="bdshare_js" data="type=tools" ></script>
24                     <script type="text/javascript" id="bdshell_js"></script>
25                 <!-- Baidu Button END -->
 1 //                        百度分享
 2                         function fx () {
 3                             setTimeout(function  () {
 4                         var oFla = document.getElementById("texta1");
 5                         var texta1=oFla.innerText;
 6                         var oFlb = document.getElementById("texta2");
 7                         var texta2=oFlb.innerText;
 8                         var oUrl = document.getElementById("kzh");
 9                         var a1=oUrl.innerText;
10                         var oUrl2 = document.getElementById("peizi");
11                         var a2=oUrl2.innerText;
12                         $data = ‘{"text":"‘+texta1+‘","desc":"‘+texta1+‘","url":"‘+a1+‘"}‘;
13                         $(".bdshare1").attr("data", $data);
14                         $data = ‘{"text":"‘+texta2+‘","desc":"‘+texta2+‘","url":"‘+a2+‘"}‘;
15                         $(".bdshare2").attr("data", $data);
16                         },1000)
17                         }
18         document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();
时间: 2024-10-11 12:38:18

百度分享自定义设置的相关文章

微信分享自定义设置Title与Desc

前端Js引用: 1 <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 2 <script> 3 function wxconfig(data) { 4 wx.config({ 5 // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印. 6 debug: fals

百度分享自定义图标

<div class="F_share R"> <div class="bdsharebuttonbox"> <a class="bds_qzone" data-cmd="qzone" href="#"></a> <a class="bds_tsina" data-cmd="tsina"></a>

百度分享怎么 自定义图片分享 【原创】

我们在应用百度分享插件的时候, 默认如果开启图片分享的话,连很多小图标也分享了,实在恼火! 去掉图片分享吧,分享效果又不好... 如何做到自定义图片分享呢? 就是预先定义tag标签 例如:  "tag": "sharePhoto", 然后在img标签里 加上 data-tag="sharePhoto" ======================= 完整代码送看官 html里: <img data-tag="sharePhoto&

为博客园(或网站)添加百度分享按钮 自定义调用JS代码

1.百度分享代码调用地址 http://share.baidu.com/code 根据提示,一步一步的自定义选择,最后复制自定义好的样式,添加到WEB. 2.在页首Html代码中添加复制过来的JS代码 <!--baidu分享--> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini"

百度分享(自定义分享内容)

百度分享默认的分享内容为您当前页面的title,但您可以通过如下方法来自定义您想要分享出去的内容. 1.通过全局配置进行修改: <!-- Baidu Button BEGIN --> <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare"> <a class="bds_qzone">QQ空间</a> <a class=&q

微信网页分享标题图片自定义设置(最新)

1 前言 刚好有微信网页分享标题图片自定义设置这个需求,然后查找文档,发现有两种方案[1],但是第一种方案已经失效了,只能走第二种方案,然后根据实战配置好了,本文会写上配置中遇到的问题和解决方案,也作为记录使用,方便自己也方便他人. 2 步骤 2.1 准备工作 2.1.1 微信JS-SDK说明文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 2.1.2 附录6-DEMO页面和示例代码:在JS-SDK说明文档中

百度分享组件使用爬坑

最近在做公司一个项目需要用到百度分享的功能,苦中有一页是一个列表页,需要针对每一行做一个分享功能! 就像如下这种类似的. 于是查看百度分享组件的文挡,查看文挡,得知文挡分享的使用范例如下: 1 <div class="bdsharebuttonbox" data-tag="share_1"> 2 <a class="bds_mshare" data-cmd="mshare"></a> 3 &

百度分享--分享按钮的实现

?? 百度分享代码: <%@ page contentType="text/html;charset=UTF-8"%><div class="bdsharebuttonbox"> <a href="#" class="bds_more" data-cmd="more"></a><a href="#"  class="bds_

百度分享插件使用 ------将页面分享到各类主流社交软件

分享插件 <div class="bdsharebuttonbox" data-tag="share_1"> <a class="bds_mshare" data-cmd="mshare"></a> <a class="bds_qzone" data-cmd="qzone" href="#"></a> <