社会化分享实现插件,分享到...
2010-12-01 14:34
260 查看
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"> </a>
<a href="javascript:void(0);" title="把此线路分享到新浪微博" class="share share_sina"> </a>
<a href="javascript:void(0);" title="把此线路分享到豆瓣网" class="share share_douban"> </a>
<a href="javascript:void(0);" title="把此线路分享到人人网" class="share share_renren"> </a>
<a href="javascript:void(0);" title="把此线路分享到腾讯微博" class="share share_qq"> </a>
使用了Jquery的选择器,如果对应的class改变的话,请在初始分享插件时,也把对应的class赋值,具体看代码。
点击查看示例代码
分享插件下载
-----------------------------------------------------
网名:James.Ying(玄天尊)
MSN:x_inday@msn.com
经验:5年电子商务网站开发
目标:电子商务平民化。
-----------------------------------------------------
Tag标签: jquery jcshare
![](http://pic.cnblogs.com/face/u4871.gif)
James.Ying
关注 - 1
粉丝 - 3
关注博主10(请您对文章做出评价)« 上一篇:嘿嘿 抢到了iphone4
posted @ 2010-12-01 11:46 James.Ying 阅读(897) 评论(6) 编辑 收藏 所属分类: jquery
发表评论回复 引用 查看 #1楼2010-12-01 12:03 | 顾磊(kyo-yo) 标题jQuery单词拼错了。。。少了个U
回复 引用 查看 #2楼[楼主]2010-12-01 12:12 | James.Ying @顾磊(kyo-yo)
哈 不好意思
回复 引用 查看 #3楼2010-12-01 12:21 | CoolCode JCshare 为什么不叫jShare?
我看成JCsharp了。以为是JC#,呵呵!
回复 引用 查看 #4楼[楼主]2010-12-01 12:29 | James.Ying @CoolCode
呵呵 因为我英文名叫james 老婆叫candy 所以都用jc开头的 吼吼
回复 引用 查看 #5楼2010-12-01 12:57 | 顾磊(kyo-yo) @James.Ying
很有特色的命名。
回复 引用 查看 #6楼2010-12-01 13:17 | ryanding jquery 1.3.2 该升级升级啦。
![](http://static.cnblogs.com/images/icon_comment.gif)
lexus:
很有用啊,兄弟,找了好几天了这样的东东,
不过能不能再列一下,一些接口的文档链接,以便于大伙改改用到自个的地方啊
刷新评论列表 刷新页面 返回页首发表评论 博客园首页 IT新闻 闪存 招聘 博问感谢您的回复:) 提交耗时555毫秒
不过能不能再列一下,一些接口的文档链接,以便于大伙改改用到自个的地方啊
相关文章推荐
- jQuery实现社会化分享插件
- Android studio "社会化分享"实现步骤(总结mob网步骤)
- jQuery实现输入框下拉列表树插件特效代码分享
- 基于jQuery实现交互体验社会化分享代码附源码下载
- Android版添加phonegap-百度社会化分享插件教程
- css3实现顶部社会化分享按钮示例
- Jquery实现弹出层分享微博插件具备动画效果
- 我如何让echarts实现了分组(原创插件echarts.group代码分享)
- Android社会化分享功能的实现步骤
- jQuery实现的数值范围range2dslider选取插件特效多款代码分享
- 使用JQuery实现的分页插件分享
- JavaScript实现的双向跨域插件分享
- js+插件实现代码复制及动态生成二维码扫描、分享到朋友圈QQ空间功能
- 纯CSS3实现的顶部社会化分享按钮
- 分享在winform下实现模块化插件编程-优化版
- 一种牛逼的网站分享插件实现
- 微信公众号分享的PHP插件实现——ArPHP
- Unity使用Cardboard、MojingSDK等VR插件的3DUI(UGUI)凝视效果的实现(V客学院知识分享)
- 分享一个插件实现水珠自动下落效果
- js+插件实现代码复制及动态生成二维码扫描、分享到朋友圈QQ空间功能