;(function ($, window, document,undefined) {
//添加方法
$.fn.myOverflow = function(maxwidth){
if (maxwidth==undefined){
//添加默認長度50個字符
maxwidth = 50;
}
if($(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html($(this).html()+'...');
}
};
})(jQuery,window,document);
$("p.p1").myOverflow();//默認顯示50個字符
$("p.p2").myOverflow(20);//顯示20個字符
$("p.p3").myOverflow(150);//顯示150個字符
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery多行隱藏</title>
<style>
div{width: 500px;margin: 0 auto;}
</style>
<script src="js/jQuery.js"></script>
</head>
<body>
<div>
<p class="p1">1.大概從六月十號左右開始就一直在爲期末考試(大部分)還有保研忙,本來計劃的一個周至少有一天可以安心寫代碼,但發現計劃趕不上變化,剛開始的第一週還可以有時間,但往後發現自己整個思維一直處於期末考的狀態中,根本不適合寫代碼。好吧,我承認我對coding的各種要求都挺“無語”。
期末考結束之後,又去蘇大參加了幾天夏令營,這麼忙前忙後的持續了有一個月之久。從蘇州回來,休息了兩天,就到了17號。自己期末複習的時候就一直想要寫一個計算器,閒暇的時候也在想具體怎麼實現,覺得應該不難,但就是想寫。昨天終於可以開始動工,剛開始還以爲實現出來需要一個周左右至少兩天的時間,想着實現完我就可以先回家兩天了。但沒想到整個實現過程算比較順利吧,昨天用了大概六個小時完成了從設計到具體實現。
有大概一個月沒怎麼寫代碼了,整個大腦都不適應,反應也慢,一些基本的東西都有點模糊不清了。可能是原來就沒有太理解,再加上沒有其餘練習,導致效率有些低。</p>
<p class="p2">2.大概從六月十號左右開始就一直在爲期末考試(大部分)還有保研忙,本來計劃的一個周至少有一天可以安心寫代碼,但發現計劃趕不上變化,剛開始的第一週還可以有時間,但往後發現自己整個思維一直處於期末考的狀態中,根本不適合寫代碼。好吧,我承認我對coding的各種要求都挺“無語”。
期末考結束之後,又去蘇大參加了幾天夏令營,這麼忙前忙後的持續了有一個月之久。從蘇州回來,休息了兩天,就到了17號。自己期末複習的時候就一直想要寫一個計算器,閒暇的時候也在想具體怎麼實現,覺得應該不難,但就是想寫。昨天終於可以開始動工,剛開始還以爲實現出來需要一個周左右至少兩天的時間,想着實現完我就可以先回家兩天了。但沒想到整個實現過程算比較順利吧,昨天用了大概六個小時完成了從設計到具體實現。
有大概一個月沒怎麼寫代碼了,整個大腦都不適應,反應也慢,一些基本的東西都有點模糊不清了。可能是原來就沒有太理解,再加上沒有其餘練習,導致效率有些低。</p>
<p class="p3">3.大概從六月十號左右開始就一直在爲期末考試(大部分)還有保研忙,本來計劃的一個周至少有一天可以安心寫代碼,但發現計劃趕不上變化,剛開始的第一週還可以有時間,但往後發現自己整個思維一直處於期末考的狀態中,根本不適合寫代碼。好吧,我承認我對coding的各種要求都挺“無語”。
期末考結束之後,又去蘇大參加了幾天夏令營,這麼忙前忙後的持續了有一個月之久。從蘇州回來,休息了兩天,就到了17號。自己期末複習的時候就一直想要寫一個計算器,閒暇的時候也在想具體怎麼實現,覺得應該不難,但就是想寫。昨天終於可以開始動工,剛開始還以爲實現出來需要一個周左右至少兩天的時間,想着實現完我就可以先回家兩天了。但沒想到整個實現過程算比較順利吧,昨天用了大概六個小時完成了從設計到具體實現。
有大概一個月沒怎麼寫代碼了,整個大腦都不適應,反應也慢,一些基本的東西都有點模糊不清了。可能是原來就沒有太理解,再加上沒有其餘練習,導致效率有些低。</p>
</div>
</body>
<script>
;(function ($, window, document,undefined) {
//添加方法
$.fn.myOverflow = function(maxwidth){
if (maxwidth==undefined){
maxwidth = 50;
}
if($(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html($(this).html()+'...');
}
};
})(jQuery,window,document);
$("p.p1").myOverflow();
$("p.p2").myOverflow(20);
$("p.p3").myOverflow(150);
</script>
</html>