google.load("prototype", "1.6");

Monday, July 9, 2007

为“阅读全文”增加特殊的效果

        如果你还没有安装该项功能,可以到此文收缩/展开文章,增加“阅读全文”选项看看。究竟是可它添加了什么特殊效果呢?就是当你点击“阅读全文”/“返回概要”时,多了个淡入/淡出的效果。如果你厌倦了你那个简单的效果,不妨安装一下。
        如果你的博客已经有了收缩/展开文章的功能,那么第一步就是找到下面这段代码:
<script type='text/javascript' src=
'http://www.anniyalogam.com/widgets/hackosphere.js' />

替换成下面这段代码。
<script type='text/javascript' src=
'http://bvibes.com/scriptaculous-1.7/src/prototype.js'/>
<script type='text/javascript' src=
'http://bvibes.com/scriptaculous-1.7/src/scriptaculous.js?load=effects'/>
<script type='text/javascript' src=
'http://bvibes.com/hackosphere/widgets/hackosphere.js'/>
<script type='text/javascript'>
var peekaboo_bgcolor = '#ffffff'; //hack for IE
</script>

        如果你的博客的背景色不是白色的,那么需要修改一下peekaboo_bgcolor的颜色,直到在IE中有较好的效果。因为大部分博客的背景色是白色的,所以它是这样做的。
        第二步:找到下面这段代码的红色部分,然后删除掉。
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>

好了保存查看效果如何。
更新2007.7.11
你可能没有淡入淡出的效果,是因为代码被修改成了支持淡入/淡出效果和不显示该效果,所以应该在上面第一步中找到这段代码,加入红色的部分。
<script type='text/javascript' src=
'http://bvibes.com/hackosphere/widgets/hackosphere.js'/>
<script type='text/javascript'>
var fade = true;
var peekaboo_bgcolor = '#ffffff';
</script>

0 留言:

Post a Comment

Creative Commons License© 2007-2023 乐天士 --您是第 位浏览者--↑页首
悦来客栈 by sisea is licensed under a Creative Commons 署名-非商业性使用-禁止演绎 2.5 中国大陆 License.