注：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>
效果：
