<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>个人博客</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/base.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<link href="css/m.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easyfader.min.js"></script>
<script src="js/hc-sticky.js"></script>
<script src="js/comm.js"></script>
<script src="js/scrollReveal.js"></script>
<style type="text/css">
.articleCell li {
color: #3f3f3f;
margin-bottom: 10px;
border-bottom: solid 1px #ccc;
font-size: 16px;
}
.articleCell li h3 {
text-shadow: #ccc 1px 1px 1px;
color: #555;
line-height: 30px;
font-size: 16px;
}
.articleCell li img {
clear: right;
width: 100%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.articleCell li p {
width: 150px;
display: block;
max-height: 100px;
overflow: hidden;
margin-left: 20px
}
.articleCell li div {
margin: 15px 0 15px 0;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
line-height: 28px;
}
.articleCell li:hover img {
transform: scale(1.05);
}
.articleCell a:hover {
color: red;
}
.prevMonth,
.nextMonth {
color: Gray;
}
#calendar {
margin-bottom: 20px;
overflow: hidden;
padding: 5px 25px;
background: #fff;
}
.calendar th {
padding: 2px 5px;
font-weight: bold;
}
.calendar td {
width: 35px;
height: 35px;
text-align: center;
border-radius: 25px;
}
.calendar td a:visited {
color: blue;
}
.curDay {
font-weight: bold;
color: red;
border: 1px solid red;
}
#zsy {
display: none;
color: #666;
font-size: 14px;
}
</style>
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<header class="header-navigation" id="header">
<nav>
<div class="logo">
<a href="#">XXX个人博客</a>
</div>
<h2 id="mnavh">
<span class="navicon"></span>
</h2>
<ul id="starlist">
<li>
<a href="index.html">首页</a>
</li>
<li>
<a href="about.html">关于我</a>
</li>
<li>
<a href="list.html">博客日记</a>
</li>
<li>
<a href="info.html">博客内容</a>
</li>
</ul>
<div class="searchbox">
<div id="search_bar" class="search_bar">
</div>
</div>
</nav>
</header>
<article>
<!--banner begin-->
<div class="banner">
<div id="banner" class="fader">
<li class="slide">
<a href="#" >
<img src="images/.5.jpg">
<span class="imginfo">别让这些闹心的套路,毁了你的网页设计!</span>
</a>
</li>
<li class="slide">
<a href="#" >
<img src="images/.1.jpg">
<span class="imginfo">网页中图片属性固定宽度,如何用js改变大小</span>
</a>
</li>
<li class="slide">
<a href="#" >
<img src="images/.2 (1).jpg">
<span class="imginfo">个人博客,属于我的小世界!</span>
</a>
</li>
<li class="slide">
<a href="#" >
<img src="images/01.jpg">
<span class="imginfo">别让这些闹心的套路,毁了你的网页设计!</span>
</a>
</li>
<div class="fader_controls">
<div class="page prev" data-target="prev">‹</div>
<div class="page next" data-target="next">›</div>
<ul class="pager_list">
</ul>
</div>
</div>
</div>
<!--banner end-->
<div class="toppic">
<li>
<a href="#" >
<i>
<img src="images/001.jpg">
</i>
<h2>wbe前端学习</h2>
<span>wbe</span>
</a>
</li>
<li>
<a href="#" >
<i>
<img src="images/002.jpg">
</i>
<h2>css后台学习</h2>
<span>css</span>
</a>
</li>
</div>
</div>
</aside>
</article>
<div class="right_box">
<ul class="articleCell">
<li class="ov">
<a href='#'>
<p class="fr">
<img src="images/962.jpg" alt="" class="fr">
</p>
<h3>电脑自动关机与重启是什么原因</h3>
<div class="ov">不少朋友可能会遇到这样的情况,电脑运行的好好的自动就关机或者自动重新启动了,我们经常接到网友类似的求助.显然不管是电脑自动关机还是电...</div>
<span id="zsy">
作者:| 时间:03-20| 阅读:10000
</span>
</a>
</li>
<li class="ov">
<a href='#'>
<p class="fr">
<img src="images/620.jpg" alt="" class="fr">
</p>
<h3>高清免费可商业图库,看完记得收藏哦 </h3>
<div class="ov">经常做广告设计的朋友,或者是经常做视觉合成类作品的朋友们都知道,找素材是多么痛苦的一件事,有时候已经花费了非常大的精力,找到的图片却...</div>
<span id="zsy">
作者:| 时间:03-21| 阅读:10000
</span>
</a>
</li>
<li class="ov">
<a href='#'>
<p class="fr">
<img src="images/380.jpg" alt="" class="fr">
</p>
<h3>如何进行微信公众号数据分析?</h3>
<div class="ov">微信公众号的运营给我们的网络营销带来了很好的基础,做微信公众号就要做数据分析,那么什么是数据分析?应该从哪些方面入手?下面就详细为大...</div>
<span id="zsy">
作者:| 时间:03-22| 阅读:10000
</span>
</a>
</li>
<li class="ov">
<a href='#'


YG亲测源码屋
- 粉丝: 475
最新资源
- 幼儿园小班手指游戏集2.doc
- 项目管理全英文试题有翻译.doc
- 网络与信息安全基础知识概述.pptx
- 金融行业的大数据应用案例及解决方案.doc
- 网络推广解决方案.doc
- 东南大学自动化学院本科毕业设计开题报告模板.doc
- 数据库作业工厂物料管理系统.doc
- 游游网-旅游门户网站项目可行性分析与策划案.doc
- 网络互联技术第一章网络互联概述电子教案.doc
- 综合布线技术与施工网络传输介质.pptx
- 工学知识发现与机器学习.pptx
- 安装CAD显示已安装问题解决方案.doc
- 第四章ARM程序设计基础(东北大学嵌入式课件).ppt
- 软件验收标准和流程.docx
- 软件工程需求分析(211112234323).pdf
- (源码)基于Vue和Node.js的个人在线简历系统.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈


