码云链接：https://gitee.com/yijie123/codes/yirn53uahm7skzwlcf04p81
原网页链接：https://pc.weixin.qq.com/
原网页：
网页模仿后：
源代码：
<!doctype html> <html lang=en> <head> <meta charset=UTF-8> <meta http-equiv=X-UA-Compatible content="IE=edge"> <meta name=viewport content="width=device-width,initial-scale=1,user-scalable=0"> <title>网页学习</title> <link rel="shortcut icon" type=image/x-icon href=https://res.wx.qq.com/a/wx_fed/assets/res/NTI4MWU5.ico> <link rel=mask-icon href=https://res.wx.qq.com/a/wx_fed/assets/res/MjliNWVm.svg color=#4C4C4C> <link rel=apple-touch-icon-precomposed href=https://res.wx.qq.com/a/wx_fed/assets/res/OTE0YTAw.png> <!--style--> <link rel="stylesheet" href="//res.wx.qq.com/a/wx_fed/wechat-main-page-frontend/res/static/css/8e6fd0022edceb0fc2c71b6c921af699.css" /> </head> <body> <div class=container> <div class=header> <div style="color:#00FF00"> 网页学习 </div> </div> <div class=body> <div class=textarea> <h1 style="color:WHITE"> 爱生活<br> 爱编程 </h1> <div class="simulator simulatorSlideUp animated"> <div class=sidebar> <div class=avatar> </div> <div class=item></div> <div class=item></div> <div class=item></div> </div> <div class=nav> <div class=item> <div class=cover></div> <div class=content> <h3 class=title></h3> <p class=desc></p> </div> </div> <div class=item> <div class=cover></div> <div class=content> <h3 class=title></h3> <p class=desc></p> </div> </div> <div class=item> <div class=cover></div> <div class=content> <h3 class=title></h3> <p class=desc></p> </div> </div> <div class=item> <div class=cover></div> <div class=content> <h3 class=title></h3> <p class=desc></p> </div> </div> <div class=item> <div class=cover></div> <div class=content> <h3 class=title></h3> <p class=desc></p> </div> </div> <div class=item> <div class=cover></div> <div class=content> <h3 class=title></h3> <p class=desc></p> </div> </div> <div class=item> <div class=cover></div> <div class=content> <h3 class=title></h3> <p class=desc></p> </div> </div> <div class=item> <div class=cover></div> <div class=content> <h3 class=title></h3> <p class=desc></p> </div> </div> <div class=item> <div class=cover></div> <div class=content> <h3 class=title></h3> <p class=desc></p> </div> </div> <div class=item> <div class=cover></div> <div class=content> <h3 class=title></h3> <p class=desc></p> </div> </div> <div class=item> <div class=cover></div> <div class=content> <h3 class=title></h3> <p class=desc></p> </div> </div> <div class=item> <div class=cover></div> <div class=content> <h3 class=title></h3> <p class=desc></p> </div> </div> </div> <div class=main> <div class=chat></div> <div class=editor> <div class=toolbar> <div class="item circleZoomIn animated"></div> <div class="item circleZoomIn animated"></div> <div class="item circleZoomIn animated"></div> <div class="item phone circleZoomIn animated" id=phone> <i class="icon icon-phone"></i> <div class="video-wrapper videoSlideUp animated"> <div class=video> <div class=hd> <div class=option></div> <div class=option></div> <div class=option></div> </div> <div class=bd> <div class=video-item> <canvas id=canvas1 width=250 height=250></canvas> </div> <div class=video-item> <canvas id=canvas2 width=250 height=250></canvas> </div> <div class=video-item> <canvas id=canvas3 width=250 height=250></canvas> </div> <div class=video-item> <canvas id=canvas4 width=250 height=250></canvas> </div> </div> <div class=ft> <div class=option></div> <div class=option></div> <div class=option></div> <div class=option></div> </div> </div> </div> </div> </div> </div> </div> </div> <p class=copyright><span class="qqgroup zh_CN">网页学习</span> Rights Reserved</p> </div> </div> <script src=https://res.wx.qq.com/a/wx_fed/common_assets/17031702/win_weixin21/js/easeljs-0.8.1.min.js> </script> <script src=https://res.wx.qq.com/a/wx_fed/common_assets/17031702/win_weixin21/js/tweenjs-0.6.1.min.js> </script> <script src=https://res.wx.qq.com/a/wx_fed/common_assets/17031702/win_weixin21/js/movieclip-0.8.1.min.js> </script> <script src=https://res.wx.qq.com/a/wx_fed/common_assets/17031702/win_weixin21/js/preloadjs-0.6.1.min.js> </script> <script src=https://res.wx.qq.com/open/libs/jquery/1.11.3/jquery.js> </script> <!--script--> </script> <script src="//res.wx.qq.com/a/wx_fed/wechat-main-page-frontend/res/static/js/index_a2d0d9d.js"></script> </body> </html>