HTML5自定義分享代碼是一種讓網站擁有自定義分享功能的工具,可以通過它實現網站分享的按鈕、分享的內容以及分享的方式都可以自己定制。下面提供了一些HTML5自定義分享代碼的下載信息。
/*分享按鈕代碼*/ <div class="your-share-button"> <i class="fa fa-qq"></i> <i class="fa fa-wechat"></i> <i class="fa fa-weibo"></i> </div> /*分享內容代碼*/ var share_title = '分享標題'; var share_desc = '分享描述'; var share_url = 'http://www.share-url.com'; var share_pic = 'http://www.share-pic.com'; /*分享方式代碼*/ $('.your-share-button').click(function(){ //分享到QQ $(this).find('.fa-qq').click(function(){ var url = 'http://connect.qq.com/widget/shareqq/index.html?url='+encodeURIComponent(share_url)+'&title='+encodeURIComponent(share_title)+'&summary='+encodeURIComponent(share_desc)+'&pics='+encodeURIComponent(share_pic); window.open(url,'_blank'); }); //分享到微信 $(this).find('.fa-wechat').click(function(){ //自己編寫微信分享代碼,或者調用weixin.js等工具 }); //分享到微博 $(this).find('.fa-weibo').click(function(){ var url = 'http://service.weibo.com/share/share.php?url='+encodeURIComponent(share_url)+'&appkey=xyz123&title='+encodeURIComponent(share_title)+'&pic='+encodeURIComponent(share_pic)+'&searchPic=true'; window.open(url,'_blank'); }); });
以上是一些HTML5自定義分享代碼的示例,可以根據自己的需求進行修改。這些代碼可以在自己的網站中直接使用,不需要編寫太多的JavaScript代碼,非常方便快捷。如果需要更加高級的分享功能,也可以參考其他分享功能庫的資料。