【jquery】实现文字截断显示
2012-10-30 13:50
232 查看
$(function() { $("[class^='TextCut']").each(function() { var cutlength = parseInt($(this).attr('class').replace("TextCut", "")); var text = $(this).html().trim(); $(this).attr("title", text); text = (text.length > cutlength + 2) ? (text.substring(0, cutlength) + "...") : text; $(this).html(text); }); });
<a href="#" class="TextCut12"> 利用jquery实现链接文字截断显 </a>
相关文章推荐
- 利用jquery实现链接文字截断显示,超级方便
- jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
- jquery实现密码框显示提示文字
- jQuery实现长文字部分显示
- jQuery实现长文字部分显示代码
- JS/jQuery实现默认显示部分文字点击按钮显示全部内容
- jquery实现文字逐字逐句显示的插件
- jquery实现多余文字显示或隐藏
- jQuery实现鼠标单击网页文字后在文本框显示的方法
- js与jquery实现搜索框提示文字显示与隐藏
- jquery实现改变显示的文字的背景色和字体大小
- jquery实现微博文字输入框 输入时显示输入字数 效果实现
- 实现网页文本框显示灰色提示文字且点击后消失的一个小函数(基于jquery)
- 显示隐藏切换同时变化文字jquery与js实现
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字
- jQuery 实现全部到精简的转换 点击“显示全部品牌按钮”显示到第二幅图,个别文字高亮显示,并且“显示全部品牌”按钮文字变为“精简显示品牌”并且向上向下箭头改变,用JQuery实现本功能。
- jQuery实现鼠标单击网页文字后在文本框显示的方法
- jquery的toggle实现文字隐藏与显示
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字 .