
有些時候我們不一定要去決定瀏覽者要怎樣的來進行連結,所以我們就把開新視窗或是原視窗的連結交給他們自己去決定囉!而 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> |