用jquery 实现 超出字符 截断加上省略号并且可以提示全部内容
1.test.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${webRoot}/framework/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="${webRoot}/framework/js/jquery-ui.js"></script>
<script type="text/javascript" src="${webRoot}/framework/js/strlimit.js"></script>
<script>
$('table').tooltip();
</script>
</head>
<table>
<tr>
<td class="centerContentTd" nowrap="nowrap" title="这里是全部内容" limit="8">这里显示截取后的内容
长度大于8将用省略号代替</td>
</tr>
</table>
</html>
2.strlimit.js
jQuery.fn.limit=function(){
var self = $("[limit]");
self.each(function(){
var objString = $(this).text();
var objLength = $(this).text().length;
var num = $(this).attr("limit");
if(objLength > num){
$(this).attr("title",objString);
objString = $(this).text(objString.substring(0,num) + "...");
}
})
}
$(function(){
$("[limit]").limit();
})
相关推荐
jquery，字数超出规定字数自动生成截取生成省略号
Jquery中用于省略字符过长的插件。在网页中经常会遇到字符溢出，然后使用省略“...”字符来代替溢出的文本。
jquery实现超出部分省略号显示
jQuery文字溢出显示省略号插件是一款基于dotdotdot.js插件实现的单行多行文本溢出显示省略号
jquery加密字符串。常用来处理密码，只需引入，然后按照实例去使用
使用Bootstrap实现分页，并且当页码过多时使用省略号，这篇文章有样式的简单演示：https://blog.csdn.net/u013025627/article/details/50485327 样式只是自己的简单样式，不同的项目有不同的样式风格，只是提供分页...
dotdotdot.js插件是一款基于jQuery实现的单行多行文本文字内容超出溢出部分显示省略号的代码。
jquery带省略号分页，已经亲自测试过，最近公司要求的做的分页效果就是用的这片代码
主要介绍JQuery如何实现控制内容长度超出规定长度显示省略号,需要的朋友可以参考下
使用jQuery实现的效果，主要是调用js实现一些特效，有兴趣可以学习。。
jQuery实例-信息提示jQuery实现 jQuery实例-信息提示jQuery实现
前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+...
jQuery.dotdotdot, jquery dotdotdot，用于多行内容的高级 跨浏览器 省略号 jQuery.dotdotdotDotdotdot是一个用于截断网页上的多行内容的jQuery插件。 它使用省略号表示文本比当前可见的文本多。 可选的是，插件可以...
datagrid添加tooltip及超出宽度添加省略号
从服务器端获取一段JSON字符串，使用就jQuery解析该字符串，并动态添加到列表
本文实例讲述了jQuery实现控制文字内容溢出用省略号(…)表示的方法。分享给大家供大家参考，具体如下： jQuery限制字符字数的方法 $(function(){ //限制字符个数 $(".text").each(function(){ var maxwidth=23; if...
jQuery qrcode 实现输入字符串显示二维码，页面显示二维码
jquery实现PDF在线预览 jquery实现在线预览PDF文档
jQuery实现表头固定表格内容滚动效果 jQuery实现表头固定表格内容滚动效果
这是一款很实用的jQuery点击阅读全文展开查看全部内容代码，默认显示文章的一部分内容，点击“阅读全文”展示所有文章内容显示更多文字。