优化jsalert的样式支持自定义扩展带应用实例(jquery)

共4个文件

js：2个

png：1个

html：1个

jquery

需积分: 50 51 浏览量 2017-05-07 14:59:23 上传评论收藏 623KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

js弹窗美化.rar （4个子文件）

xx.png 600KB

jquery.js 69KB

simplemodel.js 14KB

simplemodel.html 2KB

<!DOCTYPE html> <html lang="en"> <head> <style type="text/css"> .box-title{ color: red; font-size: 20px; } .box-main { /*background-color: #00a0e9;*/ } .tips-ico{ /*background-color: orchid;*/ padding: 5px; margin: 10px; } .icon-warn{ color: palevioletred; font-size: 18px; line-height: 36px; text-align: center; margin: 0 auto; } .tips-content{ /*background-color: yellowgreen;*/ margin: 10px; } .tips-title{ color: red; font-size: 18px; line-height: 36px; padding: 10px; } span{ padding: 10px; margin: 20px; } .simplemodal-close{ height: 30px; width: 50px; color: #00a0e9; } </style> <meta charset="UTF-8"> <title>simplemodel</title> <script src="jquery.js" type="text/javascript"></script> <script src="simplemodel.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#basic-dialog-warn").hide(); $("#my").click(function () { $("#basic-dialog-warn").modal().show(); }) }) </script> </head> <body> <div id="basic-dialog-warn"> <div class="box-title"><h2>提示</h2></div> <div class="box-main"> <div class="tips-ico"> <span class="icon-warn"><img src="xx.png" height="100" width="100"></span> <div class="tips-content"> <div class="tips-title">系统繁忙，请稍后再试</div> </div> </div> <div class="box-buttons"><button type="button" class="simplemodal-close">关闭</button> </div> </div> </div> <button id="my">dassds</button> </body> </html>

评论收藏

内容反馈