photos_info.html 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>《初见》响应式个人博客模板</title>
  6. <meta name="keywords" content="个人博客,个人网站,个人博客模板,个人网站模板" />
  7. <meta name="description" content="《初见》响应式个人博客模板是由前端设计师杨青青(www.qingqingblog.com)于2021年5月份设计完成的,模板主要展示个人博客、相册、视频、介绍等功能。" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9. <link href="css/base.css" rel="stylesheet">
  10. <link href="css/m.css" rel="stylesheet">
  11. <script src="js/jquery-3.6.0.min.js" ></script>
  12. <script src="js/comm.js"></script>
  13. <script src="js/photo_text_open.js"></script>
  14. <!--fancybox-->
  15. <link href="css/jquery.fancybox.css" rel="stylesheet">
  16. <script src="js/jquery.fancybox.js"></script>
  17. </head>
  18. <body>
  19. <header>
  20. <div class="box">
  21. <div class="logo"><a href="/"><img src="images/logo.png" alt="logo"></a></div>
  22. <div class="ad_top"><a href="/"><img src="images/ad01.jpg" alt="广告"></a></div>
  23. <div class="contact_icon">
  24. <ul>
  25. <li><a href="http://wpa.qq.com/msgrd?v=3&uin=476847113&site=qq&menu=yes"><i class="icon_qq"></i></a></li>
  26. <li><a href="tel:186491309**"><i class="icon_tel"></i></a></li>
  27. <li><a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=476847113@qq.com" target="_blank"><i class="icon_email"></i></a></li>
  28. <li><i class="icon_weixin"><img src="images/wx.png" alt="微信号:476847113"></i></li>
  29. </ul>
  30. </div>
  31. <div class="clear"></div>
  32. <nav>
  33. <ul id="starlist">
  34. <li><a href="index.html">网站首页</a></li>
  35. <li><a href="blog.html">博文日记</a></li>
  36. <li class="menu"><a href="#">所有内容</a>
  37. <ul class="sub">
  38. <li><a href="blog_info.html">文章内容</a></li>
  39. <li><a href="photos_info.html">相册内容</a></li>
  40. <li><a href="videos_info.html">视频内容</a></li>
  41. <li><a href="page_info.html">单页内容</a></li>
  42. </ul>
  43. <span></span></li>
  44. <li><a href="photos.html">我的相册<i></i></a></li>
  45. <li><a href="videos.html">我的视频</a></li>
  46. <li><a href="about.html">个人简历</a></li>
  47. </ul><h2 id="mnavh"><span class="navicon"></span></h2>
  48. <div class="is-search"> <i></i> </div>
  49. <div class="search-page">
  50. <div class="search_box">
  51. <div class="go-left"></div>
  52. <div class="search">
  53. <form action="http://zhuanti.ip3q.com/e/search/index.php" method="post" name="searchform" id="searchform">
  54. <input name="keyboard" id="keyboard" class="input_text" value="请输入关键字词" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字词'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入关键字词'}" type="text">
  55. <input name="show" value="title" type="hidden">
  56. <input name="tempid" value="1" type="hidden">
  57. <input name="tbname" value="news" type="hidden">
  58. <input name="Submit" class="input_submit" value="搜索" type="submit">
  59. </form>
  60. </div>
  61. </div>
  62. </div>
  63. <!--search end-->
  64. </nav>
  65. </div>
  66. </header>
  67. <div class="ph_margin"></div>
  68. <div class="box">
  69. <div class="pic_page_box">
  70. <div class="album_box">
  71. <div class="album_info"> <i><img src="images/01.jpg" alt=""></i>
  72. <h1>only<span>8张</span></h1>
  73. <p class="a_i_ms" id="content"><em>描述</em>江上几人在,天涯孤棹还。何当重相见,尊酒慰离颜。</p>
  74. <p class="a_i_time"><em>时间</em>2011年06月23日创建</p>
  75. </div>
  76. <div class="visitor_area">
  77. <ul>
  78. <li>图片<span>887</span></li>
  79. <li>访问<span>998</span></li>
  80. <li>点赞<span>56</span></li>
  81. </ul>
  82. </div>
  83. </div>
  84. <div class="clear"></div>
  85. <div class="pics_content">
  86. <ul>
  87. <li><a href="images/news01.jpg" data-fancybox="group" data-caption="图片文字说明1"><i><img src="images/news01.jpg" alt=""></i></a></li>
  88. <li><a href="images/news02.jpg" data-fancybox="group" data-caption="图片文字说明2"><i><img src="images/news02.jpg" alt=""></i></a></li>
  89. <li><a href="images/news03.jpg" data-fancybox="group" data-caption="图片文字说明3"><i><img src="images/news03.jpg" alt=""></i></a></li>
  90. <li><a href="images/news04.jpg" data-fancybox="group" data-caption="图片文字说明4"><i><img src="images/news04.jpg" alt=""></i></a></li>
  91. <li><a href="images/news05.jpg" data-fancybox="group" data-caption="图片文字说明5"><i><img src="images/news05.jpg" alt=""></i></a></li>
  92. <li><a href="images/news06.jpg" data-fancybox="group" data-caption="图片文字说明6"><i><img src="images/news06.jpg" alt=""></i></a></li>
  93. <li><a href="images/news07.jpg" data-fancybox="group" data-caption="图片文字说明7"><i><img src="images/news07.jpg" alt=""></i></a></li>
  94. <li><a href="images/news08.jpg" data-fancybox="group" data-caption="图片文字说明8"><i><img src="images/news08.jpg" alt=""></i></a></li>
  95. </ul>
  96. </div>
  97. <div class="diggit"> <a href="javascript:;" onclick="up()"> 很赞哦! (<b id="diggnum" data-id="1">3</b>)</a> </div>
  98. <div class="clear"></div>
  99. <div class="album_next">
  100. <ul>
  101. <li><a href="/" target="_blank"><span>上一个</span><i><img src="images/news01.jpg"></i>
  102. <h3>中年是下午茶</h3>
  103. <p>2011年06月23日创建</p>
  104. </a></li>
  105. <li><a href="/" target="_blank"><span>下一个</span><i><img src="images/news02.jpg"></i>
  106. <h3>韩少功的人造雨</h3>
  107. <p>2011年06月23日创建</p>
  108. </a></li>
  109. </ul>
  110. </div>
  111. </div>
  112. <div class="clear"></div>
  113. </div>
  114. <footer>
  115. <div class="box">
  116. <ul class="footer_nav">
  117. <li><a href="/" target="_blank">网站地图</a></li>
  118. <li><a href="all_list.html" target="_blank">所有文章</a></li>
  119. <li><a href="tags.html" target="_blank">标签合集</a></li>
  120. <li><a href="/" target="_blank">访问统计</a></li>
  121. </ul>
  122. <div class="guanzhu_img"><i><img src="images/wx.png" alt="微信:4768447113">微信号</i> <i><img src="images/wxgzh.jpg" alt="微信:4768447113">微信公众号</i></div>
  123. <div class="copyright">
  124. <p>杨青青个人博客网站 版权所有 </p>
  125. <p>Copyright © <a href="https://www.qingqingblog.com/" target="_blank">www.qingqingblog.com</a> All Rights Reserved.</p>
  126. <p>备案号:<a href="http://www.beian.miit.gov.cn/" target="_blank">津ICP备20005778号-1</a><i class="ga"><img src="images/ga.png" alt="公安备案号"></i>津公网安备 12011602000448 号</p>
  127. </div>
  128. </div>
  129. </footer>
  130. <a href="#" title="返回顶部" class="icon-top"></a>
  131. </body>
  132. </html>
  133. <script>
  134. function up()
  135. {
  136. var url = $('#diggnum').attr('data-url');
  137. var v = parseInt($('#diggnum').html());
  138. $.post(url, {}, function(t) {
  139. $('#diggnum').html(v+1);
  140. })
  141. }
  142. </script>