jQuery+CSS3实现树叶飘落特效
1、响应式布局：
2、鼠标滚动：常用 mousewheel 事件，滚动事件3、动画效果 ：可以选择css3的动画，或者js自己写动画综上所述：你需要通过 2的事件来控制1，不过1的样式中要加入动画样式（3）。大功告成chm里都是方式方法。也有现成效果
HTML网页布局方式有哪些
浮动布局，定位布局以及响应式布局，这三种布局是最基本最常见的，此外比较特殊的是弹性布局，弹性布局相对使用较少，需要根据项目的具体情况而定。在网站开发当中，通常是需要结合多种布局去实现网页布局的。如果是在学习网页布局的相关知识，可以弄本 HTML5布局之路 ，来辅助自己的学习
响应式布局和自适应布局有什么样的区别
响应式布局和自适应布局是两种不同的网页布局设计方式。它们的区别如下：
1. 响应式布局（Responsive Layout）：网页的布局会随着不同的屏幕尺寸和设备自动调整，包括文字大小、图片尺寸等元素的改变，通常利用媒体查询进行设备适应。响应式布局的设计是基于可视化大小自适应的。
2. 自适应布局（Adaptive Layout）：自适应布局网页的尺寸是根据屏幕的尺寸设定好的固定布局，因此需要在不同尺寸的设备上加载不同的CSS文件或不同的HTML文件。自适应布局的设计是基于选定的几个屏幕大小进行适配。
总之，响应式布局是一种更为灵活、更具扩展性和可维护性的设计方法，而自适应布局则是基于设备尺寸划分类别去适配网页的设计方法，两者的实现方式和效果略有不同。
响应式布局是指网页在不同分辨率（浏览器宽度）下的自动伸缩布局，它能够使网页在不同分辨率下都能显示一个完整、合理的页面布局。而自适应布局是指根据不同分辨率调整页面中元素的位置大小，以便在不同分辨率下也能呈现出最佳的用户体验。
二者的区别是：响应式布局只需要在一次请求中返回不同分辨率下的页面，不需要重新加载；而自适应布局则需要根据浏览器宽度的变化而不断重新加载页面，才能把元素的位置和大小调整到最佳状态。此外，响应式布局注重的是内容的优雅显示，自适应布局则更多的是注重用户体验。
响应式布局是为了适配不同的终端而生，移动端布局是针对于智能手机为主，也就是现在行内常说的H5站（m站）。简单说一下他们的不同之处：
1、适配的群体不同，响应式适配各种终端，而移端大部分为智能手机为主2、响应式布局能根据不同的终端设备实现不同的页面布局，而移动端布局大部分是单列布局3、响应式布局有可能造成冗余的代码较多（传统式响应式布局，仅依赖于媒体查询，控制不同的页面布局），移动端布局冗余代码较少，对针对性较强相同之处：
1、在智能手机上，响应式看到的页面效果能和移动端的一样效果（其他忽略，仅从效果上而言）
2、两者都要面对适配的问题（这也是较为蛋疼的问题）
解释响应式布局，怎么实现的？有几种方法实现
1.原生代码实现。
在国内目前设计网页的时候，一般会分成PC端和移动端两套页面，但在一定的情况下，必须满足只设计一个页面的情况下，满足不同端口都能正常使用，
因此会用用到自适应的方法。
用原生代码实现的根本在于媒体查询@media的设置。
@media screen 可以查询当前浏览器的尺寸，因此可采用该方法对同一个页面设置不同的CSS样式，来满足不同分辨率要求。
2.采用bootstrap框架布局
bootstrap框架布局完成的页面，是自动对应的自适应效果。
但是在书写的时候，应该严格按照bootstrap的书写规范，才不会出现怪异性问题。
写法举例：
说明：最后的数字对应该div所占栅栏的列数。
col-md-6 代表在PC端上显示在一行的6个栅栏，也就是一半。
col-sm-6 代表在平板上也显示div占当前行的一半。
col-xs-12 代表在手机端显示为当前行的百分之百填充。
3.还有其他方式，如JQuery和专门做响应式的JS文件，比如nicebox均能实现自适应效果，实现响应式布局。