Loading...

          java .net

          自己用jquery 實現(xiàn) google blogger 首頁文章摘要

          早就注意到google blogger 首頁文章不能只顯示摘要,而是全部顯示
          google了幾個網(wǎng)頁提供的方法,官方的方式是在文章中加一個span,讓當(dāng)在首頁顯示時span隱藏,這種方式只適合以后新增文章,以前的舊文章均沒有加入這個span,就不好使
          想到blogger這么高度自定義,那么用jquery實現(xiàn)吧
          經(jīng)過一個晚上的實驗,終于出結(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>

          經(jīng)測試,IE7中會提示:是否停止運行腳本?此頁面的腳本造成Internet Explorer 運行速度減慢,如果繼續(xù)運行,您的計算機將可能停止響應(yīng)

          這個.truncate的第一個參數(shù)設(shè)的大小也有關(guān)系,這里設(shè)了500

          在FireFox3和Google Chrome中沒有什么提示,速度還挺快,但會有顯示問題,因為應(yīng)用的jquery.truncate框架有瀏覽器兼容問題

          posted on 2009-04-22 12:49 閱讀(473) 評論(0)  編輯  收藏 所屬分類: blogger

          公告

          希望有一天

          我能用鼠標(biāo)雙擊我的錢包

          然后選中一張100元

          按住“ctrl+c”

          接著不停的“ctrl+v”

          嘻嘻~~~笑醒~~~



          導(dǎo)航

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

          統(tǒng)計

          常用鏈接

          留言簿(6)

          隨筆分類(102)

          隨筆檔案(398)

          文章分類

          文章檔案(10)

          有趣網(wǎng)絡(luò)

          搜索

          積分與排名

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 南川市| 南宫市| 四川省| 贵港市| 延川县| 象州县| 定兴县| 大荔县| 社旗县| 冕宁县| 嘉义县| 泰顺县| 宁陵县| 郁南县| 四川省| 绵竹市| 南川市| 蓬安县| 武胜县| 定安县| 商城县| 德州市| 揭西县| 会昌县| 平顺县| 北辰区| 施秉县| 延津县| 西充县| 德安县| 尖扎县| 武功县| 政和县| 彭水| 汝南县| 洛扎县| 黄大仙区| 永州市| 长顺县| 澜沧| 浑源县|