DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> js彈出框輕量級插件jquery.boxy使用介紹
js彈出框輕量級插件jquery.boxy使用介紹
編輯:JQuery特效代碼     
當你需要使用彈出框時,當然可以使用jquery-ui,artdiag,blockUI等等,但今天我介紹一個輕量級的插件 boxy!它可以把美工設計的彈出框很容易的體現出來,而且兼容性還不錯!
. 代碼如下:
<script type='text/javascript'>
$(function() {
$('#ask-actuator').click(function() {
Boxy.ask("How are you feeling?", ["Great", "OK", "Not so good"], function(val) {
alert("You chose: " + val);
}, {title: "This is a question..."});
return false;
});
$('#alert-actuator').click(function() {
Boxy.alert("File not found", null, {title: 'Message'});
return false;
});
$('#confirm-actuator').click(function() {
Boxy.confirm("Please confirm:", function() { alert('Confirmed!'); }, {title: 'Message'});
return false;
});
});
</script>

你可以根據你的需要,把內容的ID替換到Boxy(content)中的content位置,方便之極。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved