Loading...

          java .net

          自己用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>下面加入
          <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)測(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

          公告

          希望有一天

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

          然后選中一張100元

          按住“ctrl+c”

          接著不停的“ctrl+v”

          嘻嘻~~~笑醒~~~



          導(dǎo)航

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

          統(tǒng)計(jì)

          常用鏈接

          留言簿(6)

          隨筆分類(102)

          隨筆檔案(398)

          文章分類

          文章檔案(10)

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

          搜索

          積分與排名

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

          主站蜘蛛池模板: 开江县| 邯郸县| 龙山县| 社旗县| 石楼县| 乳山市| 麻江县| 琼结县| 额尔古纳市| 剑阁县| 象山县| 平遥县| 望谟县| 新乡市| 金湖县| 南木林县| 灵台县| 奉化市| 噶尔县| 白城市| 建始县| 云林县| 忻州市| 资兴市| 五家渠市| 正镶白旗| 沈丘县| 新野县| 乐昌市| 武隆县| 山丹县| 定西市| 永昌县| 房产| 甘谷县| 百色市| 吉水县| 辽阳市| 土默特右旗| 三明市| 霸州市|