b0538863e8dc34d176ecfad7685e98657d93a5e1.svn-base 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Alert_Filter_Plant</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. .icon_main{ width:100%; height:100%; }
  24. img{width:30px; height:30px;}
  25. .alt_title{border:1px solid #f0f; border-radius:5px; width:auto; height:50px; line-height:50px; }
  26. </style>
  27. <script type="text/javascript">
  28. $(function(){
  29. $("#fp_con").on('mousedown',function(){
  30. var x = event.offsetX;
  31. var y = event.offsetY;
  32. parent.bindMove(x,y);
  33. });
  34. $("#fp_con").on('mouseup',function(){
  35. parent.unbindMove();
  36. });
  37. $("#alt_btn").click(function(){
  38. parent.removeAlter();
  39. });
  40. });
  41. </script>
  42. <body>
  43. <div id="fp_con" class=""><span>最小</span><span>关闭</span></div>
  44. <div class=""></div>
  45. </body>
  46. </head>