Home » jQuery 外掛

[jQ]Link Control 1.1.1

範例 1
沒錯!只要 600 元就能獲得我們團隊完整的協助,讓效果能迅速的整合到您的網站,並保證瀏覽器的相容性。
立刻申請!

link_control_1_1_1

有些時候我們不一定要去決定瀏覽者要怎樣的來進行連結,所以我們就把開新視窗或是原視窗的連結交給他們自己去決定囉!而 Link Control 則是幫開發者做好控制的功能,讓瀏覽者來二選一。

套件名稱:Link Control
套件版本:1.1.1
作者網站:http://smple.com/2009/01/22/jquery-plugin-link-control/
套件網址:http://plugins.jquery.com/project/link-control
發佈日期:2009-01-22
檔案大小:3.00 KB
檔案下載:jQuery.linkControl.js

參數說明:

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
overlay(選填)
描述: 設定 Link Control 是否為 overlay 的樣式
預設值: false
 
inline(選填)
描述: 設定 Link Control 是否為 inline 的樣式
預設值: false
 
padding(選填)
描述: Link Control 文字距離邊框的距離;只有當設成 overlay 時才有用
預設值: 5
 
bgColor(選填)
描述: Link Control 的背景顏色;只有當設成 overlay 時才有用
預設值: '#fff'
 
borderColor(選填)
描述: Link Control 的邊框顏色;只有當設成 overlay 時才有用
預設值: '#333'

方法說明:

檢視原始碼 JavaScript
1
2
// 幫指定的超連結加上 Link Control 功能
$(selector).linkControl(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
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jQuery.linkControl.js"></script>
<script type="text/javascript">
	$(function(){
		// overlay 樣式
		$('a.overlay').linkControl({
			overlay: true, 
			padding: 5, 
			bgColor: '#ff0', 
			borderColor: 'red'
		});
 
		// inline 樣式
		$('a.inline').linkControl({
			inline: true
		});
	});
</script>
 
<body>
	<a href="http://abgne.tw" class="overlay">男丁格爾's 脫殼玩</a><br />
	<a href="http://abgne.tw" class="inline">這是 inline 的範例</a>
</body>
範例 1

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

也許您對這些文章也有興趣

  • [jQ]izzyColor
  • [jQ]JQ Slider
  • [jQ]jAngle 0.5
  • [jQ]jFontSize 1.0
  • [jQ]jRumble 1.3
  • [jQ]Textualizer 2.3.1

發表迴響

您的電子郵件位址並不會被公開。 必要欄位標記為 *

*

您可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>