百度分享：点击百度喜欢后显示内容的代码

自从百度推出了百度分享和百度喜欢之后，基本上所有人都开始用了，毕竟每个人都是希望自己的站点给搜索引擎好的印象，并且，这个喜欢和分享在搜索引擎的结果页面上还是可以体现的出来的。但是一般情况下，除非文章内容足够吸引人，或者是含有一些足够让人喜欢的内容，读者才会去点击那个喜欢按钮，对于一些本身就仅仅是来拿东西的读者来说，他最喜欢的就是文章中的那个下载地址了。今天给大家推荐的这款源码，要求用户在点击了喜欢按钮之后才会显示内容，并且这套源码是不影响搜索引擎对网页的正常抓取的。

<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 包起来即可就像这样。

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠