基于jQuery实现交互体验社会化分享代码附源码下载

 更新时间:2016年01月04日 15:27:02   作者:爱上程序猿  
基于jQuery实现交互体验社会化分享代码附源码下载。这是一款鼠标点击分享按钮向右滑出腾讯微博,新浪微博,QQ空间,豆瓣,微信,二维码分享等分享平台,本段代码比较实用,需要的朋友参考下吧

先给大家展示下效果图,看看是不是亲想要的效果,如果满足您的要求请继续往下阅读。

效果展示       源码下载

基于jQuery交互体验社会化分享代码。这是一款鼠标点击分享按钮向右滑出腾讯微博,新浪微博,QQ空间,豆瓣,微信,二维码分享等分享平台。

html代码:

<div style="text-align:center;font:normal 14px/24px 'MicroSoft YaHei';clear:both;width:160px;margin:0 auto;">
    <br /><br /><br /><br /><br /><br />
    <div id="socialShare"></div>
    <script>
      $(function () {
        $("#socialShare").socialShare({
          content: '',
          url: '',
          titile: ''
        });
      });
      $("#shareQQ").on("click", function () {
        $(this).socialShare("tQQ");
      })
    </script>
  </div>

基于jQuery实现交互体验社会化分享代码附源码下载的相关内容就给大家介绍到这里,以上代码比较简单,应用非常广泛,希望大家喜欢。

相关文章

  • jQuery中extend函数详解

    jQuery中extend函数详解

    这篇文章主要介绍了jQuery中extend函数详解的相关资料,需要的朋友可以参考下
    2015-07-07
  • JQuery的attr 与 val区别

    JQuery的attr 与 val区别

    这篇文章主要介绍了JQuery的attr 与 val区别的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • 使用jQuery实现掷骰子游戏

    使用jQuery实现掷骰子游戏

    这篇文章主要介绍了使用jQuery实现掷骰子游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • 改善用户体验的五款jQuery插件分享

    改善用户体验的五款jQuery插件分享

    改善网页的用户体验,可以从以下几个方面入手:菜单栏,tab,登录/注册,搜索,以及404页面。对于每一方面的优化,Gevin分别向大家推荐一个自己私藏的jquery插件,希望对大家有帮助,也欢迎大家多多交流
    2011-05-05
  • jQuery EasyUI ProgressBar进度条组件

    jQuery EasyUI ProgressBar进度条组件

    这篇文章主要为大家详细介绍了jQuery EasyUI ProgressBar进度条组件的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • JQuery onload、ready概念介绍及使用方法

    JQuery onload、ready概念介绍及使用方法

    页面加载完成有两种事件,一是ready,表示文档结构已经加载完成,onload,ready概念容易混淆,下面为大家详细介绍下
    2013-04-04
  • 字段太多jquey快速清空表单内容方法

    字段太多jquey快速清空表单内容方法

    一个复杂查询的页面,字段太多了,填了一次,想清空挺麻烦的,于是想到了jquery,下面是实现代码
    2014-08-08
  • jQuery冲突问题解决方法

    jQuery冲突问题解决方法

    在本篇文章里小编给大家整理的是一篇关于jQuery冲突问题解决方法,有兴趣的朋友们可以学习下。
    2021-01-01
  • jquery dialog获取焦点的方法

    jquery dialog获取焦点的方法

    这篇文章主要介绍了jquery dialog获取焦点的方法,结合实例形式分析了jQuery UI插件对话框dialog的基本使用技巧,需要的朋友可以参考下
    2017-02-02
  • jQuery中serializeArray()与serialize()的区别实例分析

    jQuery中serializeArray()与serialize()的区别实例分析

    这篇文章主要介绍了jQuery中serializeArray()与serialize()的区别,结合实例形式分析了jQuery中serializeArray()与serialize()的具体功能、使用技巧与用法区别,需要的朋友可以参考下
    2015-12-12

最新评论