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

 

点击查看示例代码

 

分享插件下载

时间: 2024-10-27 05:42:46

JQuery JCshare 0.1 分享插件的相关文章

JQuery.JCShare 0.2 发布(加入弹窗功能)

周末没事,就在家里改进了下JCShare这个插件,此次加入了弹窗功能. 先说明下,JCShare的名字纯属是自己的英文名和老婆的英文名第一个字母,并无其他含义:) 弹窗的属性:popupModel 有3个值,分别为: window:弹窗(window.open) link:链接方式 showdialog:模态对话框(window.showModalDialog) -------------------------------------------------------------------

jQuery实现输入框下拉列表树插件特效代码分享_jquery

本文实例讲述了jQuery实现输入框下拉列表树插件.分享给大家供大家参考.具体如下: 这是一款基于jquery实现的下拉列表树插件源码,是一款实用的jquery 树形下拉框下拉树代码.点击文本框即可弹出树形下拉列表,单击列表项即可选中列表对应文字,是一款非常实用的特效源码. 运行效果图:                     -------------------查看效果 下载源码-------------------   小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的

分享jQuery网页元素拖拽插件_jquery

效果说明:配合已有CSS样式,载入插件后,网页元素可以随意在窗口内拖拽,设置了原位置半透明和拖拽半透明的效果选项,可根据需要选择.另外,当页面上有多个可拖拽元素时,可以载入另外一个用于设置z-index的插件,模拟Windows窗口点击置顶效果. js/jquery.jLdraggable.js: ;(function($){ $.fn.extend({ "jLzindex" : function(){ //用于判断和设置各个对话框的z-index var $dragIndex = $

分享十五款 jQuery 社交网络分享插件

  过去几年中社交媒体越来越流行了,能够分享音乐.视频.图像甚至是其他的 docs 文档到互联网上去,这样子还能够提高页面的点击量.通常,一些社交媒体插件都能允许你的用户分享你网站上的内容到其他的社交平台,比如说这些社交平台 上:Facebook, Google, Twitter, Pinterest等等. 这里我们选择了 15 款最好的 jQuery 社交分享插件.只需要少量的代码,即可将它们轻松的集成到你的网站上,并且能够帮助你的访问者分享网站上的内容.好好享受它们来带的便利吧!! 1. i

分享28款免费实用的 JQuery 图片和内容滑块插件_jquery

jQuery Slider插件一般是由滑块与滑动按钮组成,也有一些带暂停和继续按钮的.一般使用的Slider滑块插件,按照展示方式,可以分为两种:一种是为水平滑动:另一种是垂直滑动.当然具体的特效就有很多种了,不一一解释了.大部分的都是一些类似幻灯片的效果,也有带视差效果的.实现方式也大都是基于jquery+html5+CSS3,大部分插件的兼容性都不错. 今天给大家分享的就是一些网站中常用的和不常用的一些Jquery Slider插件.这些jquery插件可以实现图片和内容的滑块效果.有一些非

分享十五款 jQuery 社交网络分享插件_jquery

过去几年中社交媒体越来越流行了,能够分享音乐.视频.图像甚至是其他的 docs 文档到互联网上去,这样子还能够提高页面的点击量.通常,一些社交媒体插件都能允许你的用户分享你网站上的内容到其他的社交平台,比如说这些社交平台 上:Facebook, Google, Twitter, Pinterest等等. 这里我们选择了 15 款最好的 jQuery 社交分享插件.只需要少量的代码,即可将它们轻松的集成到你的网站上,并且能够帮助你的访问者分享网站上的内容.好好享受它们来带的便利吧!! 1. iSh

jquery任意位置浮动固定层插件用法实例

  本文实例讲述了jquery任意位置浮动固定层插件用法.分享给大家供大家参考.具体分析如下: 说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动 2009-06-10修改:重新修改插件实现固定浮动层的方式,使用一个大固定层来定位 2009-07-16修改:修正IE6下无法固定在top上的问题 09-11-5修改:当自定义层的绝对位置时,加上top为空值时的判断 这次的方法偷自天涯新版页 经多次测试,基本上没bug~ 调用: 1 无参数调用:默认浮动在

jQuery实现拖拽效果插件的方法

 这篇文章主要介绍了jQuery实现拖拽效果插件的方法,较为详细的分析了jQuery拖拽效果的实现技巧,需要的朋友可以参考下     本文实例讲述了jQuery实现拖拽效果插件的方法.分享给大家供大家参考.具体如下: 下面的jQuery插件允许你通过鼠标右键点击拖动overflow的元素,这个插件可以在移动设备上运行 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 3

jQuery实现的输入框选择时间插件用法实例

 这篇文章主要介绍了jQuery实现的输入框选择时间插件用法,实例分析了jQuery插件jquery.settime.js的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery实现的输入框选择时间插件用法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!dooCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/