LeaveNotice 實際執行畫面

LeaveNotice 是一個 jQuery 的套件，方便的通知您網站的使用者離開您的網站，以確保讓用戶知道他正要連結到部屬於您的網站區域中。就像是 Yahoo 部落格一樣離開網站連結的時候出現的視窗。

使用方法：
首先載入程式所需要的 JavaScript 程式碼
//使用 Google AJAX API 取得 jQuery 1.7.2 的 min 版本
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
//LeaveNotice 的主程式
<script language="javascript" type="text/javascript" src="js/jquery.leaveNotice.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.leaveNotice.css" />

接下來在 JavaScript 只要加上一小段程式碼就完成了
$(function(){
  $('a[rel=external]').leaveNotice();
});

只要網頁上的連結有加上 rel="external" 就會出現提示框
例如：
<a href="http://www.google.com.tw/" rel="external">測試</a>

可修改參數值

參數	型態	預設	說明
siteName	字串	頁面連結	連結顯示的字串
exitMessage	字串(HTML)	You have requested a website outside of {SITENAME}. Thank you for visiting.	顯示的提示字串
preLinkMessage	字串(HTML)	You will now be directed to: {URL}	提示的連結文字
linkString	字串	空字串	輸出的連結字串
timeOut	數字	4000	自動前往連結的毫秒數
overlayId	字串	ln-blackout	透明圖層的ID
messageBoxId	字串	ln-messageBox	對話框的ID
messageHolderId	字串	ln-messageHolder	消息外框的ID
overlayAlpha	數字	0.3	背景的透明度

附上提式框的原型HTML碼
<div id="ln-blackout"></div>
<div id="ln-messageHolder">
    <div id="ln-messageBox">
        <p><strong>You have requested a website outside of {SITENAME}.</strong></p>
        <p>Thank you for visiting.</p>
        <div class="setoff">
            <p>You will now be directed to:<br><a href="{URL}">{URL}</a></p>
        </div>
        <p id="ln-cancelMessage"><a href="#close" id="ln-cancelLink">Cancel</a> or press the ESC key.</p>
    </div>
</div>