<script src="js/jquery-1.11.0.min.js"></script>
<script src="dist/notice.js"></script>
<script type="text/javascript">
$("#btn1").click(function(){
new NoticeJs({
text: 'Notification message',
position: 'topLeft',
}).show();
});
$("#btn2").click(function(){
new NoticeJs({
text: 'Notification message',
position: 'topCenter',
animation: {
open: 'animated bounceInRight',
close: 'animated bounceOutLeft'
}
}).show();
});
$("#btn3").click(function(){
new NoticeJs({
text: 'Notification message',
position: 'topRight',
animation: {
open: 'animated bounceIn',
close: 'animated bounceOut'
}
}).show();
});
$("#btn4").click(function(){
new NoticeJs({
text: 'Notification message',
position: 'middleLeft',
animation: {
open: 'animated fadeIn',
close: 'animated fadeOut'
}
}).show();
});
$("#btn5").click(function(){
new NoticeJs({
text: 'Notification message',
position: 'middleCenter',
animation: {
open: 'animated lightSpeedIn',
close: 'animated lightSpeedOut'
}
}).show();
});
$("#btn6").click(function(){
new NoticeJs({
text: 'Notification message',
position: 'middleRight',
animation: {
open: 'animated zoomIn',
close: 'animated zoomOut'
}
}).show();
});
$("#btn7").click(function(){
new NoticeJs({
text: 'Notification message',
position: 'bottomLeft',
animation: {
open: 'animated flipInX',
close: 'animated flipOutX'
}
}).show();
});
$("#btn8").click(function(){
new NoticeJs({
text: 'Notification message',
position: 'bottomCenter',
animation: {
open: 'animated rollIn',
close: 'animated rollOut'
}
}).show();
});
$("#btn9").click(function(){
new NoticeJs({
text: 'Notification message',
position: 'bottomRight',
animation: {
open: 'animated bounceIn',
close: 'animated bounceOut'
}
}).show();
});
</script>
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
