首页 > 代码库 > 第十三节（项目实战3-弹窗）
第十三节（项目实战3-弹窗）
注：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=http://www.mamicode.com/"css/sg.css"></link><body><input type="button" value=http://www.mamicode.com/"这是我们的第一个SG的弹出框 ！" onclick="tm_show_dialog();"/><input type="button" class="tmui-modal-black tmdialog2" data-open="left" icon="warn" value=http://www.mamicode.com/"运行警告框"><!--引入jQuery的官方类库--><script type="text/javascript" src=http://www.mamicode.com/"js/jquery-1.11.1.min.js"></script><!--引入sg的官方的sgutil工具库--><script type="text/javascript" src=http://www.mamicode.com/"js/sgutil.js"></script><!--引入sg的官方的sg库--><script type="text/javascript" src=http://www.mamicode.com/"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>
效果：
第十三节（项目实战3-弹窗）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。