jquery实现 文字多了就用省略号点点点代替方法
2014-07-01 17:26
513 查看
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<div class="zxx_text_overflow_5">SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL </div>
<script type="text/javascript">
$(document).ready(function(){
$(".zxx_text_overflow_5").each(function()
{ var maxwidth=5;
if($(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html($(this).html()+'...');
}
});
});
</script>
<div class="zxx_text_overflow_5">SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL SNL </div>
<script type="text/javascript">
$(document).ready(function(){
$(".zxx_text_overflow_5").each(function()
{ var maxwidth=5;
if($(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html($(this).html()+'...');
}
});
});
</script>
相关文章推荐
- 1.实现jquery的toggle()的代替方法:
- jQuery实现统计输入文字个数的方法
- jQuery设置聚焦并使光标位置在文字最后的实现方法
- jQuery实现鼠标选文字发新浪微博的方法
- jquery文字上下滚动的实现方法
- jQuery实现3D文字特效的方法
- jquery文字填写自动高度的实现方法
- jQuery实现查找链接文字替换属性的方法
- jQuery实现行文字链接提示效果的方法
- jQuery实现鼠标单击网页文字后在文本框显示的方法
- jQuery实现鼠标经过时出现隐藏层文字链接的方法
- jQuery实现不断闪烁文字的方法
- jQuery用noConflict代替$的实现方法
- JQuery实现文字滚动效果-最简单的方法
- jQuery实现图片与文字描述左右滑动自动切换的方法
- jQuery实现控制文字内容溢出用省略号(…)表示的方法
- jQuery实现鼠标经过时出现隐藏层文字链接的方法
- jQuery实现统计输入文字个数的方法
- jquery文字上下滚动的实现方法
- jQuery文字提示与图片提示效果实现方法