zoukankan      html  css  js  c++  java
  • 使用limit限制页面中文本的显示长度

    <script type="text/javascript">  
    jQuery.fn.limit=function(){  
        var self = $("p[limit]");        //我还见到另外一种写法    var self = $("[@limit]");        //大家可以根据自己的喜好来写    
        self.each(function(){  
            var objString = jQuery.trim($(this).text());      //主要是为了获取本文的内容
            var objLength = objString.length;                 //获取文本的长度,以便于限定的长度做比较
            var num = $(this).attr("limit");                  //获取自己设置的限制文本长度:如Limit="12"
            if(objLength > num){                              //两个长度之间的比较
                $(this).attr("title",objString);  
                objString = $(this).text(objString.substring(0,num) + "...");             //最终显示的文本内容
            }  
        })  
    }  
    $(function(){  
        $(document.body).limit();   //此种方法不一定使用           
       //也可以使用$("p[limit]").limit();   $("[@limit]").limit();来显示      各位可以根据情况使用
    })  
    </script>  
    <body>  
        <p limit="12">                                         
        www.ifeisu.comwww.ifeisu.comwww.ifeisu.comwww.ifeisu.com</p>  
        <p limit="10">                                 
        www.ifeisu.comwww.ifeisu.comwww.ifeisu.comwww.ifeisu.com</p>  
        <p limit="12">                                   
        www.ifeisu.com</p>  
        <p limit="12">                                 
        www.ifeisu.com</p>  
        <p limit="10">                                      
        www.ifeisu.comwww.ifeisu.comwww.ifeisu.comwww.ifeisu.com</p>  
    </body> 
  • 相关阅读:
    浅谈缓存管理
    [Architecture Pattern] Database Migration (上)
    knockout.js的学习笔记4
    cenOS5.5安装oracle10g(傻瓜篇)
    SportsStore:管理 — 精通ASP.NET MVC 3
    ASP.NET MVC下的异步Action的定义和执行原理
    基于EF 4.3.1 Code First的领域驱动设计实践案例
    asp.net缓存
    《Pro ASP.NET MVC 3 Framework》部署
    Asp.Net MVC 3.0【Hello World!】
  • 原文地址:https://www.cnblogs.com/bingrong/p/3302826.html
Copyright © 2011-2022 走看看