JQuery JCshare 0.1 分享插件

一、介紹：?
??? 現(xiàn)在各類SNS網(wǎng)站、微博等都開設(shè)了分享接口，可以讓你的咨詢更快、更有效的通過用戶分享給其好友，外面也有很多一鍵式的分享控件。我們公司網(wǎng)站（巴士國旅）為了讓用戶及其好友更快分享到我們巴士的特價線路，自己研究了下，寫了個簡單的JQery插件，現(xiàn)在完全開源，方便大家擴展。原理很簡單，拼接了分享接口的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(){})中 調(diào)用分享插件：?
??????????? $(document).share({?
??????????????? title: document.title + "-James.Ying-巴士國旅",?
??????????????? content: "更多旅游線路盡在巴士國旅",?
??????????????? url: document.URL?
??????????? });?
??? 第一版中，只支持title，content，url，稍后會加入圖片，現(xiàn)在也僅支持鏈接方式，彈窗以后再加了。?
??? 4、分享鏈接：?
??????????? <a href="javascript:void(0);" title="把此線路分享到開心網(wǎng)" class="share share_kaixin">&nbsp;</a>?
??????????? <a href="javascript:void(0);" title="把此線路分享到新浪微博" class="share share_sina">&nbsp;</a>?
??????????? <a href="javascript:void(0);" title="把此線路分享到豆瓣網(wǎng)" class="share share_douban">&nbsp;</a>?
??????????? <a href="javascript:void(0);" title="把此線路分享到人人網(wǎng)" class="share share_renren">&nbsp;</a>?
??????????? <a href="javascript:void(0);" title="把此線路分享到騰訊微博" class="share share_qq">&nbsp;</a>?

??? 使用了Jquery的選擇器，如果對應(yīng)的class改變的話，請在初始分享插件時，也把對應(yīng)的class賦值，具體看代碼。

?

點擊查看示例代碼

?

分享插件下載

-----------------------------------------------------
??????網(wǎng)名：James.Ying（玄天尊）

??????MSN：x_inday@msn.com

??????經(jīng)驗：5年電子商務(wù)網(wǎng)站開發(fā)

??????目標：電子商務(wù)平民化。

-----------------------------------------------------

Tag標簽:?jquery jcshareJames.Ying
關(guān)注 - 1
粉絲 - 3
關(guān)注博主10(請您對文章做出評價)??上一篇：嘿嘿 搶到了iphone4
posted @ 2010-12-01 11:46?James.Ying?閱讀(897)?評論(6)?編輯?收藏?所屬分類:?jquery
發(fā)表評論回復(fù) 引用 查看 ??#1樓2010-12-01 12:03 |?顧磊(kyo-yo)?標題jQuery單詞拼錯了。。。少了個U
回復(fù) 引用 查看 ??#2樓[樓主]2010-12-01 12:12 |?James.Ying?@顧磊(kyo-yo)
哈 不好意思
回復(fù) 引用 查看 ??#3樓2010-12-01 12:21 |?CoolCode?JCshare 為什么不叫jShare？
我看成JCsharp了。以為是JC#，呵呵！
回復(fù) 引用 查看 ??#4樓[樓主]2010-12-01 12:29 |?James.Ying?@CoolCode
呵呵 因為我英文名叫james 老婆叫candy 所以都用jc開頭的 吼吼
回復(fù) 引用 查看 ??#5樓2010-12-01 12:57 |?顧磊(kyo-yo)?@James.Ying
很有特色的命名。
回復(fù) 引用 查看 ??#6樓2010-12-01 13:17 |?ryanding?jquery 1.3.2 該升級升級啦。
?lexus:很有用啊,兄弟,找了好幾天了這樣的東東,
不過能不能再列一下,一些接口的文檔鏈接,以便于大伙改改用到自個的地方啊
?刷新評論列表??刷新頁面??返回頁首發(fā)表評論?博客園首頁??IT新聞??閃存??招聘??博問感謝您的回復(fù):) 提交耗時555毫秒

總結(jié)

以上是生活随笔為你收集整理的社会化分享实现插件,分享到...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。