jQuery插件代碼內(nèi)容:
可以直接寫在頁面里,也可以另存為一個jQuery插件,命名為 jQuery_limit.js 然后再調(diào)用...
<script type="text/javascript">
jQuery.fn.limit=function(){
//這里的div去掉的話,就可以運用li和其他元素上了,否則就只能div使用。
var self = $("div[limit]");
self.each(function(){
var objString = $(this).text();
var objLength = $(this).text().length;
var num = $(this).attr("limit");
if(objLength > num){
//這里可以設置鼠標移動上去后顯示標題全文的title屬性,可去掉。
$(this).attr("title",objString);
objString = $(this).text(objString.substring(0,num) + "...");
}
})
}
</script>
==================================
jQuery代碼內(nèi)容:
<script type="text/javascript">
$(document).ready(function(){
$(document.body).limit();
})
</script>
==================================
測試用的Html代碼:可以看到,如果不去掉插件代碼里的div,則只有div屬性的會被影響...
<div limit="2">計算字串的長度長度長度長度</div>
<div limit="12">計算字長度長度</div>
<li limit="4">這邊有優(yōu)化很公開這邊</li>
<li limit="14">這邊有優(yōu)化很公開這邊這邊有優(yōu)化很公開這邊</li>
<dt limit="12">這邊有優(yōu)化很公開長度長度很公開長度</dt>
<dd limit="10">這邊有優(yōu)化很邊有優(yōu)化很邊有優(yōu)化很邊有優(yōu)化很邊有優(yōu)化很</dd>
轉(zhuǎn)載自:http://blog.sina.com.cn/s/blog_724008890101dfqh.html