zoukankan      html  css  js  c++  java
  • 社会化分享实现插件,分享到...

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

     

    点击查看示例代码

     

    分享插件下载

    -----------------------------------------------------
          网名:James.Ying(玄天尊)

          MSN:x_inday@msn.com

          经验:5年电子商务网站开发

          目标:电子商务平民化。

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

    Tag标签: jquery jcshare
    1
    0
    (请您对文章做出评价)
    « 上一篇:嘿嘿 抢到了iphone4
    posted @ 2010-12-01 11:46 James.Ying 阅读(897) 评论(6) 编辑 收藏 所属分类: jquery

    标题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开头的 吼吼

    @James.Ying
    很有特色的命名。

    #6楼2010-12-01 13:17 | ryanding      
    jquery 1.3.2 该升级升级啦。
     lexus:
    很有用啊,兄弟,找了好几天了这样的东东,
    不过能不能再列一下,一些接口的文档链接,以便于大伙改改用到自个的地方啊
    发表评论 博客园首页  IT新闻  闪存  招聘  博问
    感谢您的回复:) 提交耗时555毫秒

  • 相关阅读:
    学习进度笔记06
    学习进度笔记05
    学习进度笔记04
    学习进度笔记03
    学习进度笔记02
    周总结13
    周总结12
    周总结11
    人月神话阅读笔记3
    第一阶段冲刺10
  • 原文地址:https://www.cnblogs.com/lexus/p/1893372.html
Copyright © 2011-2022 走看看