HTML5+CSS大作业——个人博客-功能齐全(48页) html大学生网站开发实践作业
文章目录
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Mr.郭/QQ:1007694939">
<title>一个可怕的现象愈演愈烈：穷人家的“富二代”越来越多_晓峰博客 | 一个对web前端开发有着浓厚兴趣的90后站长 | 一个对web前端开发有着浓厚兴趣的90后站长网</title>
<meta name="keywords" content="晓峰">
<meta name="description" content="今天的父母，总想着把最好的条件给孩子，这其实是在害孩子。成长过程中，物质越充裕，精神越疲敝；精神疲敝时，创造物质的脚步自然会停歇。反之，给孩子真实的成长，让孩子懂得困难与艰辛，教孩子珍惜馈赠与财富，引导孩子依靠勤奋和努力，才是对孩子最深邃的馈赠。">
<!--引入Font Awesome字体库样式表-->
<link rel="stylesheet" href="static/css/font-awesome.min.css">
<!--引入guojian.min.css组件样式表-->
<link rel="stylesheet" href="static/css/guojian.min.css">
<!--引入style.css自定义样式表-->
<link rel="stylesheet" href="static/css/style.css">
<!--引入jquery.min.js组件脚本-->
<script src="static/js/jquery-1.12.4.min.js" type="text/javascript"></script>
<style type="text/css">
body {background-image:none;}
.gj-content .gj-cont pre, .gj-zp-cont .gj-cont pre {padding: 10px;background-color: #f5f5f5;border-radius: 5px;}
</style>
</head>
<body>
<!--GJ-UI组件模块html代码开始-->
<nav class="gj-nav1 gcl-yh">
<!--响应式导航栏-->
<div class="gnav gclear">
<div class="gj-logo gj-left">
<a href="index.html" title="晓峰博客" style="color:#fff;font-size:30px;letter-spacing: 2px;margin: 4px 0;">晓峰博客</a>
</div>
<i class="gbar fa fa-bars" aria-hidden="true"></i>
<ul class="gnav-ul gj-right">
<li><a href="index.html"><i class="fa fa-home" aria-hidden="true"></i> 首页</a></li>
<li>
<a href="index1.html">知识干货</a>
</li>
<li>
<a href="index2.html">我的作品</a>
</li>
<li class="gxz">
<a href="index3.html">谈天说地</a>
</li>
<li>
<a href="index4.html">心情说说</a>
</li>
</ul>
</div>
</nav> <div class="gcont">
<div class="row">
<div class="gj-lg-12">
<div class="gj-head">
<div class="gj-cont">
<img src="static/picture/touxiang.jpg" alt="">
<h4>Mr.郭 <i class="fa fa-vimeo-square" aria-hidden="true"></i></h4>
<p>一个对“web前端”和“互联网创业”有着浓厚兴趣的90后草根站长！</p>
</div>
</div>
</div>
<div class="gj-lg-8">
<div class="gj-wk gcl-hb">
<!--内容页模块-->
<nav class="gj-ljdh">
<i class="fa fa-home" aria-hidden="true"></i>
<a href="index.html">首页</a> > <a href="index3.html" title="谈天说地">谈天说地</a> </nav>
<div class="gj-body gj-content">
<div class="gj-title">
<h3>一个可怕的现象愈演愈烈：穷人家的“富二代”越来越多</h3>
<span>发布时间：2019-06-08 20:29:41</span>
<a href="javascript:;" target="_blank">已收录</a>
<span class="hidden-xs">作者：青榄君</span>
<span>阅读：1412次</span>
<div class="gjcont-fx bdsharebuttonbox hidd-xs">
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
<a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></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_renren" data-cmd="renren" title="分享到人人网"></a>
<a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a>
<a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a>
<a href="#" class="bds_meilishuo" data-cmd="meilishuo" title="分享到美丽说"></a>
<a href="#" class="bds_mogujie" data-cmd="mogujie" title="分享到蘑菇街"></a>
<a href="#" class="bds_huaban" data-cmd="huaban" title="分享到花瓣"></a>
<a href="#" class="bds_youdao" data-cmd="youdao" title="分享到有道云笔记"></a>
<a href="#" class="bds_ty" data-cmd="ty" title="分享到天涯社区"></a>
<a href="#" class="bds_isohu" data-cmd="isohu" title="分享到我的搜狐"></a>
<a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a>
<a href="#" class="bds_linkedin" data-cmd="linkedin" title="分享到linkedin"></a>
<a href="#" class="bds_print" data-cmd="print" title="分享到打印"></a>
<a href="#" class="bds_copy" data-cmd="copy" title="分享到复制网址"></a>
</div>
<script>
window._bd_share_config = {
"common": {
"bdSnsKey": {},
"bdText": "",
"bdMini": "2",
"bdMiniList": false,
"bdPic": "",
"bdStyle": "0",
"bdSize": "24"
},
"share": {}
};
with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
</script>
</div>
<div class="gj-cont"><p>富人穿100块钱的衣服是节俭，穷人穿同款就是穷酸；你家孩子去咖啡馆打工是赚零花钱，贝克汉姆的儿子去打工就是励志。</p><p><br></p><p>贫富差异，本质上是教育的差异。当富人已经转变教育方向，开始培养能够更好适应社会的复合型人才，穷人却走起了10年前富人的弯路：无限度地宠溺孩子，只求成绩，不求其它。</p><p><img title="1519444684566733.png" alt="QQ截图20180224115043.png" src="static/picture/1519444684566733.png"></p><ol class=" list-paddingleft-2" style="list-style-type: decimal;"><li><p>去朋友公司谈事，说到团队建设，他困惑地说：“以前我觉得穷人家的孩子能吃苦、有责任心，现在简直不敢招家境不好的员工，穷人家的富二代太多了！”</p><p>“富二代”，在人们印象中与好吃懒做、挥金如土、不求上进、行为乖张划等号，顾名思义是因为家里有钱、宠溺，造成孩子不懂事。</p><p>但随着中国经济的发展，尤其城市新中产的崛起，言正行端、吃苦耐劳的富二代越来越多。相反，穷人家的孩子却沾上了以前富二代的毛病。</p><p>这个现象最大的原因是家人的补偿心理，越是家境不好，越觉得不能亏了孩子。</p><p>我有一个员工，单亲家庭，父母工作不稳定，他小时候跟爷爷奶奶长大。爷爷奶奶家里也穷，但正因为穷，只要有10块钱，就把10块钱全花在他身上。</p><p>宁肯穷了全家，也不能穷了孩子，是他们的教育信念。在这种环境下长大的他，习惯了伸手讨要，缺乏感恩心理，今天花明天的钱，消费远远超出他的能力。</p><p>更要命的是，责任心几乎为零。我穷我有理、我弱我有理，这种心态让同事对他意见很大。</p><p>离职前，我找他谈话，他表情游离，忽然没头没脑地说了一句：“昨天在路上看到有个人，特别像我爷爷。”</p><p>我知道长大成人对他是一种凌厉的痛，因为宠爱他的人再也帮不了他。</p></li><li><p>补偿心理，是长辈的自我安慰。</p><p>10年前，穷人勇于承认自己的不足，在教育孩子问题上能够保持清醒：我们家境不好，你要多扛责任，自强自立；</p><p>如今，各种创富神话冲击社会各个阶层，越来越多没有创富的人，把责任推给机遇、社会不公、阶层固化，因为看不到希望，只能倾尽所有对孩子进行补偿：我不管你将来如何，至少小时候，别人有的你都有。</p><p>这就直接造成了一个恶果：家境越不好，越容易把正常的教育当成吃苦，并以让孩子吃苦为耻。</p><p>我去一个赛艇俱乐部玩过几次，有个14岁的男孩给我留下深刻印象。他每天早晨6点起床，搭公交转地铁再步行来训练。训练完毕，帮教练收拾好器材，去另外一个地方打篮球。要去美国留学，他担心体力跟不上，跟同学玩不到一块儿，所以拼命练习。</p><p>晚上，他还要回家给父母做饭。他妈妈只会做西餐，他爸对吃没什么要求，他想吃什么，就得做给全家人吃。</p><p>如果不是在赛艇俱乐部看到他，我会把“穷人的孩子早当家”安到他头上。</p><p>他父亲是上市公司高管，我问他为什么这么舍得孩子吃苦。他惊讶地说：“怎么叫吃苦。这不就是活着的日常吗？”</p><p>如果你身边有诚实的创业者，而不是像马爸爸一样会演讲的，你可能同意这样的观点：富人都是真正苦过的，他们不会觉得让孩子吃苦是很大的问题。</p><p><img title="1519444796633369.png" alt="QQ截图20180224115200.png" src="static/picture/1519444796633369.png"></p><p><br></p></li><li><p>限于自己的眼界，经济条件不好的家庭，很容易在教育上犯第三个错误：认为只要学习好就行。</p><p>他们的孩子不管学习好不好，反正从来不洗内衣、不打扫卫生、见到陌生人不打招呼，成绩以外的事情跟他没关系。</p><p>这样直接导致孩子的责任感差、社交能力差。工作后，成了团队里做事不动脑筋，出问题就想推卸责任的小公主小王子。</p><p>他们从没把自己当成一个完整的人，可以对某个综合性的项目负责，而是一枚螺丝、一个零件，幻想后面有为自己收拾战场的家长。</p><p>富人穿100块钱的衣服是节俭，穷人穿同款就是穷酸；你家孩子去咖啡馆打工是赚零花钱，贝克汉姆的儿子去打工就是励志。</p><p>在这样的社会现实中，贫穷的父母往往培养了孩子过剩的自尊。为了不让别人说自己的孩子是穷人，干脆不让他们穿100元的衣服、去咖啡馆打工。</p><p>贝克汉姆的儿子曾经去咖啡馆打工，时薪20元人民币</p><p>然而，自尊是虚无的，生活是现实的，虚荣不能帮任何人撑过一生。</p><p>贫穷家庭的这种自尊教育，让孩子特别“晚熟”。当同龄人已经知道踏踏实实为一日三餐、十年后的生活搏命时，他们却抱着热乎乎的自尊心，幻想只要摆出成功人士的派头，就能成功。</p><p>贫富差异，本质上是教育的差异。当富人已经转变教育方向，开始培养能够更好适应社会的复合型人才，穷人却走起了10年前富人的弯路：无限度地宠溺孩子，只求成绩，不求其它。</p><p>结果，富人家的“穷二代”越来越富，而穷人家的“富二代”越来越穷。</p></li></ol><ul class=" list-paddingleft-2" style="list-style-type: disc;"><li><p>林青霞人生最抑郁的时候，圣严法师送给她8个字：面对、接受，处理，放下。这8字方针，同样适用于家境不如意的父母。</p><p>为人父母真正的成长，是能够正视自己人生的失败，反思贫穷的成因。我永远记得小学5年级的某天，一贯冷傲坚强的父亲在饭桌上说：“我这辈子才华和努力都够，赚不到钱的原因是个性太强、处事不圆滑。”</p><p>后来他又多次反思这个问题，以至我大学就开始看心理学的书，一直特别重视自己的情商修炼。</p><p>父亲身上贫穷的成因，在我这里得到了很好的修复。如果他没有坦诚面对，而是怪家庭怪社会，后代可能就会在偏执的怪圈中，变得又穷又骄傲。</p><p>家长坦诚面对自己的不足，比故作坚强更有威信。条条大路通罗马，不要跟住在罗马的人比，父母与孩子合力的每一分努力，终究是离罗马一天天近了。</p><p>面对、接受、处理、放下。愿天下为人父母者，都坚信父母比学校更有力量，再大的教育资源差异，也比不过父母心态的差异。</p><p>最近看到太多穷人家的“富二代”，工作中畏难，自尊心超强，做不得，说不得。</p><p>教育的差异，会让贫富差异定格，甚至加剧。而这种差异，不是你上什么学校，而是你的父母能否以平常心面对自己的处境，在反思与成长中，摸索教育的方法。</p><p>每个周末的清晨，我都会去小区后面的一颗大榕树下晨读。经常能看到这个小男孩，帮他做环卫工的母亲打扫街道。</p><p><br></p><p><br></p><p>打扫完了，母子俩还会一起歇一歇，说说话。温情的画面令人感动。</p><p><br></p><p>眼前的这一幕，让我情不自禁联想到发生在上海的一则新闻：</p><p>一名体型较胖的年轻女子，用手狠狠地拽着一个环卫工人的头发拖行数米，旁边其他环卫工急忙上前拦架。记者一采访才知道，原来是女儿在向母亲要钱！</p><p>这位母亲已经48岁了，做环卫工10多年了，一个月才几千块钱。她的女儿孩子都有了，还隔三差五伸手向母亲要钱，不给钱就辱骂、吵架、打架……</p><p>同是环卫工的子女，为什么这个小男孩这么体恤母亲，那个年轻女子却成了“白眼狼”？</p><p><br></p></li><li><p>我问小男孩的母亲：你家孩子真懂事，是怎么教育的？</p><p>这位外地来的女环卫工不善言辞，说不出太多的教育道理来，有些不好意思的说：“我们穷人的孩子早当家嘛！”</p><p>这句众所周知的俗语，没有满足我的好奇心——穷人的孩子中，有很多很懂事，也有很多很操蛋。我相信，一定存在某种因素造成了这种区别。</p><p>这种因素究竟是什么呢？看到下面的故事后，我恍然大悟。</p><p>某君高中时沉迷网络，时常半夜翻墙出校上网。一日他照例翻墙，翻到一半即拔足狂奔而归，面色古怪，问之不语。从此认真读书，不再上网，学校盛传他见鬼了。后来他考上名校，昔日同学问及此事，他沉默良久说，那天父亲来送生活费，舍不得住旅馆，在墙下坐了一夜。</p><p>有没有被这个父亲感动到？可是假如这个父亲的艰辛，没有被调皮捣蛋的儿子意外发现，儿子会洗心革面、改邪归正吗？</p><p>孩子不是天生就懂得体恤父母，他们只有切切实实感受到了父母的艰辛和苦难后，才会对父母心生感激，进而对自己严格要求，不辜负父母的一片苦心。</p><p>相反，如果父母把生活中的风风雨雨、艰难困苦，都向孩子进行过滤、屏蔽，为孩子刻意营造了一个无忧无虑的生活环境，又怎能奢望他们知父母恩？蜜里泡大的少年，如何懂得愁滋味？</p></li><li><p>当下的中国，有一个很可怕的现象——“全民富二代”。</p><p>富人家的孩子当富二代养，穷人家的孩子也当富二代养，“再穷不能穷教育，再苦不能苦孩子”。</p><p>有不少父母，不顾家庭资源禀赋差异，百般努力，倾尽所有，让孩子享受最好的生活条件。夫妻俩加上四个老人，六个人面对一个孩子，衣来伸手、饭来张口，真是含在心里怕化了，捧在手里怕掉了。</p><p>“穷人的孩子早当家”，这句话放在过去的确是成立的。上学时，我拼命地努力，想通过学习，去争取更好的生活。我从来不大手大脚地花钱，因为我知道，父母供我读书的每一分钱，都来之不易，都是他们的血汗钱。不仅是我，那个时候，我身边大多数的孩子都是这样。我们从小目睹父母辛劳、体验生活困苦的孩子，懂得“热爱生活”的道理，有着奋斗与吃苦的自觉。</p><p><img title="1519444770517866.png" alt="QQ截图20180224115151.png" src="static/picture/1519444770517866.png"></p><p>现在，一些条件并不宽裕的家庭，觉得亏欠了孩子，担心孩子被别人家孩子比下去，产生自卑心理，反而更加娇惯、宠溺孩子。大多数的孩子都过着一种极其享乐的生活，热了有空调，冷了有暖气，家家都有零食吃，人人都有新衣服穿。父母再苦再累，也舍不得孩子吃苦受罪。</p><p>当父母恨不得把全世界所有的好东西和所有的爱都给孩子时，却忘了告诉孩子一件事：生活的艰辛，是难以想象的。父母的“呵护”，对于孩子们来说，无疑是一味“毒药”。孩子们心安理得享受着一切，根本不知道知足，不知道感恩，不知道体贴父母，不知道生活的不容易。相反，还滋生了很多虚荣、懒惰、不学无术的坏毛病。</p></li><li><p>我一侄子今年参加完中考，接下来就是一个长长的假期。他爸妈让我帮忙，介绍到我家附近的奶茶店打工，体验生活。</p><p>第一天，他回来跟我们汇报说：老板教了各种技术，学会了做好几种饮品，也能炸鸡排和薯条了。还没忘自夸，原先的厨艺不是白研究的。</p><p>第二天，又向我们说：“这奶茶店可真是太赚钱了，那么几勺糖粉，加上点水，加上一块柠檬片，就要卖五块！以后，我看开这么个店儿不错！”</p><p>后来，我跟他分析了各种费用，他一算，看来，钱也不好赚。</p><p>每天回来，都有新的话题，要么是告诉我们一天做了些什么，要么就是店里来了些什么人，还知道了一些送快餐的骑手和一些业务员的事儿，说的头头是道的。</p><p>有一天我问他：上班容易不？</p><p>他说：也容易也不容易，我这上班这几天，把一辈子的哥姐都给叫了，脸都笑僵了。</p><p>我问咋回事儿？</p><p>于是，他给我来了以下表演：</p><p>“哥，来啦！喝点什么？”</p><p>“好咧姐，你稍等，坐一会儿，马上就好！”</p><p>“哥，进店来坐一会儿吧，有免费WIFI，有空调！”</p><p>“姐，你是喝橙汁还是喝奶茶，姐，糖要多加还是少加？姐，两勺糖够吗？”</p><p>“姐，味道怎么样，多提意见，姐！”</p><p>“姐，你慢走，没事儿过来玩儿啊姐！”</p><p>“哥，你走好，哥欢迎再来！”</p><p>“姐，带着朋友来玩儿啊！”</p><p>他吧啦吧啦，一口气说了一大串，笑得我直不起腰来。</p><p>我说：“真是不容易呢！等你发了工资，你就拿着这钱去旅游吧！好好犒劳一下自己！”</p><p>他说：“算了吧，我不想去旅游了！”</p><p>我说：“为啥？你不是早就想去了吗？”</p><p>他说：“我还是拿这钱到时候孝顺孝顺我爸妈，孝顺孝顺我奶奶，给他们买点东西吧！”</p><p>我把这话转告给他爸妈，他们倍感欣慰。</p><p>给孩子再好的教育，都不如让他亲自去感受一下，成人世界的“不容易”！正如曾国藩所说：“子侄除读书外，教之扫屋、抹桌凳、收粪、锄草，是极好之事，切不可以为有损架子而不为也。”</p><p>今天的父母，总想着把最好的条件给孩子，这其实是在害孩子。成长过程中，物质越充裕，精神越疲敝；精神疲敝时，创造物质的脚步自然会停歇。反之，给孩子真实的成长，让孩子懂得困难与艰辛，教孩子珍惜馈赠与财富，引导孩子依靠勤奋和努力，才是对孩子最深邃的馈赠。</p></li></ul></div>
<div class="gcont-page">
<div class="gj-lg-6">上一篇：<a href="7.html">博主早年崇拜的知名80后创业标杆人物茅侃侃竟然自杀了</a></div>
<div class="gj-lg-6">下一篇：已经是最后一篇</div>
</div>
</div>
</div>
<div class="gj-wk gcl-hb">
<!--内容页版权模块-->
<div class="gj-body gj-bq">
<img src="static/picture/touxiang.jpg" alt="">
<p><b>版权声明：</b>本站原创文章，于2019-06-08 20:29:41，由 <b>青榄君</b> 发表！</p>
<p><b>转载请注明：</b><a href="">一个可怕的现象愈演愈烈：穷人家的“富二代”越来越多</a> - <b>晓峰博客</b></p>
</div>
</div>
<div class="gj-wk gcl-hb">
<div class="gj-bt">
<h3><i class="fa fa-commenting" aria-hidden="true"></i> 评论区</h3>
</div>
<div class="gj-body gj-pl">
<div class="comment">
<div class="com_form">
<form action="https://www.guojian945.com/comment/index/init.html" method="post" onsubmit="return check_comm(this)">
<input type="hidden" name="modelid" value="1">
<input type="hidden" name="catid" value="17">
<input type="hidden" name="id" value="11">
<input type="hidden" name="title" value="一个可怕的现象愈演愈烈：穷人家的“富二代”越来越多">
<input type="hidden" name="url" value="https://www.guojian945.com/article/11.html">
<textarea class="textarea" id="content" name="content" placeholder="朕有话要说~"></textarea>
<p><input type="submit" class="sub_btn" name="dosubmit" value="提交"><span class="emotion">表情</span></p>
</form>
</div>
</div>
</div>
<div class="gpl-bt">
共4条评论
</div>
<ul class="gpl-ul">
<li>
<div class="gpl-user">
<a href="0.html" target="_blank"><img class="gpl-tx" src="static/picture/default.gif" alt=""></a>
<a href="0.html" target="_blank">
<h4>游客 - 晓峰博客</h4>
</a>
</div>
<p class="gpl-cont"><span class="original_comment"><span class="original_comment"><a href="javascript:void(0);" class="user_name" rel="nofollow">晓峰博客网友</a> : 哎，没办法，社会问题 </span><a href="javascript:void(0);" class="user_name" rel="nofollow">晓峰博客网友</a>：作者是个大傻B </span><a href="javascript:void(0);" class="user_name" rel="nofollow">晓峰博客网友</a>：啊哈哈</p>
<div class="gpl-list">
<p><span>2019-04-09 16:07:41</span><a href="javascript:toreply('133');">回复</a></p>
<div id="rep_133" class="none">
<form action="https://www.guojian945.com/comment/index/init.html" method="post" onsubmit="return check_rep(this)">
<input type="hidden" name="modelid" value="1">
<input type="hidden" name="catid" value="17">
<input type="hidden" name="id" value="11">
<input type="hidden" name="title" value="一个可怕的现象愈演愈烈：穷人家的“富二代”越来越多">
<input type="hidden" name="url" value="https://www.guojian945.com/article/11.html">
<input type="hidden" name="reply" value="133">
<input type="hidden" name="reply_to" value="晓峰博客网友">
<textarea name="content" class="textarea textarea2" placeholder="我来说两句~"></textarea>
<input type="submit" class="sub_btn static" name="dosubmit" value="提交">
</form>
</div>
</div>
</li>
<li>
<div class="gpl-user">
<a href="0.html" target="_blank"><img class="gpl-tx" src="static/picture/default.gif" alt=""></a>
<a href="0.html" target="_blank">
<h4>游客 - 晓峰博客</h4>
</a>
</div>
<p class="gpl-cont"><span class="original_comment"><a href="javascript:void(0);" class="user_name" rel="nofollow">晓峰博客网友</a> : 哎，没办法，社会问题 </span><a href="javascript:void(0);" class="user_name" rel="nofollow">晓峰博客网友</a>：作者是个大傻B</p>
<div class="gpl-list">
<p><span>2019-01-01 12:50:55</span><a href="javascript:toreply('95');">回复</a></p>
<div id="rep_95" class="none">
<form action="https://www.guojian945.com/comment/index/init.html" method="post" onsubmit="return check_rep(this)">
<input type="hidden" name="modelid" value="1">
<input type="hidden" name="catid" value="17">
<input type="hidden" name="id" value="11">
<input type="hidden" name="title" value="一个可怕的现象愈演愈烈：穷人家的“富二代”越来越多">
<input type="hidden" name="url" value="https://www.guojian945.com/article/11.html">
<input type="hidden" name="reply" value="95">
<input type="hidden" name="reply_to" value="晓峰博客网友">
<textarea name="content" class="textarea textarea2" placeholder="我来说两句~"></textarea>
<input type="submit" class="sub_btn static" name="dosubmit" value="提交">
</form>
</div>
</div>
</li>
<li>
<div class="gpl-user">
<a href="0.html" target="_blank"><img class="gpl-tx" src="static/picture/default.gif" alt=""></a>
<a href="0.html" target="_blank">
<h4>游客 - 晓峰博客</h4>
</a>
</div>
<p class="gpl-cont"><span class="original_comment"><a href="javascript:void(0);" class="user_name" rel="nofollow">晓峰博客网友</a> : 哎，没办法，社会问题 </span><a href="javascript:void(0);" class="user_name" rel="nofollow">晓峰博客网友</a>：大家好才是真的好</p>
<div class="gpl-list">
<p><span>2018-12-30 17:18:49</span><a href="javascript:toreply('94');">回复</a></p>
<div id="rep_94" class="none">
<form action="https://www.guojian945.com/comment/index/init.html" method="post" onsubmit="return check_rep(this)">
<input type="hidden" name="modelid" value="1">
<input type="hidden" name="catid" value="17">
<input type="hidden" name="id" value="11">
<input type="hidden" name="title" value="一个可怕的现象愈演愈烈：穷人家的“富二代”越来越多">
<input type="hidden" name="url" value="https://www.guojian945.com/article/11.html">
<input type="hidden" name="reply" value="94">
<input type="hidden" name="reply_to" value="晓峰博客网友">
<textarea name="content" class="textarea textarea2" placeholder="我来说两句~"></textarea>
<input type="submit" class="sub_btn static" name="dosubmit" value="提交">
</form>
</div>
</div>
</li>
<li>
<div class="gpl-user">
<a href="0.html" target="_blank"><img class="gpl-tx" src="static/picture/default.gif" alt=""></a>
<a href="0.html" target="_blank">
<h4>游客 - 晓峰博客</h4>
</a>
</div>
<p class="gpl-cont">哎，没办法，社会问题</p>
<div class="gpl-list">
<p><span>2018-10-13 16:08:49</span><a href="javascript:toreply('66');">回复</a></p>
<div id="rep_66" class="none">
<form action="https://www.guojian945.com/comment/index/init.html" method="post" onsubmit="return check_rep(this)">
<input type="hidden" name="modelid" value="1">
<input type="hidden" name="catid" value="17">
<input type="hidden" name="id" value="11">
<input type="hidden" name="title" value="一个可怕的现象愈演愈烈：穷人家的“富二代”越来越多">
<input type="hidden" name="url" value="https://www.guojian945.com/article/11.html">
<input type="hidden" name="reply" value="66">
<input type="hidden" name="reply_to" value="晓峰博客网友">
<textarea name="content" class="textarea textarea2" placeholder="我来说两句~"></textarea>
<input type="submit" class="sub_btn static" name="dosubmit" value="提交">
</form>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="gj-lg-4">
<div class="gj-wk gcl-hb">
<!--搜索模块-->
<div class="gj-bt">
<h3><i class="fa fa-search" aria-hidden="true"></i> 站内搜索</h3>
</div>
<div class="gj-body gj-ss1">
<form action="https://www.guojian945.com/index.php">
<input type="hidden" name="m" value="search">
<input type="hidden" name="c" value="index">
<input type="hidden" name="a" value="init">
<input type="hidden" name="modelid" value="1" id="modelid">
<input type="text" name="q" placeholder="请输入搜索关键词···">
<button id="searchbtn" type="submit"></button>
</form>
</div>
</div>
<div class="gj-wk gcl-hb hidd-sm hidd-md">
<div class="gj-bt">
<h3><i class="fa fa-user-circle-o" aria-hidden="true"></i> 会员信息</h3>
</div>
<div class="gj-body gj-user">
<form action="https://www.guojian945.com/member/index/login.html" method="post">
<input type="hidden" name="referer" value="https%3A%2F%2Fwww.guojian945.com%2Farticle%2F11.html">
<table cellpadding="0" cellspciong="1">
<div class="div1"> <i class="fa fa-user" aria-hidden="true"></i>
<input type="text" required="" name="username" value="" placeholder="请输入用户名">
<i class="fa fa-lock" aria-hidden="true"></i>
<input type="password" required="" name="password" value="" placeholder="请输入密码">
</div>
<div class="div2"> <img src="static/picture/code.jpg" onclick="this.src=this.src+'?'" title="看不清，换一张">
<input type="text" required="" name="code" class="" value="" placeholder="验证码">
<button type="submit" name="dosubmit" value="登 录">立即登录</button>
</div>
<div class="div3"> <a href="qq_login.html" target="_blank" class="btn btn-qq"><i class="fa fa-qq" aria-hidden="true"></i> QQ登录</a> <a href="register.html" class="btn btn-zc" role="button" target="_blank">免费注册</a> <a href="init.html" class="btn btn-mm" role="button" target="_blank">忘记密码？</a> </div>
</table>
</form>
</div>
</div>
<div class="gj-wk gcl-hb hidd-sm hidd-md">
<!--标签模块-->
<div class="gj-bt">
<h3><i class="fa fa-calendar" aria-hidden="true"></i> 文章归档</h3>
</div>
<div class="gj-body gj-link1">
<ul>
<li><a href="1517475072.html">2018年02月(3)</a></li>
<li><a href="1516872636.html">2018年01月(3)</a></li>
</ul>
</div>
</div>
<div class="gj-wk gcl-hb">
<!--侧栏-图文列表-->
<div class="gj-bt">
<h3><i class="fa fa-thumbs-up" aria-hidden="true"></i> 博主推荐</h3>
</div>
<div class="gj-body gli-tuw1">
<div class="gtw-li gclear">
<div class="gtw-img gj-left"> <a href="8.html"><img src="static/picture/180313112951280.jpg" alt=""></a> </div>
<div class="gtw-body"> <a href="8.html">
<h4>phpStudy最新使用教程 - 让天下没有难配的php环境</h4>
</a> <span><i class="fa fa-clock-o"> 2018-02-01</i></span> <span><i class="fa fa-eye"> 2497</i></span> </div>
</div>
</div>
<div class="gj-body gli-tuw1">
<div class="gtw-li gclear">
<div class="gtw-img gj-left"> <a href="7.html"><img src="static/picture/180313113309948.jpg" alt=""></a> </div>
<div class="gtw-body"> <a href="7.html">
<h4>博主早年崇拜的知名80后创业标杆人物茅侃侃竟然自杀了</h4>
</a> <span><i class="fa fa-clock-o"> 2018-01-27</i></span> <span><i class="fa fa-eye"> 2148</i></span> </div>
</div>
</div>
<div class="gj-body gli-tuw1">
<div class="gtw-li gclear">
<div class="gtw-img gj-left"> <a href="5.html"><img src="static/picture/180313113835757.jpg" alt=""></a> </div>
<div class="gtw-body"> <a href="5.html">
<h4>一枚程序媛妹子口中的IT男其实是这样的</h4>
</a> <span><i class="fa fa-clock-o"> 2018-01-27</i></span> <span><i class="fa fa-eye"> 2969</i></span> </div>
</div>
</div>
<div class="gj-body gli-tuw1">
<div class="gtw-li gclear">
<div class="gtw-img gj-left"> <a href="4.html"><img src="static/picture/180125053634150.jpg" alt=""></a> </div>
<div class="gtw-body"> <a href="4.html">
<h4>给web前端开发人员的一些建议</h4>
</a> <span><i class="fa fa-clock-o"> 2018-01-25</i></span> <span><i class="fa fa-eye"> 1458</i></span> </div>
</div>
</div>
</div>
<div class="gj-wk gcl-hb">
<!--标签模块-->
<div class="gj-bt">
<h3><i class="fa fa-tags" aria-hidden="true"></i> 热门标签</h3>
</div>
<div class="gj-body gj-link3">
<ul>
<li><a href="51.html" target="_blank">web前端</a></li>
<li><a href="41.html" target="_blank">GJ-UI</a></li>
<li><a href="22.html" target="_blank">YzmCMS</a></li>
<li><a href="13.html" target="_blank">晓峰</a></li>
</ul>
</div>
</div>
<div class="gj-gg">广告位不存在！</div>
<div class="gj-wk gcl-hb">
</div>
</div>
</div>
</div>
<div class="hidd-xs gcl-yh" style="border: 0">
<!--返回顶部-->
<a class="gj-top" style="z-index: 1030;"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
</div>
<footer class="gcl-yh">
<!--footer底部-->
<div class="gj-footer">
<p>Copyright © 2018. 晓峰博客 | Powered by <a href="javascript:;" target="_blank">YzmCMS</a></p>
<p>备案：湘ICP备16017252号-1 博客基于GJ-UI组件、YzmCMS内容管理系统</p>
</div>
</footer>
<!--GJ-UI组件模块html代码结束-->
<!--引入guojian.min.js组件脚本-->
<script src="static/js/guojian.min.js" type="text/javascript"></script>
<!--GJ-UI组件模块js代码开始-->
<script>
/*GJ-UI响应式导航栏*/
$(document).ready(function() {
$(".gbar").click(function() {
$(".gnav-ul").slideToggle("slow");
return false
})
});
</script>
<script>
/*返回顶部开始*/
jQuery(function($) {
$('.gj-top').toTop({
autohide: true,
offset: 320,
speed: 500,
right: 15,
bottom: 15
})
});
</script> <script type="text/javascript" src="static/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="static/js/js.js"></script>
<script type="text/javascript" src="static/js/jquery.qqFace.js"></script>
<script type="text/javascript">
$(function() {
//评论QQ表情
$('.emotion').qqFace({
assign: 'content',
path: 'https://www.guojian945.com/common/static/images/face/'
});
});
</script>
</body>
</html>
四、获取更多源码
~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号 获取更多源码 !
五、学习资料
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
六、更多源码
PC电脑端关注我们
HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
