| 1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>Alert_Icon_Iframe</title>
- <meta name="keywords" content="keyword1,keyword2,keyword3">
- <meta name="description" content="this is my page">
- <meta name="content-type" content="text/html; charset=UTF-8">
-
-
- <!--自定义样式 开始 -->
- <!-- <link href="/nwyj/page/cockpit/alert/alert.css" rel="stylesheet" type="text/css"/> -->
- <!--自定义样式结束 -->
- <!-- <script type="text/javascript" src="/nwyj/page/cockpit/alert/alert_iframe.js"></script> -->
- <style type='text/css'>
- *{margin: 0px;padding: 0px;font-size: 12px;font-family: "微软雅黑"; }
- body{width:420px; height:270px;}
- .alt_main{width:100%; height:186px;margin:0;padding:0;}
- .alt_title{width:100%; height:32px; margin:0;padding:0; background-color:#1a2363; color:#fff; position:fixed; top:0; left:0; }
- .alt_title span{margin-left:20px; line-height:32px; font-size:15px; font-weight:bold; }
- .alt_bottom{width:100%; height:40px; background-color:#e7e8ea;text-align:center;}
- .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;}
- .alt_btn:hover{transform: translate(2px,-2px);}
- #close{position:fixed; top:7px; right:20px; cursor:pointer; }
- .icon_main{ width:100%; height:270px;overflow-y:scroll; }
- #icon_ul{margin-top:32px;}
- .icon_li{width:200px;height:auto;float:left;}
- /* img{width:30px; height:30px;} */
- .fl{float:left; display:inline-block; }
- li{float:left;}
- </style>
-
- <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script>
- <script type="text/javascript" src="/nwyj/page/cockpit/alert/icon.js"></script>
-
- <body>
- <div id="icon_main" class="icon_main">
- <div id="alt_title" class="alt_title"><span>图例</span><img src="/nwyj/images/cockpit/close.png" alt="关闭" id="close"></div>
- <ul id="icon_ul"></ul>
- </div>
- </body>
- </head>
-
|
