Loading...

java .net

自己用jquery 实现 google blogger 首页文章摘要

早就注意到google blogger 首页文章不能只显示摘要,而是全部显示
google了几个网页提供的方法,官方的方式是在文章中加一个span,让当在首页显示时span隐藏,这种方式只适合以后新增文章,以前的旧文章均没有加入这个span,就不好使
想到blogger这么高度自定义,那么用jquery实现吧
经过一个晚上的实验,终于出结果了

修改html模板,在<head>下面加入
<b:if cond='data:blog.pageType != "item"'>
   <script src='http://www.google.com/jsapi'/>
       <script type='text/javascript'>
            google.load('jquery', '1.3.2');
       </script>
       <script language='javascript' src='http://www.reindel.com/truncate/jquery.truncate.js' type='text/javascript'/>
       <script type='text/javascript'>
       $(function() {
           $("div[class='post-body entry-content']").truncate( 500, {
               chars: /\s/,
               trail: [ " ( <a href='#' class='truncate_show'>more</a> . . . )", " ( . . . <a href='#' class='truncate_hide'>less</a> )" ]
           });
       });
       </script>
       </b:if>

经测试,IE7中会提示:是否停止运行脚本?此页面的脚本造成Internet Explorer 运行速度减慢,如果继续运行,您的计算机将可能停止响应

这个.truncate的第一个参数设的大小也有关系,这里设了500

在FireFox3和Google Chrome中没有什么提示,速度还挺快,但会有显示问题,因为应用的jquery.truncate框架有浏览器兼容问题

posted on 2009-04-22 12:49 阅读(461) 评论(0)  编辑  收藏 所属分类: blogger


只有注册用户登录后才能发表评论。


网站导航:
 

公告

希望有一天

我能用鼠标双击我的钱包

然后选中一张100元

按住“ctrl+c”

接着不停的“ctrl+v”

嘻嘻~~~笑醒~~~



导航

<2009年4月>
2930311234
567891011
12131415161718
19202122232425
262728293012
3456789

统计

常用链接

留言簿(6)

随笔分类(102)

随笔档案(398)

文章分类

文章档案(10)

有趣网络

搜索

积分与排名

最新评论

阅读排行榜

评论排行榜