當你需要使用彈出框時,當然可以使用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位置,方便之極。