123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>《初见》响应式个人博客模板</title>
- <meta name="keywords" content="个人博客,个人网站,个人博客模板,个人网站模板" />
- <meta name="description" content="《初见》响应式个人博客模板是由前端设计师杨青青(www.qingqingblog.com)于2021年5月份设计完成的,模板主要展示个人博客、相册、视频、介绍等功能。" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link href="css/base.css" rel="stylesheet">
- <link href="css/m.css" rel="stylesheet">
- <script src="js/jquery-3.6.0.min.js" ></script>
- <script src="js/comm.js"></script>
- <script src="js/photo_text_open.js"></script>
- <!--fancybox-->
- <link href="css/jquery.fancybox.css" rel="stylesheet">
- <script src="js/jquery.fancybox.js"></script>
- </head>
- <body>
- <header>
- <div class="box">
- <div class="logo"><a href="/"><img src="images/logo.png" alt="logo"></a></div>
- <div class="ad_top"><a href="/"><img src="images/ad01.jpg" alt="广告"></a></div>
- <div class="contact_icon">
- <ul>
- <li><a href="http://wpa.qq.com/msgrd?v=3&uin=476847113&site=qq&menu=yes"><i class="icon_qq"></i></a></li>
- <li><a href="tel:186491309**"><i class="icon_tel"></i></a></li>
- <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>
- <li><i class="icon_weixin"><img src="images/wx.png" alt="微信号:476847113"></i></li>
- </ul>
- </div>
- <div class="clear"></div>
- <nav>
- <ul id="starlist">
- <li><a href="index.html">网站首页</a></li>
- <li><a href="blog.html">博文日记</a></li>
- <li class="menu"><a href="#">所有内容</a>
- <ul class="sub">
- <li><a href="blog_info.html">文章内容</a></li>
- <li><a href="photos_info.html">相册内容</a></li>
- <li><a href="videos_info.html">视频内容</a></li>
- <li><a href="page_info.html">单页内容</a></li>
- </ul>
- <span></span></li>
- <li><a href="photos.html">我的相册<i></i></a></li>
- <li><a href="videos.html">我的视频</a></li>
- <li><a href="about.html">个人简历</a></li>
- </ul><h2 id="mnavh"><span class="navicon"></span></h2>
- <div class="is-search"> <i></i> </div>
- <div class="search-page">
- <div class="search_box">
- <div class="go-left"></div>
- <div class="search">
- <form action="http://zhuanti.ip3q.com/e/search/index.php" method="post" name="searchform" id="searchform">
- <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">
- <input name="show" value="title" type="hidden">
- <input name="tempid" value="1" type="hidden">
- <input name="tbname" value="news" type="hidden">
- <input name="Submit" class="input_submit" value="搜索" type="submit">
- </form>
- </div>
- </div>
- </div>
- <!--search end-->
- </nav>
- </div>
- </header>
- <div class="ph_margin"></div>
- <div class="box">
- <div class="pic_page_box">
- <div class="album_box">
- <div class="album_info"> <i><img src="images/01.jpg" alt=""></i>
- <h1>only<span>8张</span></h1>
- <p class="a_i_ms" id="content"><em>描述</em>江上几人在,天涯孤棹还。何当重相见,尊酒慰离颜。</p>
- <p class="a_i_time"><em>时间</em>2011年06月23日创建</p>
- </div>
- <div class="visitor_area">
- <ul>
- <li>图片<span>887</span></li>
- <li>访问<span>998</span></li>
- <li>点赞<span>56</span></li>
- </ul>
- </div>
- </div>
- <div class="clear"></div>
- <div class="pics_content">
- <ul>
- <li><a href="images/news01.jpg" data-fancybox="group" data-caption="图片文字说明1"><i><img src="images/news01.jpg" alt=""></i></a></li>
- <li><a href="images/news02.jpg" data-fancybox="group" data-caption="图片文字说明2"><i><img src="images/news02.jpg" alt=""></i></a></li>
- <li><a href="images/news03.jpg" data-fancybox="group" data-caption="图片文字说明3"><i><img src="images/news03.jpg" alt=""></i></a></li>
- <li><a href="images/news04.jpg" data-fancybox="group" data-caption="图片文字说明4"><i><img src="images/news04.jpg" alt=""></i></a></li>
- <li><a href="images/news05.jpg" data-fancybox="group" data-caption="图片文字说明5"><i><img src="images/news05.jpg" alt=""></i></a></li>
- <li><a href="images/news06.jpg" data-fancybox="group" data-caption="图片文字说明6"><i><img src="images/news06.jpg" alt=""></i></a></li>
- <li><a href="images/news07.jpg" data-fancybox="group" data-caption="图片文字说明7"><i><img src="images/news07.jpg" alt=""></i></a></li>
- <li><a href="images/news08.jpg" data-fancybox="group" data-caption="图片文字说明8"><i><img src="images/news08.jpg" alt=""></i></a></li>
- </ul>
- </div>
- <div class="diggit"> <a href="javascript:;" onclick="up()"> 很赞哦! (<b id="diggnum" data-id="1">3</b>)</a> </div>
- <div class="clear"></div>
- <div class="album_next">
- <ul>
- <li><a href="/" target="_blank"><span>上一个</span><i><img src="images/news01.jpg"></i>
- <h3>中年是下午茶</h3>
- <p>2011年06月23日创建</p>
- </a></li>
- <li><a href="/" target="_blank"><span>下一个</span><i><img src="images/news02.jpg"></i>
- <h3>韩少功的人造雨</h3>
- <p>2011年06月23日创建</p>
- </a></li>
- </ul>
- </div>
- </div>
- <div class="clear"></div>
- </div>
- <footer>
- <div class="box">
- <ul class="footer_nav">
- <li><a href="/" target="_blank">网站地图</a></li>
- <li><a href="all_list.html" target="_blank">所有文章</a></li>
- <li><a href="tags.html" target="_blank">标签合集</a></li>
- <li><a href="/" target="_blank">访问统计</a></li>
- </ul>
- <div class="guanzhu_img"><i><img src="images/wx.png" alt="微信:4768447113">微信号</i> <i><img src="images/wxgzh.jpg" alt="微信:4768447113">微信公众号</i></div>
- <div class="copyright">
- <p>杨青青个人博客网站 版权所有 </p>
- <p>Copyright © <a href="https://www.qingqingblog.com/" target="_blank">www.qingqingblog.com</a> All Rights Reserved.</p>
- <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>
- </div>
- </div>
- </footer>
- <a href="#" title="返回顶部" class="icon-top"></a>
- </body>
- </html>
- <script>
- function up()
- {
- var url = $('#diggnum').attr('data-url');
- var v = parseInt($('#diggnum').html());
- $.post(url, {}, function(t) {
- $('#diggnum').html(v+1);
- })
- }
- </script>
|