JQuery JCshare 0.1 分享插件

一、介紹：?
??? 現(xiàn)在各類SNS網(wǎng)站、微博等都開(kāi)設(shè)了分享接口，可以讓你的咨詢更快、更有效的通過(guò)用戶分享給其好友，外面也有很多一鍵式的分享控件。我們公司網(wǎng)站（巴士國(guó)旅）為了讓用戶及其好友更快分享到我們巴士的特價(jià)線路，自己研究了下，寫(xiě)了個(gè)簡(jiǎn)單的JQery插件，現(xiàn)在完全開(kāi)源，方便大家擴(kuò)展。原理很簡(jiǎn)單，拼接了分享接口的url，很多一鍵式控件是彈窗類型的，我這里做成鏈接形式，或許后面一個(gè)版本，會(huì)加入彈窗類型，暫時(shí)先這樣吧，用下來(lái)還不錯(cuò)，歡迎大家拍磚。

二、目錄介紹：?
??????? |-----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-巴士國(guó)旅",?
??????????????? content: "更多旅游線路盡在巴士國(guó)旅",?
??????????????? url: document.URL?
??????????? });?
??? 第一版中，只支持title，content，url，稍后會(huì)加入圖片，現(xiàn)在也僅支持鏈接方式，彈窗以后再加了。?
??? 4、分享鏈接：?
??????????? <a href="javascript:void(0);" title="把此線路分享到開(kāi)心網(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的選擇器，如果對(duì)應(yīng)的class改變的話，請(qǐng)?jiān)诔跏挤窒聿寮r(shí)，也把對(duì)應(yīng)的class賦值，具體看代碼。

?

點(diǎn)擊查看示例代碼

?

分享插件下載

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

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

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

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

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

Tag標(biāo)簽:?jquery jcshareJames.Ying
關(guān)注 - 1
粉絲 - 3
關(guān)注博主10(請(qǐng)您對(duì)文章做出評(píng)價(jià))??上一篇：嘿嘿 搶到了iphone4
posted @ 2010-12-01 11:46?James.Ying?閱讀(897)?評(píng)論(6)?編輯?收藏?所屬分類:?jquery
發(fā)表評(píng)論回復(fù) 引用 查看 ??#1樓2010-12-01 12:03 |?顧磊(kyo-yo)?標(biāo)題jQuery單詞拼錯(cuò)了。。。少了個(gè)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
呵呵 因?yàn)槲矣⑽拿衘ames 老婆叫candy 所以都用jc開(kāi)頭的 吼吼
回復(fù) 引用 查看 ??#5樓2010-12-01 12:57 |?顧磊(kyo-yo)?@James.Ying
很有特色的命名。
回復(fù) 引用 查看 ??#6樓2010-12-01 13:17 |?ryanding?jquery 1.3.2 該升級(jí)升級(jí)啦。
?lexus:很有用啊,兄弟,找了好幾天了這樣的東東,
不過(guò)能不能再列一下,一些接口的文檔鏈接,以便于大伙改改用到自個(gè)的地方啊
?刷新評(píng)論列表??刷新頁(yè)面??返回頁(yè)首發(fā)表評(píng)論?博客園首頁(yè)??IT新聞??閃存??招聘??博問(wèn)感謝您的回復(fù):) 提交耗時(shí)555毫秒

總結(jié)

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

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