<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>在线运行</title>
<link rel='stylesheet' id='main-css' href='http://yyyweb.qiniudn.com/wp-content/themes/dream/style.css?ver=1.0.2.3' type='text/css' media='all' />
<script src="http://www.jsshare.com/scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<style>
body{background-color: #fff;}
.nav{background-color: #f6f6f6;180px;}
.widget_postlist{300px;}
</style>
<head>
<body>
<div style="1000px;margin:0 auto;margin-top:50px;"><h3>这儿为页面内容</h3>
<ul class="nav"><li id="menu-item-98" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-98"><a href="http://www.yyyweb.com"><span class="glyphicon glyphicon-home"></span>首页</a></li>
<li id="menu-item-57" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-57"><a href="http://www.yyyweb.com/front"><span class="glyphicon glyphicon-send"></span>前端开发</a></li>
<li id="menu-item-61" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-61"><a href="http://www.yyyweb.com/webdeisgn"><span class="glyphicon glyphicon-globe"></span>网页设计</a></li>
<li id="menu-item-73" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-73"><a href="http://www.yyyweb.com/mobile"><span class="glyphicon glyphicon-phone"></span>移动开发</a></li>
<li id="menu-item-214" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-214"><a href="http://www.yyyweb.com/tools"><span class="glyphicon glyphicon-thumbs-up"></span>实用工具</a></li>
<li id="menu-item-291" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-291"><a href="http://www.yyyweb.com/life"><span class="glyphicon glyphicon-user"></span>程序人生</a></li>
<li id="menu-item-74" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-74"><a href="http://www.yyyweb.com/freebies"><span class="glyphicon glyphicon-leaf"></span>素材资源</a></li>
<li id="menu-item-211" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-211"><a href="http://www.yyyweb.com/creative"><span class="glyphicon glyphicon-eye-open"></span>创意欣赏</a></li>
</ul>
<div class="feeds">
<a class="feed feed-rss" rel="external nofollow" href="http://www.yyyweb.com/feed" title="" target="_blank" data-original-title="Feed订阅">订阅</a>
<a class="feed feed-weibo" rel="external nofollow" href="http://weibo.com/webstack" title="" target="_blank" data-original-title="关注微博">微博</a>
<a class="feed feed-tqq" rel="external nofollow" href="http://t.qq.com/fineweb" title="" target="_blank" data-original-title="关注腾讯微博">腾讯微博</a>
<a class="feed feed-weixin" rel="external nofollow" href="javascript:;" title="" data-content="<img src='http://yyyweb.qiniudn.com/wp-custom/images/weixin.jpg'>" data-original-title="关注”前端里“">微信</a>
</div>
<div class="bottom-bar clearfix">
<div class="article-form">
</div>
<div class="article-tags">
标签:<a href="http://www.yyyweb.com/tag/css3" rel="tag" data-original-title="" title="">CSS3</a><a href="http://www.yyyweb.com/tag/html5" rel="tag" data-original-title="" title="">HTML5</a><a href="http://www.yyyweb.com/tag/javascript" rel="tag" data-original-title="" title="">JavaScript</a><a href="http://www.yyyweb.com/tag/web" rel="tag" data-original-title="" title="">Web</a> </div>
<div class="article-social" style="position: relative; top: 70px;">
<a href="javascript:;" class="action action-like" data-pid="377" data-event="like"><i class="glyphicon glyphicon-thumbs-up"></i>赞 (<span>32</span>)</a> <a href="#comments" class="action action-comment" data-event="login"><i class="glyphicon glyphicon-comment"></i><span>评论 (28)</span></a>
</div>
</div>
<div class="bdsharebuttonbox bdshare-button-style1-32" style="margin: 0 0 30px;" data-bd-bind="1414477914524">
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a><a href="#" class="bds_baidu" data-cmd="baidu" title="分享到百度搜藏"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_more" data-cmd="more"></a>
</div>
<div class="widget widget_postlist"><h3 class="title"><strong>最新文章</strong></h3><ul> <li><a href="http://www.yyyweb.com/350.html"><span class="thumbnail"><span><img data-thumb="1" data-original="http://yyyweb.qiniudn.com/uploads/2014/07/271726215915446.jpg?imageView/1/w/240/h/180" class="thumb" src="http://yyyweb.qiniudn.com/uploads/2014/07/271726215915446.jpg?imageView/1/w/240/h/180" style="display: inline;"></span></span><span class="text">Web 开发中很实用的10个效果【源码下载】</span><span class="text-muted post-views">阅读(15146)</span></a></li>
<li><a href="http://www.yyyweb.com/1457.html"><span class="thumbnail"><span><img data-thumb="1" data-original="http://graphicdesignjunction.com/wp-content/uploads/2012/11/webdesigns+22.jpg?imageView/1/w/240/h/180" class="thumb" src="http://graphicdesignjunction.com/wp-content/uploads/2012/11/webdesigns+22.jpg?imageView/1/w/240/h/180" style="display: inline;"></span></span><span class="text">流行趋势:27个引领时尚的网页设计作品【上篇】</span><span class="text-muted post-views">阅读(68)</span></a></li>
<li><a href="http://www.yyyweb.com/1934.html"><span class="thumbnail"><span><img data-thumb="1" data-original="https://images0.cnblogs.com/blog/36987/201310/18203155-cd03a044158a4449a447cdf17542422c.jpg?imageView/1/w/240/h/180" class="thumb" src="https://images0.cnblogs.com/blog/36987/201310/18203155-cd03a044158a4449a447cdf17542422c.jpg?imageView/1/w/240/h/180" style="display: inline;"></span></span><span class="text">25个优秀的国外单页网站设计作品欣赏</span><span class="text-muted post-views">阅读(73)</span></a></li>
<li><a href="http://www.yyyweb.com/1595.html"><span class="thumbnail"><span><img data-thumb="1" data-original="http://pic002.cnblogs.com/images/2012/36987/2012121413244370.jpg?imageView/1/w/240/h/180" class="thumb" src="http://pic002.cnblogs.com/images/2012/36987/2012121413244370.jpg?imageView/1/w/240/h/180" style="display: inline;"></span></span><span class="text">【年度盛宴】2012年排名前20位的 CSS 网站作品</span><span class="text-muted post-views">阅读(67)</span></a></li>
<li><a href="http://www.yyyweb.com/463.html"><span class="thumbnail"><span><img data-thumb="1" data-original="http://uisdc.qiniudn.com/wp-content/uploads/2014/07/calm.jpg?imageView/1/w/240/h/180" class="thumb" src="http://uisdc.qiniudn.com/wp-content/uploads/2014/07/calm.jpg?imageView/1/w/240/h/180" style="display: inline;"></span></span><span class="text">码农们辛苦了!10个帮你放松减压的网站</span><span class="text-muted post-views">阅读(430)</span></a></li>
</ul></div>
</div>
<script type="text/javascript">
$(document).ready(function(e) {
//这儿加载页面加载完成后执行的代码
});
</script>
</body>
</html>