f461b31fbd021ac47f3d2f0b56549d1a941d5747.svn-base 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Alert_Iframe</title>
  5. <meta name="keywords" content="keyword1,keyword2,keyword3">
  6. <meta name="description" content="this is my page">
  7. <meta name="content-type" content="text/html; charset=UTF-8">
  8. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script>
  9. <!--自定义样式 开始 -->
  10. <!-- <link href="/nwyj/page/cockpit/alert/alert.css" rel="stylesheet" type="text/css"/> -->
  11. <!--自定义样式结束 -->
  12. <!-- <script type="text/javascript" src="/nwyj/page/cockpit/alert/alert_iframe.js"></script> -->
  13. <style type='text/css'>
  14. *{margin: 0px;padding: 0px;font-size: 12px;font-family: "微软雅黑"}
  15. .alt_main{width:320px; height:186px;}
  16. .alt_title{width:100%; height:42px; background-color:#1a2363; color:#fff;}
  17. #alt_title{line-height:42px;margin:20px;}
  18. .alt_count{width:100%; height:104px; background-color:#fff; color:#000;text-align:center;}
  19. #alt_count{line-height:104px;}
  20. .alt_bottom{width:100%; height:40px; background-color:#e7e8ea;text-align:center;}
  21. .alt_btn{width:70px; height:30px; background-color:#1a2363; border:1px solid #fff; color:#fff; margin:5px 0 0 0; transition: all 300ms ease-in-out;}
  22. .alt_btn:hover{transform: translate(2px,-2px);}
  23. </style>
  24. <script type="text/javascript">
  25. $(function(){
  26. $("#alt_btn").focus();
  27. $("#alt_btn").click(function(){
  28. parent.removeAlter();
  29. });
  30. });
  31. </script>
  32. <body>
  33. <div id="alt_main" class="alt_main">
  34. <div class="alt_title"><span id="alt_title"></span></div>
  35. <div class="alt_count"><span id="alt_count"></span></div>
  36. <div id="alt_bottom" class="alt_bottom">
  37. <!-- <button class="alt_btn fr">取消</button> -->
  38. <button id="alt_btn" class="alt_btn">确定</button>
  39. </div>
  40. </div>
  41. </body>
  42. </head>