济源12345的前端

morePhotos.html 3.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  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. <script src="js/getClient.js"></script>
  73. <script>
  74. IMG()
  75. //走进商丘图片
  76. function IMG() {
  77. $.post(huayi.config.callcenter_url + "Web/GetAllWebNews", {
  78. type: 5
  79. }, function (result) {
  80. result = JSON.parse(result);
  81. var content = result.data;
  82. for (var i = 0; i < content.length; i++) {
  83. var a = content[i].img;
  84. if (a) {
  85. //debugger;
  86. $('<li>' +
  87. '<a href="ShowImg.html?id=' + content[i].id + '" title="' + content[i].bt + '"><img src="' + a + '" /></a>' +
  88. '<a class="s-14 new_imga">' + content[i].nr + '</a>' +
  89. '</li>')
  90. .appendTo(".img_box");
  91. }
  92. }
  93. })
  94. }
  95. // getClient();
  96. //获取客户端地址并转成二维码
  97. //顶部hover
  98. $('.topbarWx').hover(function () {
  99. $('.topbarWx .topbarWx-box').css('left', $(this).offset().left);
  100. });
  101. $('.topbarClient').hover(function () {
  102. $('.topbarClient .topbarClient-box').css('left', $(this).offset().left);
  103. });
  104. </script>
  105. </body>
  106. </html>