注：jquery-1.11.1.min.js跟sgutil.js及sg.js可网上下载 <style type="text/css"> *{margin:0;padding:0;} </style> <!--引入sg的官方css--> <link rel="stylesheet" type="text/css" href="css/sg.css"></link> <body> <input type="button" value="这是我们的第一个SG的弹出框 ！" onclick="tm_show_dialog();"/> <input type="button" class="tmui-modal-black tmdialog2" data-open="left" icon="warn" value="运行警告框"> <!--引入jQuery的官方类库--> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <!--引入sg的官方的sgutil工具库--> <script type="text/javascript" src="js/sgutil.js"></script> <!--引入sg的官方的sg库--> <script type="text/javascript" src="js/sg.js"></script> <script type="text/javascript"> function tm_show_dialog(){ $.tmDialog.alert({title:"中山学院",icon:null,content:"Ming就是帅 ！ 太帅了 ！ 真的很帅 ！"}); } $(".tmdialog2").on("click",function(){ var icon = $(this).attr("icon"); $.tmDialog.confirm({title:"标题",icon:icon,content:"请输入内容!!!"}); }); </script> </body>
效果：
原文：http://www.cnblogs.com/Deng1185246160/p/4245600.html