>웹 프론트엔드 >JS 튜토리얼 >소스 코드 download_jquery를 사용하여 jQuery 기반의 대화형 경험 소셜 공유 코드 구현

소스 코드 download_jquery를 사용하여 jQuery 기반의 대화형 경험 소셜 공유 코드 구현

WBOY
WBOY원래의
2016-05-16 15:21:571699검색

원하시는 효과가 맞는지 먼저 렌더링을 보여드리겠습니다. 계속해서 읽어주세요.

효과 표시 소스 코드 다운로드

jQuery 인터랙티브 경험을 기반으로 한 소셜 공유 코드입니다. 공유 버튼을 클릭하고 오른쪽으로 슬라이드하면 Tencent Weibo, Sina Weibo, QQ Zone, Douban, WeChat, QR 코드 공유 및 기타 공유 플랫폼이 표시되는 공유 플랫폼입니다.

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 기반의 대화형 경험을 위한 소셜 공유 코드에 대한 소개를 마치겠습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.