picture-show.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <!--[if lt IE 9]>
  10. <script type="text/javascript" src="lib/html5shiv.js"></script>
  11. <script type="text/javascript" src="lib/respond.min.js"></script>
  12. <![endif]-->
  13. <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
  14. <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
  15. <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
  16. <link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
  17. <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
  18. <!--[if IE 6]>
  19. <script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
  20. <script>DD_belatedPNG.fix('*');</script>
  21. <![endif]-->
  22. <title>图片展示</title>
  23. <link href="lib/lightbox2/2.8.1/css/lightbox.css" rel="stylesheet" type="text/css" >
  24. </head>
  25. <body>
  26. <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 图片管理 <span class="c-gray en">&gt;</span> 图片展示 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
  27. <div class="page-container">
  28. <div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"> <a href="javascript:;" onclick="edit()" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe6df;</i> 编辑</a> <a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> </span> <span class="r">共有数据:<strong>54</strong> 条</span> </div>
  29. <div class="portfolio-content">
  30. <ul class="cl portfolio-area">
  31. <li class="item">
  32. <div class="portfoliobox">
  33. <input class="checkbox" name="" type="checkbox" value="">
  34. <div class="picbox"><a href="temp/big/keting.jpg" data-lightbox="gallery" data-title="客厅1"><img src="temp/Thumb/keting.jpg"></a></div>
  35. <div class="textbox">客厅 </div>
  36. </div>
  37. </li>
  38. <li class="item">
  39. <div class="portfoliobox">
  40. <input class="checkbox" name="" type="checkbox" value="">
  41. <div class="picbox "><a href="temp/big/keting2.jpg" data-lightbox="gallery" data-title="客厅2"><img src="temp/Thumb/keting2.jpg"></a></div>
  42. <div class="textbox">客厅 </div>
  43. </div>
  44. </li>
  45. <li class="item">
  46. <div class="portfoliobox">
  47. <input class="checkbox" name="" type="checkbox" value="">
  48. <div class="picbox"><a href="temp/big/keting3.jpg" data-lightbox="gallery" data-title="客厅3"><img src="temp/Thumb/keting3.jpg"></a></div>
  49. <div class="textbox">客厅 </div>
  50. </div>
  51. </li>
  52. <li class="item">
  53. <div class="portfoliobox">
  54. <input class="checkbox" name="" type="checkbox" value="">
  55. <div class="picbox"><a href="temp/big/keting4.jpg" data-lightbox="gallery" data-title="客厅4"><img src="temp/Thumb/keting4.jpg"></a></div>
  56. <div class="textbox">客厅 </div>
  57. </div>
  58. </li>
  59. <li class="item">
  60. <div class="portfoliobox">
  61. <input class="checkbox" name="" type="checkbox" value="">
  62. <div class="picbox"><a href="temp/big/chufang.jpg" data-lightbox="gallery" data-title="厨房"><img src="temp/Thumb/chufang.jpg"></a></div>
  63. <div class="textbox">厨房 </div>
  64. </div>
  65. </li>
  66. <li class="item">
  67. <div class="portfoliobox">
  68. <input class="checkbox" name="" type="checkbox" value="">
  69. <div class="picbox"><a href="temp/big/shufang.jpg" data-lightbox="gallery" data-title="书房"><img src="temp/Thumb/shufang.jpg"></a></div>
  70. <div class="textbox">书房 </div>
  71. </div>
  72. </li>
  73. <li class="item">
  74. <div class="portfoliobox">
  75. <input class="checkbox" name="" type="checkbox" value="">
  76. <div class="picbox"><a href="temp/big/woshi.jpg" data-lightbox="gallery" data-title="卧室"><img src="temp/Thumb/woshi.jpg"></a></div>
  77. <div class="textbox">卧室 </div>
  78. </div>
  79. </li>
  80. <li class="item">
  81. <div class="portfoliobox">
  82. <input class="checkbox" name="" type="checkbox" value="">
  83. <div class="picbox"><a href="temp/big/weishengjian.jpg" data-lightbox="gallery" data-title="卫生间1"><img src="temp/Thumb/weishengjian.jpg"></a></div>
  84. <div class="textbox">卫生间1 </div>
  85. </div>
  86. </li>
  87. <li class="item">
  88. <div class="portfoliobox">
  89. <input class="checkbox" name="" type="checkbox" value="">
  90. <div class="picbox"><a href="temp/big/weishengjian2.jpg" data-lightbox="gallery" data-title="卫生间2"><img src="temp/Thumb/weishengjian2.jpg"></a></div>
  91. <div class="textbox">卫生间2 </div>
  92. </div>
  93. </li>
  94. </ul>
  95. </div>
  96. </div>
  97. <!--_footer 作为公共模版分离出去-->
  98. <script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
  99. <script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
  100. <script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
  101. <script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
  102. <!--请在下方写此页面业务相关的脚本-->
  103. <script type="text/javascript" src="lib/lightbox2/2.8.1/js/lightbox.min.js"></script>
  104. <script type="text/javascript">
  105. $(function(){
  106. $(".portfolio-area li").Huihover();
  107. });
  108. </script>
  109. </body>
  110. </html>