JQuery JCshare 0.1 分享插件

一、介绍:     现在各类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(){})中 调用分享插件:

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

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

            <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赋值,具体看代码。

点击查看示例代码

分享插件下载

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏企鹅号快讯

前端三大框架vue,angular,react大杂烩

摘要:从angular的诞生独步天下,到现在三大框架平分天下,基本形势已经趋于稳定。每一个框架从诞生到受欢迎,都有其特定的原因和背景。不同的开发者选择时,也是依...

2729
来自专栏互联网杂技

前端科普文:为什么&lt;!DOCTYPE&gt; 不可或缺

When question comes 你一定在 HTML 页面最前面看到过这样一行代码(比如 百度): <!DOCTYPE html> 或者说类似这样的(比如...

3498
来自专栏Material Design组件

Human Interface Guidelines — Modality

1513
来自专栏知晓程序

开发 | 用 7 天时间,他做了个仿麦当劳的小程序

作为全栈的学习者,初学微信小程序,抱着试试做心态,一个星期内初步完成了仿「i 麦当劳」小程序的项目。

1164
来自专栏李成熙heyli

性能优化三部曲之三——Node直出让你的网页秒开

项目: 手Q群成员分布直出 原因: 为家校群业务直出做准备 群成员分布业务是小型业务,而且逻辑相当简单,方便做直出试验田 基本概念: 直出其实并不算是新概念。只...

7017
来自专栏郭霖

Android通知栏微技巧,那些你所没关注过的小细节

本篇文章首发于我的微信公众号,其实通常情况下我都不会将微信文章再在博客上发表的,因为我认为两者区别比较大。微信文章偏向于短小精炼,毕竟要在手机上阅读,博客文章则...

3338
来自专栏前端新视界

浅谈 Angular 项目实战

我不是 Angular 的布道者,但如今自称 Angular 派,使用 Angular 做项目让我有一种兴奋感。目前的三大主流前端框架都研究过,博客中也有三者的...

1450
来自专栏魏艾斯博客www.vpsss.net

宝塔 Linux 面板 RPM 极速安装体验过程

2233
来自专栏向治洪

Android性能优化

讲到Android开发,就不得不谈一下Android的优化,不管是平时开发中我们需要注意的一些Android对Java的一些类的优化,还是实际开发中对性能的优化...

2606
来自专栏程序员宝库

15 个有趣的 JS 和 CSS 库

作者:Danny Markov,译者:IT程序狮 译文:https://zhuanlan.zhihu.com/p/31321429 原文:https://tut...

4627

扫码关注云+社区

领取腾讯云代金券