| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>更多图片展示</title>
- <meta http-equiv="x-ua-compatible" content="ie=edge">
- <link rel="stylesheet" href="css/bootstrap.min.css" />
- <link rel="stylesheet" href="css/indexs.css" />
- <!--[if lt IE 9]>
- <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
- <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
- <![endif]-->
- <style>
- .img_box {
- margin: 0 -1%;
- margin-top: -2%;
- }
-
- .img_box li {
- float: left;
- width: 24%;
- margin-left: 1%;
- margin-top: 2%;
- }
-
- .img_box li a {
- display: block;
- width: 100%;
- }
-
- .img_box li img {
- /*display:block;*/
- width: 252px;
- height: 165px;
- margin: 0 auto;
- }
-
- .box-01.red-decoration .main-content .content-text {
- margin: 15px 0px;
- }
- .wrap{
- background: url(img/top_bj.png) no-repeat center top;
- background-size: 100%;
- }
- </style>
- </head>
- <body>
- <div class="wrap">
- <div class="topbar">
- <div class="container">
- <ul class="fl">
- <li>
- <a href="#" target="_self">新野县12345政府服务热线</a>
- </li>
- </ul>
- <ul class="rl Right_f">
- <li>
- <a href="http://47.105.70.190:8888/login.html">管理登录</a>
- </li>
- <li>
- <span class="text-muted">|</span>
- </li>
- <li>
- <a href="javascript:;" class="topbarWx">
- <img src="img/wechat.png" alt="微信logo" /> 微信公众号
- <div class="topbarWx-box">
- <i class="topbarWx-code"></i>
- <span>微信扫码,关注我们</span>
- </div>
- </a>
- </li>
- <li>
- <span class="text-muted">|</span>
- </li>
- <li>
- <a href="javascript:;" class="topbarClient">
- <img src="img/phone.png" alt="移动客户端logo" /> 移动客户端
- <div class="topbarClient-box">
- <input id="elevator-app-url0" type="text" value="" style="display: none;" />
- <div id="elevator-app-qrcode0"></div>
- <span class="">扫码下载,使用客户端</span>
- </div>
- </a>
- </li>
- </ul>
- </div>
- </div>
- <div class="ban_title">
- <img src="img/banner.png" alt="图片" />
- </div>
- <!--导航-->
- <div class="navcon shadow">
- <div class="navcon_box clearfix">
- <ul class="nav">
- <li class="actives">
- <a href="index.html" target="_self" class="clearfix">
- <div class="Baner-pos">
- <p>网站首页</p>
- </div>
- </a>
- </li>
- <div class="fl ban-border">
- <img src="img/line.png"/>
- </div>
- <li>
- <a href="zhengce.html" target="_self">
- <div class="Baner-pos">
- <p>政策要闻</p>
- </div>
- </a>
- </li>
- <div class="fl ban-border">
- <img src="img/line.png"/>
- </div>
- <li>
- <a href="dongtai.html" target="_self">
- <div class="Baner-pos">
- <p>工作动态</p>
- </div>
- </a>
- </li>
- <div class="fl ban-border">
- <img src="img/line.png"/>
- </div>
- <li>
- <a href="baoguang.html" target="_self">
- <div class="Baner-pos">
- <p>便民信息</p>
- </div>
- </a>
- </li>
- <div class="fl ban-border">
- <img src="img/line.png"/>
- </div>
- <li>
- <a href="tousu.html" target="_self">
- <div class="Baner-pos">
- <p>网上受理</p>
- </div>
- </a>
- </li>
- <div class="fl ban-border">
- <img src="img/line.png"/>
- </div>
- <li>
- <a href="shouli.html" target="_self">
- <div class="Baner-pos">
- <p>网上查询</p>
- </div>
- </a>
- </li>
- </ul>
- </div>
- </div>
- <!--内容-->
- <div class="Content">
- <div>
- <div class="navcon_box clearfix navCon">
- <div class="main-wrap main-body">
- <div class="box-01 red-decoration">
- <div class="box-title">
- <div class="box-title-name">
- <ol class="breadcrumb">
- <li>
- <a href="index.html">首页</a>
- </li>
- <li class="active">全部照片展示</li>
- </ol>
- </div>
- </div>
- <div class="main-content">
- <div class="content-text">
- <div class="news_content_content">
- <ul class="img_box clearfix">
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--底部开始-->
- <div class="footer">
- <div class="navcon_box footerbox ">
- <div>Copyright ©2017 新野12345县长热线版权所有 All Rights Reserved.</div>
- <div>备案号:
- <a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">豫ICP备08007487号</a>
- </div>
- </div>
- </div>
- </div>
- <script src="js/jquery.min.js"></script>
- <script src="js/common/huayi.config.js"></script>
- <script src="js/common/huayi.http.js"></script>
- <script src="js/qrcode.min.js"></script>
- <script src="js/getClient.js"></script>
- <script>
- IMG()
- //走进鹿邑图片
- function IMG() {
- $.post(huayi.config.callcenter_url + "Web/GetTopNewsList", {
- type: 5,
- num: 8
- }, function(result) {
- result = JSON.parse(result);
- var content = result.data;
- //console.log(content);
- for(var i = 0; i < content.length; i++) {
- var a_ = 'img/meilihebi.png';
- var a = content[i].img;
- if(a) {
- } else {
- a = a_;
- }
- //debugger;
- $('<li>' +
- // '<div class="_imgbox clearfix">' +
- '<a href="ShowImg.html?id=' + content[i].id + '" title="' + content[i].bt + '"><img src="' + a + '" /></a>' +
- // '</div>' +
- // '<div>' +
- '<a class="s-14 new_imga">' + content[i].nr + '</a>' +
- // '</div>' +
- '</li>')
- .appendTo(".img_box");
- }
- })
- }
- //getClient();
- //获取客户端地址并转成二维码
- //顶部hover
- $('.topbarWx').hover(function() {
- $('.topbarWx .topbarWx-box').css('left', $(this).offset().left);
- });
- $('.topbarClient').hover(function() {
- $('.topbarClient .topbarClient-box').css('left', $(this).offset().left);
- });
- </script>
- </body>
- </html>
|