Home » jQuery 外掛

[jQ]HTML Truncator 1.0.1

[ 日期： | 瀏覽：6,089 | 迴響：1 ]
範例 1
請協助我把這個效果加到我的網站 (只要 200 元)
沒錯!只要 200 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!

HTML Truncator 1.0.1

像 Blog 文章太長時，除了直接顯示全文之外，還提供類似摘要的方式來供瀏覽，當使用者有興趣時可以按下類似閱讀全文的連結來看全部的文章。HTML Truncator 就是提供了該效果的套件，讓網頁的文章不會顯示的落落長。

套件名稱：HTML Truncator
套件版本：1.0.1
作者網站：http://henrik.nyh.se/2008/02/jquery-html-truncate
套件網址：http://plugins.jquery.com/project/html-truncator
發佈日期：2008-09-24
檔案大小：2.74 KB
檔案下載：jquery.truncator.js

參數說明：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11

max_length(選填)
描述： 文字顯示的最大數量
預設值： 100
 
more(選填)
描述： 要顯然全文的連結文字
預設值： '...more'
 
less(選填)
描述： 不顯示全文的連結文字
預設值： 'less'

方法說明：

檢視原始碼 JavaScript
1
2

// 加上 truncate 效果
$(selector).truncate([options]);

使用範例：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.truncator.js"></script>
<script type="text/javascript">
	$(function(){
		// 設定 max_length、more 及 less
		$('.demo_news').truncate({
			max_length: 200,
			more: "...閱讀全文",
			less: "顯示摘要"
		});
	});
</script>
 
<body>
	<h3>探索颶風秘密 美擴大使用無人飛機</h3>
	<div class="demo_news">
		美國研究人員今年正擴大使用無人駕駛的搖控飛機，希望深入大西洋颶風的暴風眼，探索更多這些強烈暴風雨發威的關鍵。<br />
 
		然而，美國航空主管機關擔心可能危害其他飛機飛航安全，因此不允許這種小型搖控飛機從美國本土起飛，研究人員只得把這些無人飛機的起飛地點移到位於東加勒比海的巴貝多（Barbados）。<br />
 
		僅管如此，暴風雨研究人員仍然對這些無人飛機深具信心，認為可以藉此看到前所未見的氣旋核心清晰影像。這些無人飛機外表很像收藏家的模型飛機，但可以透過衛星來操作飛行。<br />
 
		這些無人飛機可以飛進距離海平面僅300英呎的暴風眼，並且把偵測到的氣溫、氣壓、風速以及濕度等數據不斷地做出回報。<br />
 
		美國國家海洋暨大氣總署（U.S. National Oceanic and Atmospheric Administration）氣象學研究員席翁（Joe Cione）指出：「它可以測量到我們無法用其他方式取得的數據」。
	</div>
 
	<h3>新款鍵盤組 搶攻Vista換機潮</h3>
	<div class="demo_news">
		　搶攻Vista換機潮，電腦周邊產品紛紛推出能與Vista功能相結合的鍵盤組，希望搶得商機。近期上市的包括微軟以及羅技的新式鍵盤組，搭配滑鼠整組出售，售價約在5000元左右。<br />
 
		　微軟的「無線雷射鍵盤組7000」透過Flip 3D鍵即可快速切換工作視窗；羅技「MX5500的鍵盤組」則新增快速啟動Vista程式功能。除了鍵盤，新式的滑鼠同樣大有學問！微軟的無線霸雷鯊7000無線滑鼠，底座兼具充電功能。羅技MX Revolution滑鼠則新增側邊滾輪，可縮放圖檔畫面，大幅提升操作的便利性。<br />
 
		　至於機身小巧的羅技diNovo Mini鍵盤，大小只比一般遊戲搖桿略大，可以操控Vista的多媒體中心功能，你也可以把鍵盤當成多功能遙控器，鍵盤右上方的Click Pad還可以當作滑鼠游標或是方向鍵來使用，十分適合當作家庭劇院電腦或是PS3的「多功能遙控器」。<br />
 
		　全球賣到缺貨的微軟「WED-8000」，光看外型就給人耳目一新的全新感受，且鍵盤跟滑鼠的充電座還可兼當USB集線器，加上藍牙無線傳輸功能，身價不斐，國外售價299.99元美金（台幣約1萬元）。台灣售價與上市日期則尚未公佈。
	</div>
</body>
範例 1

檔案描述
基本的範例檔案(免空) 開始下載
基本的範例檔案 會員限定

1 筆針對 [jQ]HTML Truncator 1.0.1 的迴響

發表迴響