自己用jquery 實(shí)現(xiàn) google blogger 首頁(yè)文章摘要
早就注意到google blogger 首頁(yè)文章不能只顯示摘要,而是全部顯示
google了幾個(gè)網(wǎng)頁(yè)提供的方法,官方的方式是在文章中加一個(gè)span,讓當(dāng)在首頁(yè)顯示時(shí)span隱藏,這種方式只適合以后新增文章,以前的舊文章均沒(méi)有加入這個(gè)span,就不好使
想到blogger這么高度自定義,那么用jquery實(shí)現(xiàn)吧
經(jīng)過(guò)一個(gè)晚上的實(shí)驗(yàn),終于出結(jié)果了
修改html模板,在<head>下面加入
經(jīng)測(cè)試,IE7中會(huì)提示:是否停止運(yùn)行腳本?此頁(yè)面的腳本造成Internet Explorer 運(yùn)行速度減慢,如果繼續(xù)運(yùn)行,您的計(jì)算機(jī)將可能停止響應(yīng)
這個(gè).truncate的第一個(gè)參數(shù)設(shè)的大小也有關(guān)系,這里設(shè)了500
在FireFox3和Google Chrome中沒(méi)有什么提示,速度還挺快,但會(huì)有顯示問(wèn)題,因?yàn)閼?yīng)用的jquery.truncate框架有瀏覽器兼容問(wèn)題
google了幾個(gè)網(wǎng)頁(yè)提供的方法,官方的方式是在文章中加一個(gè)span,讓當(dāng)在首頁(yè)顯示時(shí)span隱藏,這種方式只適合以后新增文章,以前的舊文章均沒(méi)有加入這個(gè)span,就不好使
想到blogger這么高度自定義,那么用jquery實(shí)現(xiàn)吧
經(jīng)過(guò)一個(gè)晚上的實(shí)驗(yàn),終于出結(jié)果了
修改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>
<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>
經(jīng)測(cè)試,IE7中會(huì)提示:是否停止運(yùn)行腳本?此頁(yè)面的腳本造成Internet Explorer 運(yùn)行速度減慢,如果繼續(xù)運(yùn)行,您的計(jì)算機(jī)將可能停止響應(yīng)
這個(gè).truncate的第一個(gè)參數(shù)設(shè)的大小也有關(guān)系,這里設(shè)了500
在FireFox3和Google Chrome中沒(méi)有什么提示,速度還挺快,但會(huì)有顯示問(wèn)題,因?yàn)閼?yīng)用的jquery.truncate框架有瀏覽器兼容問(wèn)題
posted on 2009-04-22 12:49 豬 閱讀(466) 評(píng)論(0) 編輯 收藏 所屬分類: blogger