artDialog

<script type="text/javascript" src="<c:out value="${pageContext.request.contextPath}"/>/js/jquery/jquery-1.3.2.min.js"></script>
 <script type="text/javascript" src="<c:out value="${pageContext.request.contextPath}"/>/js/artDialog/jquery.artDialog.js?skin=default"></script>
 <script type="text/javascript" src="<c:out value="${pageContext.request.contextPath}"/>/js/artDialog/plugins/iframeTools.source.js"></script>
 <script type="text/javascript" src="<c:out value="${pageContext.request.contextPath}"/>/js/artDialog/highlight.pack.js"></script>

 

javascript代码：

function showDialog(){
   var dialog = art.dialog({
       title: '欢迎',
    content: '欢迎使用artDialog对话框组件！',
    icon: 'succeed',
       follow: document.getElementById('btn2'),
       ok: function(){
           this.title('警告').content('请注意artDialog两秒后将关闭！').lock().time(2);
           return false;
       }
   }).show();

}

 

html代码：

<input type="button" value="点 击" id="btn2" onclick="showDialog()">