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 閱讀(467) 評論(0)  編輯  收藏 所屬分類: blogger

          公告

          希望有一天

          我能用鼠標雙擊我的錢包

          然后選中一張100元

          按住“ctrl+c”

          接著不停的“ctrl+v”

          嘻嘻~~~笑醒~~~



          導航

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

          統計

          常用鏈接

          留言簿(6)

          隨筆分類(102)

          隨筆檔案(398)

          文章分類

          文章檔案(10)

          有趣網絡

          搜索

          積分與排名

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 温州市| 滨州市| 比如县| 大名县| 靖边县| 敦煌市| 琼结县| 博野县| 鹰潭市| 德钦县| 蓬安县| 宁陵县| 铜陵市| 无极县| 故城县| 宁陕县| 溆浦县| 鹤岗市| 永善县| 富阳市| 洛隆县| 大洼县| 双桥区| 张家口市| 中西区| 三明市| 屯门区| 额济纳旗| 兴业县| 惠州市| 曲麻莱县| 呼伦贝尔市| 香格里拉县| 保定市| 金门县| 泗阳县| 高平市| 龙里县| 谢通门县| 新田县| 兴安县|