百度分享：點擊百度喜歡后顯示內容的代碼

自從百度推出了百度分享和百度喜歡之后，基本上所有人都開始用了，畢竟每個人都是希望自己的站點給搜索引擎好的印象，并且，這個喜歡和分享在搜索引擎的結果頁面上還是可以體現的出來的。但是一般情況下，除非文章內容足夠吸引人，或者是含有一些足夠讓人喜歡的內容，讀者才會去點擊那個喜歡按鈕，對于一些本身就僅僅是來拿東西的讀者來說，他最喜歡的就是文章中的那個下載地址了。今天給大家推薦的這款源碼，要求用戶在點擊了喜歡按鈕之后才會顯示內容，并且這套源碼是不影響搜索引擎對網頁的正常抓取的。

<script id="bdlike_shell"></script>
<script>
var bdShare_config = {
"type":"medium",
"color":"blue"
};
document.getElementById("bdlike_shell").src="http://bdimg.share.baidu.com/static/js/like_shell.js?t=" + new Date().getHours();
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".likeURL").after("<div class="LikeThis" style="border-width:3px; border-color:#FFAD50; border-style:dotted; padding-top:3px; padding-left:3px; padding-right:3px; padding-bottom:3px; width:400px; text-align:center;">以下內容需要您點擊下方的喜歡按鈕之后才會顯示。<div style="margin:auto;" class="bdlikebutton"><div></div>")
$(".likeURL").slideToggle();
$(".bdlikebutton").mouseup(function(){
$(".likeURL").slideToggle();
$(".LikeThis").slideToggle();
});
});
</script>
<!--喜歡后顯示內容代碼-->

效果就是上面的效果了，點擊上面的喜歡之后自然是會顯示代碼的，這套代碼要基于 jQuery 才可以運行哦，所以還需要你正確的引入 jQuery 這個插件才可以。

<div class="likeURL">隱藏內容<div>
將要隱藏的內容用一個 class 為 likeURL 的 div 包起來即可就像這樣。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈