使用js 限制內容字數,多行時

No Comments

STEP 1:

準備HTML

<div class="box">
<p class="JQellipsis">Astral Web是一群對網路充滿熱情的團隊,我們相信網路的力量無遠弗屆,人人都有機會開創網路事業。一邊享受網路事業帶來的樂趣,一邊秉持著工作即是玩樂的精神,不斷激發各種靈感為客戶提高收益,提供最完善的服務。</p>
</div>

STEP 2:

載入jquery

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

STEP 3:

<script>
$(function(){
    var len = 50; // 超過50個字以"..."取代
    $(".JQellipsis").each(function(i){
        if($(this).text().length>len){
            $(this).attr("title",$(this).text());
            var text=$(this).text().substring(0,len-1)+"...";
            $(this).text(text);
        }
    });
});
</script>
Next Post較新的文章 Previous Post較舊的文章 首頁

0 意見