[期末网页作业]—小米官网（html+css+js） 前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验 前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，最新的高级版本HTML5、CSS3，以及SVG等。 这三个是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚、弄明白，这样在开发的过程中才会得心应手。

jquery.simplemodal.js 2014年11月29日 最新版

Pomodoro:极简风格的番茄钟:tomato:

jQuery鱼骨图形式信息展示代码是一款轮播效果使用了superslide，标题不限制字数，分页个数可自适应。

HTML浪漫动态表白代码+音乐(附源码)，内含4款源码

特点：鼠标悬停在图片区域后，滑动鼠标滚轮，图片会整屏切换 缺点：调用js较多 使用方法： 1、在你的网页中引入lanrenzhijia.css样式 2、将代码部分拷贝到你的网页之中 注意事项： 1、列表li之间的距离，不能用margin。    因为滚动的距离，要判断li的宽度，否则会导致滚动下一屏的时候出现错位问题

使用WebStorm开发 使用HTML+CSS+JS实现Echart大屏展示 Echarts模板网站： http://ppchart.com/#/ Echarts官方网站： https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts

比较个性化的一款banner焦点图特效，支持暂停、开始。切换部分为多张小图片轮播，效果很不错

jQuery Bootstrap网格布局和列表布局切换代码

这是一款基于Bootstrap的网格布局和列表布局切换特效。该特效通过jQuery来为元素切换不同的class类，来将布局显示为网格布局或列表布局。