实现思路：先静态布局好HTML结构，使用伪类：hover模拟动画效果，再使用jQuery 控制动画类名的切换来实现效果！主要判断滚动的方向，以及相应方向上加载动画的时机（即何时才加载动画的判断条件！关键点！）。
成都创新互联于2013年成立，先为槐荫等服务建站，槐荫等地企业，进行企业商务咨询服务。为槐荫企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
本文章向码农介绍jquery如何判断滚动条滚到页面底部并执行事件。首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。
首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
比如：jquery有$(document).scrollTop()；可以获取滚动条到顶部的垂直高度，然后你在scrollstart和scroolstop分别获取一次，通过这个高度值的变化就可以实现了。
原理：每个下拉列表框的值改变时都触发一个事件，这个事件获取其值，再判断与另二者有没有重复。
jQuery中的hasClass()方法可以判断一个元素是否含有一个指定的类，该方法的语法为$(selector).hasClass(class)，参数为必需，规定需要在指定元素中查找的类。
jquery-validate插件如何下载和引入到项目中，这里不做详细介绍了。
1、给响应的div添加onmousewheel事件即可。
2、jquery中有2个对应的事件，那就是mouseover与mouseout。mouseover就是移动到元素触发的事件，mouseout就是离开元素触发事件。
3、首先第一个问题是浏览器没有相关的 API 方法可以检测某个元素是否在可视区域，那么就只能我们人工计算，所以这里就涉及到了元素长宽，滚动条位置的知识。
4、得到指定dom的位置：$(#div).offset()得到dom的位置起始点 得到指定dom的宽高：$(#div).width()，$(#div).height()然后判断指定dom的位置是否在网页的显示区域内 步骤是这样的，代码就不写了。