软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 站长之家 > 分析研究 > 百度分享:点击百度喜欢后显示内容的代码

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

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

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

    相关阅读
    栏目导航
    推荐软件