jquery實現 文字多了就用省略號點點點代替方法
<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>
相關文章
- jQuery實現文字框獲取焦點jQuery
- 如何實現溢位文字省略號
- css實現文字過長顯示省略號的方法CSS
- jQuery文字框獲取焦點和失去焦點jQuery
- 如何實現點選文字清除預設文字
- CSS實現單行、多行文字溢位顯示省略號的實現方法CSS
- CSS實現文字省略CSS
- CSS實現超出文字以省略號顯示CSS
- jquery獲取指定節點的第一級文字節點jQuery
- jquery中點選切換的實現jQuery
- CSS文字加省略號CSS
- JS如何實現點選複製功能,JS點選複製文字JS
- 點選當前文字行實現文字變色效果
- 如何實現點選文字框清除其中文字
- jquery註冊文字框獲取焦點清空,失去焦點賦值jQuery賦值
- 多行文字加省略號的處理方法
- jQuery操作dom節點empty()方法jQuery
- 如何用 CSS 實現多行文字的省略號顯示CSS
- 點選方向鍵實現文字框焦點切換程式碼例項
- jquery實現的右鍵滑鼠點選事件jQuery事件
- 點選文字框實現文字框內容選中效果
- 如何實現點選文字框刪除提示文字效果
- 直播軟體app開發,單行或多行文字溢位,省略號代替APP
- 【jQuery】常用點jQuery
- jQuery實現簡單點選隱藏和點選顯示列表的功能jQuery
- jquery實現的按鈕點選後60秒後才能夠再點選jQuery
- CSS實現單行、多行文字溢位顯示省略號CSS
- CSS實現單行、多行文字溢位顯示省略號(…)CSS
- Ext實現點選節點,父子節點反選
- 實現Word下劃線離文字遠點兒
- jQuery如何實現點選Enter鍵觸發事件jQuery事件
- jQuery/CSS3實現滑鼠點選波浪特效jQueryCSSS3特效
- 多行文字超出 JS省略號...JS
- CSS控制LI行字元溢位用省略號代替CSS字元
- jquery實現的點選按鈕改變可用狀態和顯示文字程式碼jQuery
- 點選實現選中指定元素的文字內容
- 點選按鈕實現文字放大和縮小功能
- 如何使用angularjs實現文字框獲取焦點AngularJS