访慕课网实战页面精致前端代码资源-CSDN文库

共18个文件

jpg：10个

css：2个

html：2个

前端界面

css3

1星需积分: 42 108 浏览量 2018-05-30 21:39:35 上传评论 2 收藏 1.04MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

src.zip （18个子文件）

course

css

myChat.css 111B

actualCombat.css 6KB

img

img_21.jpg 151KB

img_24.jpg 121KB

img_28.jpg 110KB

img_29.jpg 111KB

img_27.jpg 89KB

search.png 1KB

img_30.jpg 106KB

img_25.jpg 95KB

img_22.jpg 117KB

ren.png 323B

img_26.jpg 88KB

img_23.jpg 72KB

myChat.js 0B

actualCombat.js 0B

html

myChat.html 270B

actualCombat.html 21KB

lib

css

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>actualCombat</title> <link href="../css/actualCombat.css" rel="stylesheet" type="text/css"/> </head> <body> <div> <div class="top"> <div class="top_left"> <div class="top_title">实战课程</div> </div> <div class="top_right"> <div class="top_search"> <div> <form> <input type="text" placeholder="搜索感兴趣的实战课程内容"> </form> </div> <div><a href="#"> <img src="../img/search.png"></a></div> </div> <div class="top_search_nav"> <ul> <li><a href="#">热搜:</a></li> <li><a href="#">人工智能</a></li> <li><a href="#">区块链</a></li> <li><a href="#">java爬虫</a></li> <li><a href="#">SSM框架</a></li> <li><a href="#">微服务</a></li> <li><a href="#">Netty</a></li> </ul> </div> </div> </div> <div class="skill_nav"> <div class="technology"> <ul> <li><a class="active" href="#">全部</a></li> <li><a href="#">前端开发</a></li> <li><a href="#">后端开发</a></li> <li><a href="#">大数据&云计算</a></li> <li><a href="#">区块链开发</a></li> <li><a href="#">深度学习</a></li> <li><a href="#">机器学习</a></li> <li><a href="#">人工智能</a></li> <li><a href="#">运维/测试</a></li> </ul> </div> </div> <div class="skill_all"> <ul> <li><a class="active" href="#">不限</a></li> <li><a href="#">大数据</a></li> <li><a href="#">人工智能</a></li> <li><a href="#">机器学习</a></li> <li><a href="#">深度学习</a></li> <li><a href="#">区块链</a></li> <li><a href="#">大数据</a></li> <li><a href="#">云计算</a></li> <li><a href="#">微服务</a></li> <li><a href="#">Linux</a></li> <li><a href="#">Java</a></li> <li><a href="#">C++</a></li> <li><a href="#">Python</a></li> <li><a href="#">Go</a></li> <li><a href="#">Android</a></li> <li><a href="#">SQL</a></li> <li><a href="#">IOS</a></li> <li><a href="#">Angular</a></li> <li><a href="#">CSS</a></li> <li><a href="#">JavaScript</a></li> <li><a href="#">JQuery</a></li> <li><a href="#">SpringBoot</a></li> <li><a href="#">Redis</a></li> <li><a href="#">MongoDB</a></li> <li><a href="#">Spring</a></li> <li><a href="#">SpringMVC</a></li> <li><a href="#">Mybatis</a></li> <li><a href="#">SpringCloud</a></li> <li><a href="#">Hibernate</a></li> <li><a href="#">Struct2</a></li> <li><a href="#">Netty</a></li> </ul> </div> <hr/> <div class="skill_all"> <ul> <li><a class="active" href="#">默认排序</a></li> <li><a href="#">最新</a></li> <li><a href="#">最好</a></li> <li><a href="#">评价</a></li> </ul> </div> <div class="skill_video"> <ul> <li> <div class="single_video"> <figure> <a href="#"><img src="../img/img_21.jpg"></a> </figure> <div><a class="skill_video_title" href="#" title="SSM框架最详细分析与实战">SSM框架最详细分析与实战</a></div> <div class="evaluate"> <a href="#"><span>高级</span>&nbsp&nbsp&nbsp<img src="../img/ren.png"><span>1000</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span>评价:</span><span>10分</span></a> </div> <div class="describe"> SSM框架，是Spring + Spring MVC + MyBatis的缩写，这个是继SSH之后，目前主流的Java EE企业级框架，适用于搭建各种大型的企业级应用系统。 </div> <div class="video_pay"> <a href="#"><span class="video_pay_span_left">$299</span><span class="video_pay_span_right"><span>收藏</span>&nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp<span>加购物车</span></span></a> </div> </div> </li> <li> <div class="single_video"> <figure> <a href="#"><img src="../img/img_22.jpg"></a> </figure> <div><a class="skill_video_title" href="#" title="SSM框架最详细分析与实战">SSM框架最详细分析与实战</a></div> <div class="evaluate"> <a href="#"><span>高级</span>&nbsp&nbsp&nbsp<img src="../img/ren.png"><span>1000</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span>评价:</span><span>10分</span></a> </div> <div class="describe"> SSM框架，是Spring + Spring MVC + MyBatis的缩写，这个是继SSH之后，目前主流的Java EE企业级框架，适用于搭建各种大型的企业级应用系统。 </div> <div class="video_pay"> <a href="#"><span class="video_pay_span_left">$299</span><span class="video_pay_span_right"><span>收藏</span>&nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp<span>加购物车</span></span></a> </div> </div> </li> <li> <div class="single_video"> <figure> <a href="#"><img src="../img/img_23.jpg"></a> </figure> <div><a class="skill_video_title" href="#" title="SSM框架最详细分析与实战">SSM框架最详细分析与实战</a></div> <div class="evaluate"> <a href="#"><span>高级</span>&nbsp&nbsp&nbsp<img src="../img/ren.png"><span>1000</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span>评价:</span><span>10分</span></a> </div> <div class="describe"> SSM框架，是Spring + Spring MVC + MyBatis的缩写，这个是继SSH之后，目前主流的Java EE企业级框架，适用于搭建各种大型的企业级应用系统。 </div> <div class="video_pay"> <a href="#"><span class="video_pay_span_left">$299</span><span class="video_pay_span_right"><span>收藏</span>&nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp<span>加购物车</span></span></a> </div> </div> </li> <li class="not_margin_right"> <div class="single_video"> <figure> <a href="#"><img src="../img/img_24.jpg"></a> </figure>

评论收藏

内容反馈