浏览 2159 次
锁定老帖子 主题:jquery ui 消息框
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2013-06-03
<style type="text/css"> .message { border: none !important; margin: 0; padding: .5em .5em .5em .5em } .message-ico { float: left; margin: 0 1em 0 0; } .message-content { } </style> javascript <script type="text/javascript"> function createDialog(options) { options = options || {}; $.extend(options, { close: function( event, ui ) { var d = $(this); d.parent().remove(); d.remove(); }, autoOpen: false, show: "fade", hide: "fade" }); var dialog = $("<div>") .appendTo("body") .dialog(options); if (options.id) { dialog.attr("id", options.id); } else { dialog.uniqueId(); } return dialog; } function createMessageDiv(msg) { var div = $("<div>").addClass("ui-state-default message"); $("<span>") .addClass("ui-icon ui-icon-info message-ico") .appendTo(div); $("<div>") .addClass("message-content") .appendTo(div) .text(msg); return div; } function showMessage(msg, title) { title = title || "信息"; var dialog = createDialog({ title: title, buttons : [ { text : getText("ok"), click : function() { $(this).dialog("close"); } } ] }); createMessageDiv(msg).appendTo(dialog); dialog.dialog("open"); } </script> 页面调用 <input type="button" onclick="showMessage('这是一条信息')" value="信息"> 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2013-06-18
请参考http://www.iteye.com/topic/1130909
|
|
返回顶楼 | |