IM12345_Web demo - 代码源于 商丘市12345项目

morePhotos.html 4.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>更多图片展示</title>
  6. <meta http-equiv="x-ua-compatible" content="ie=edge">
  7. <link rel="shortcut icon" href="img/32.ico" />
  8. <link rel="stylesheet" href="css/bootstrap.min.css" />
  9. <link rel="stylesheet" href="css/indexs.css" />
  10. <script src="js/common/huayi.load.js"></script>
  11. <!--[if lt IE 9]>
  12. <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
  13. <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
  14. <![endif]-->
  15. <style>
  16. .img_box {
  17. margin: 0 -1%;
  18. margin-top: -2%;
  19. }
  20. .img_box li {
  21. float: left;
  22. width: 24%;
  23. margin-left: 1%;
  24. margin-top: 2%;
  25. }
  26. .img_box li a {
  27. display: block;
  28. width: 100%;
  29. }
  30. .img_box li img {
  31. /*display:block;*/
  32. width: 252px;
  33. height: 165px;
  34. margin: 0 auto;
  35. }
  36. .box-01.red-decoration .main-content .content-text {
  37. margin: 15px 0px;
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <div class="header"></div>
  43. <!--内容-->
  44. <div class="Content">
  45. <div>
  46. <div class="navcon_box clearfix navCon">
  47. <div class="main-wrap main-body">
  48. <div class="box-01 red-decoration">
  49. <div class="box-title">
  50. <div class="box-title-name">
  51. <ol class="breadcrumb">
  52. <li><a href="index.html">首页</a></li>
  53. <li class="active">全部照片展示</li>
  54. </ol>
  55. </div>
  56. </div>
  57. <div class="main-content">
  58. <div class="content-text">
  59. <div class="news_content_content">
  60. <ul class="img_box clearfix"></ul>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. <!--底部开始-->
  70. <div class="footer">
  71. </div>
  72. <div class="footerBot">
  73. <script type="text/javascript">document.write(unescape("%3Cspan id='_ideConac' %3E%3C/span%3E%3Cscript src='http://dcs.conac.cn/js/17/264/0000/60935396/CA172640000609353960002.js' type='text/javascript'%3E%3C/script%3E"));</script>
  74. </div>
  75. <script src="js/getClient.js"></script>
  76. <script>
  77. IMG()
  78. //走进商丘图片
  79. function IMG() {
  80. $.post(huayi.config.callcenter_url + "Web/GetAllWebNews", {
  81. type: 5
  82. }, function (result) {
  83. result = JSON.parse(result);
  84. var content = result.data;
  85. for (var i = 0; i < content.length; i++) {
  86. var a = content[i].img;
  87. if (a) {
  88. //debugger;
  89. $('<li>' +
  90. '<a href="ShowImg.html?id=' + content[i].id + '" title="' + content[i].bt + '"><img src="' + a + '" /></a>' +
  91. '<a class="s-14 new_imga">' + content[i].nr + '</a>' +
  92. '</li>')
  93. .appendTo(".img_box");
  94. }
  95. }
  96. })
  97. }
  98. // getClient();
  99. //获取客户端地址并转成二维码
  100. //顶部hover
  101. $('.topbarWx').hover(function () {
  102. $('.topbarWx .topbarWx-box').css('left', $(this).offset().left);
  103. });
  104. $('.topbarClient').hover(function () {
  105. $('.topbarClient .topbarClient-box').css('left', $(this).offset().left);
  106. });
  107. </script>
  108. </body>
  109. </html>