您的位置：首页 > 其它

jiaThis工具--社会化分享按钮功能实现

2017-10-27 11:47 561 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta charset="UTF-8">
<title>调用jiathis分享接口和评论功能</title>
<head>

</head>
<body>
<div>
<h2 id="title">龙腾世纪3:审判</h2>
<p id="summary">本作讲述大灾变事件将西达斯大陆陷入混乱，巨龙笼罩世界，以往的平和国度化为战争之地，魔法师将与圣殿骑士全面对抗，你将操控一支新的种族来重新定义秩序，打破混乱。</p>
<img src='http://img.pconline.com.cn/images/upload/upc/tx/wallpaper/1306/27/c5/22642221_1372321790270_800x600.jpg' title='分享图片'/>

</div>

<script src='http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js'></script>
<!-- JiaThis Button END -->
<script type="text/javascript"">
//分享框：设置分享文本和标题
var jiathis_config = {
url: window.location.href,
title: $("#title").html(),
summary:$("#summary").html()
};
//评论框：设置评论文本标题
var uyan_config = {
//'title':'自定义网页标题 #微博话题#', //定义要分享页面的标题，没有填写默认获取TITLE标签内容。
//'url':'自定义网页链接',             //定义要分享页面的标题，没有填写默认获取TITLE标签内容。
//'pic':'自定义图片链接地址，设置为空值则不分享图片', //定义要分享页面的标题，没有填写默认获取TITLE标签内容。
//'vid':'自定义视频链接地址', //定义同步视频的链接地址，支持优酷、土豆等视频链接同步到微博等社会化媒体。
//'du':'自定义指定域名', // 定义指定域名，合并两个域名下的评论，如果用户访问域名包括www.xxx.com或xxx.com，定义后即可合并两个域名的评论，没有定义默认获取当前网页域名评论。
//'su':'自定义网页标识' // 定义指定域名，合并两个域名下的评论，如果用户访问域名包括www.xxx.com或xxx.com，定义后即可合并两个域名的评论，没有定义默认获取当前网页域名评论。
};
</script>
<!-- 分享框 S JiaThis Button BEGIN -->
<div class="jiathis_style">
<span class="jiathis_txt">分享到：</span>
<a class="jiathis_button_qzone">QQ空间</a>
<a class="jiathis_button_tsina">新浪微博</a>
<a class="jiathis_button_tqq">腾讯微博</a>
<a class="jiathis_button_weixin">微信</a>
<a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank">更多</a>
<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
<!-- 分享框 E JiaThis Button END -->

<!-- 评论框 S UY BEGIN -->
<div id="uyan_frame"></div>
<script type="text/javascript" src="http://v2.u
4000
yan.cc/code/uyan.js"></script>
<!-- 评论框 E UY END -->

<!--分享到的右侧浮窗效果： JiaThis Button BEGIN -->
<script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?move=0&btn=r4.gif" charset="utf-8"></script>
<!-- 分享到的右侧浮窗效果： JiaThis Button END -->
</body>
</html>

参考jiathis社会化分享有兴趣的朋友可以参考这个官网 : http://www.jiathis.com/

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： web技术

相关文章推荐

新的分享

章节导航