Home >Web Front-end >JS Tutorial >Implementing interactive experience social sharing code based on jQuery with source code download_jquery

Implementing interactive experience social sharing code based on jQuery with source code download_jquery

WBOY
WBOYOriginal
2016-05-16 15:21:571699browse

I will show you the renderings first to see if it is the effect you want. If it meets your requirements, please continue reading.

Effect display Source code download

Social sharing code based on jQuery interactive experience. This is a sharing platform that clicks the share button and slides to the right to display Tencent Weibo, Sina Weibo, QQ Zone, Douban, WeChat, QR code sharing and other sharing platforms.

html code:

<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>

The relevant content of the social sharing code for interactive experience based on jQuery with source code download is introduced here. The above code is relatively simple and has a wide range of applications. I hope you like it.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn