前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JQuery JCshare 0.1 分享插件

JQuery JCshare 0.1 分享插件

作者头像
脑洞的蜂蜜
发布2018-02-01 19:12:53
1.2K0
发布2018-02-01 19:12:53
举报
文章被收录于专栏:NetCoreNetCore

一、介绍:     现在各类SNS网站、微博等都开设了分享接口,可以让你的咨询更快、更有效的通过用户分享给其好友,外面也有很多一键式的分享控件。我们公司网站(巴士国旅)为了让用户及其好友更快分享到我们巴士的特价线路,自己研究了下,写了个简单的JQery插件,现在完全开源,方便大家扩展。原理很简单,拼接了分享接口的url,很多一键式控件是弹窗类型的,我这里做成链接形式,或许后面一个版本,会加入弹窗类型,暂时先这样吧,用下来还不错,欢迎大家拍砖。

二、目录介绍:         |-----scripts            脚本         |------jquery-1.3.2.min.js    jquery 1.3.2         |------jquery.jcshare.js    分享插件         |-----styles        样式       |------jcshare.css    分享样式         |------share.gif    背景图片

三、安装:     1、链接样式     2、链接jquery和分享插件的js文件     3、在$(document).ready(function(){})中 调用分享插件:

代码语言:js
复制
                $(document).share({     
                title: document.title + "-James.Ying-巴士国旅",     
                content: "更多旅游线路尽在巴士国旅",     
                url: document.URL     
            });     

    第一版中,只支持title,content,url,稍后会加入图片,现在也仅支持链接方式,弹窗以后再加了。     4、分享链接:

代码语言:js
复制
            <a href="javascript:void(0);" title="把此线路分享到开心网" class="share share_kaixin">&nbsp;</a>     
            <a href="javascript:void(0);" title="把此线路分享到新浪微博" class="share share_sina">&nbsp;</a>     
            <a href="javascript:void(0);" title="把此线路分享到豆瓣网" class="share share_douban">&nbsp;</a>     
            <a href="javascript:void(0);" title="把此线路分享到人人网" class="share share_renren">&nbsp;</a>     
            <a href="javascript:void(0);" title="把此线路分享到腾讯微博" class="share share_qq">&nbsp;</a>  

    使用了Jquery的选择器,如果对应的class改变的话,请在初始分享插件时,也把对应的class赋值,具体看代码。

点击查看示例代码

分享插件下载

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2010-12-01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档