说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

jQuery UI 消息框(message box)的使用

HTML文档下载 WORD文档下载 PDF文档下载
介绍一下jQuery UI实现的消息框的使用方法。

步骤一:引用jQuery UI库

 

<script type="text/javascript" src="/js/jquery.js"></script><script type="text/javascript" src="/js/jquery-ui.js"></script><link type="text/css" href="/css/ui-lightness/jquery-ui.css" rel="stylesheet" />

步骤二:定义消息框

 

<div id="dialog-message" title="好库网下载完成">	<p>		<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>		<span id="message-details"></span>	</p></div>

步骤三:显示消息框

 

<script>function messagebox(msg){  $("#message-details").html(msg);  $( "#dialog:ui-dialog" ).dialog( "destroy" );  $( "#dialog-message" ).dialog({    modal: true,	width: 360,    height: 230,    buttons: {          确认: function() {			 $( this ).dialog( "close" );	  }    }  });}$(function() {  msg = "<font color='red'>你已经从 http://www.okbase.net 下载文件成功!</font>";  messagebox(msg);});</script><button onclick="messagebox('hello okbase.net')" name="mybutton">点我啊</button>

 

 

 

 

 

备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘