1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>气象预警</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">
- <script type="text/javascript" src="/nwyj/scripts/jquery/jquery-1.11.1.min.js"></script>
- <script type="text/javascript" src=" /nwyj/page/cockpit/webgis/biao.js"></script>
- <style type="text/css">
- #main_content{
- background-color: #131626;
- }
-
- ._display{
- display: inline-block;
- }
- ._list{}
- ._dividing_line{
- width: 100%;
- height: 2px;
- }
- ._list li div{
- margin-right: 2%;
- margin-left: 1%;
- }
- ._li_icon{
- list-style-type: none;
- list-style-image: none;
- background-image: url("/nwyj/images/cockpit/char/images/images/new_notice.png");
- background-repeat: no-repeat;
- background-position: left center;
- background-size:20px 20px;
- padding-left: 20px;
- }
- ._li_weather_warm{
- list-style-type: none;
- list-style-image: none;
- background-image: url("/nwyj/images/cockpit/char/images/images/weather_warm.png");
- background-repeat: no-repeat;
- background-position: left center;
- background-size:20px 20px;
- padding-left: 20px;
- }
-
- </style>
- </head>
-
- <body>
- <div id="main_content" style="width:100;height:100%;"></div>
- <script type="text/javascript">
- $(function(){
- var options={
- title:"突发事件",
- columns:[{text:"aa"},{text:"bb"}],
- data:[
- {aa:"湛江市发布台风红色预警",bb:"2015年10月3日",cc:1,dd:1,ee:1,ff:1,dd:1,classIcon:"_li_weather_warm"},
- {aa:"湛江市发布台风红色预警",bb:"2015年10月3日",cc:1,dd:1,ee:1,ff:1,dd:1,classIcon:"_li_weather_warm"},
- {aa:"湛江市发布台风红色预警",bb:"2015年10月3日",cc:1,dd:1,ee:1,ff:1,dd:1,classIcon:"_li_weather_warm"},
- {aa:"湛江市发布台风红色预警",bb:"2015年10月3日",cc:1,dd:1,ee:1,ff:1,dd:1,classIcon:"_li_weather_warm"},
- {aa:"湛江市发布台风红色预警",bb:"2015年10月3日",cc:1,dd:1,ee:1,ff:1,dd:1,classIcon:"_li_weather_warm"},
- {aa:"湛江市发布台风红色预警",bb:"2015年10月3日",cc:1,dd:1,ee:1,ff:1,dd:1,classIcon:"_li_weather_warm"},
- {aa:"湛江市发布台风红色预警",bb:"2015年10月3日",cc:1,dd:1,ee:1,ff:1,dd:1,classIcon:"_li_weather_warm"},
- {aa:"湛江市发布台风红色预警",bb:"2015年10月3日",cc:1,dd:1,ee:1,ff:1,dd:1,classIcon:"_li_weather_warm"},
- {aa:"湛江市发布台风红色预警",bb:"2015年10月3日",cc:1,dd:1,ee:1,ff:1,dd:1,classIcon:"_li_weather_warm"},
- {aa:"湛江市发布台风红色预警",bb:"2015年10月3日",cc:1,dd:1,ee:1,ff:1,dd:1,classIcon:"_li_weather_warm"},
- {aa:"湛江市发布台风红色预警",bb:"2015年10月3日",cc:1,dd:1,ee:1,ff:1,dd:1,classIcon:"_li_weather_warm"},
- {aa:"湛江市发布台风红色预警",bb:"2015年10月3日",cc:1,dd:1,ee:1,ff:1,dd:1,classIcon:"_li_weather_warm"},
- {aa:"湛江市发布台风红色预警",bb:"2015年10月3日",cc:1,dd:1,ee:1,ff:1,dd:1,classIcon:"_li_weather_warm"},
- {aa:"湛江市发布台风红色预警",bb:"2015年10月3日",cc:1,dd:1,ee:1,ff:1,dd:1,classIcon:"_li_weather_warm"}
- ]
- }
- createList($("#main_content"),options);
- $("#main_content").find("._list").find("h2").css({color:"#e2ad05","text-align": "center"});
- $("#main_content").find("._list").find("ul").find("li").css({color:"#e5ad05"});
-
-
-
- })
-
-
-
-
-
-
-
-
- </script>
- </body>
- </html>
|