jquery文章展开效果

jquery文章展开效果:

<script type="text/javascript">

$(function(){
    $(".content").each(function(){
        var maxwidth=60;//设置最多显示的字数
        var text = $(this).text();
        if($(this).text().length>maxwidth){
            $(this).text($(this).text().substring(0,maxwidth));
            $(this).html($(this).html()+"..."+"<a href='###'> 点击展开</a>");//如果字数超过最大字数,超出部分用...代替,并且在后面加上点击展开的链接;

        };
        $(this).find("a").click(function(){
            $(this).parent().text(text);//点击“点击展开”,展开全文
        })
    })
})

</script>

标签:

相关文章

1 条评论

  1. 老张博客

    很实用的一个功能呀。

发表评论