在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。
我们提供的服务有：成都网站设计、网站建设、外贸网站建设、微信公众号开发、网站优化、网站认证、市南ssl等。为1000多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的市南网站制作公司
假设首先有一个div，内容区域超出了这个div，出现了竖向滚动条 $(div).scrollTop(number)；//用jquery的scrollTop方法，传入的参数是你想设置的滚动条滚动的距离，也就是滚动条距离顶部的距离，就可以了。
使用jquery：获取当前文档的高度。获取滚动轮的高度。获取当前窗口的高度 绑定滚动事件。
实现思路：先静态布局好HTML结构，使用伪类：hover模拟动画效果，再使用jQuery 控制动画类名的切换来实现效果！主要判断滚动的方向，以及相应方向上加载动画的时机（即何时才加载动画的判断条件！关键点！）。
首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
/script 你可以先将图片放置在一个div里，取个id叫tupian_div，然后设置这个div的宽度为0或者你觉得适合的数值。然后你点击id为kaishi的链接之后，这个div的宽度就变成了300，而且是横向渐变的。当然你可以自行调整。
在CSS中当DOM元素的position属性为absolute或relative时，我们可以通过改变这个元素的left和top属性的具体值来控制元素在页面中显现的位置。
前置条件：div作为盒子限制高度，并设置overflow：auto。
我们知道使用 jQuery 来实现上下移入移除，可以直接使用 slideUp() 和 slideDown() 方法。slideUp()方法和slideDown()方法只会改变元素的高度。
新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一行文字，文字内容为“小明”。在test.html文件内，设置div标签的id属性为mytext，主要用于下面通过该id获得div对象。
animate实现动画过渡效果。 on、mousedown、mousemove和mouseup等鼠标动作事件。 position、offset等获取位置方法。
这次给大家带来怎样使用jquery实现左右上下移动功能，使用jquery实现左右上下移动功能的注意事项有哪些，下面就是实战案例，一起来看一下。最近再做报表时候，直接把全部字段都导出了，但这不太灵活。
横排要滑动的图片，然后设置一张图片的宽度；其他地方隐藏掉。用js/jq控制每次滑动的宽度为一张图片的宽度。到最后一张的时候，滑动位置变为初始位置就可以了。反方向也是如此，滑动就完成了。
让我们先来看看jQuery内置的几种动画样式：show / hide直接以无参数形式调用show()和hide()，会显示和隐藏DOM元素。
动画执行的时间，持续时间是以毫秒为单位的；值越大表示动画执行的越慢，不是越快。还可以提供fast 和 slow字符串，分别表示持续时间为200 和 600毫秒。easing动画运动的算法：jQuery库中是默认的时调用 swing。
包括滑动、淡入淡出和自定义动画。 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画 goToEnd 参数规定是否立即完成当前动画。默认是 false。
jQuery的语言特点：快速获取文档元素 jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。
先解释一下animate()方法，animate()可 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。
使用animate函数。jquery的animate函数可以实现大多数缓动动画，按照文档传递参数就可以。也可以结合使用css3，切换css的类名实现动画，功能更强大。
让我们先来看看jQuery内置的几种动画样式：show / hide直接以无参数形式调用show()和hide()，会显示和隐藏DOM元素。
jQuery animate() 方法用于创建自定义动画。语法：(selector).animate({params}，speed，callback)；必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。
这里主要有以下几种方法：在显示和隐藏的时候，可以设置显示隐藏的时间，$(#id).show(500)和$(#id).hide(500)，这样看上去有一个过渡的效果。
先上效果图：录出来有点卡顿的赶脚，实际上还是挺顺畅的。
1、让我们先来看看jQuery内置的几种动画样式：show / hide直接以无参数形式调用show()和hide()，会显示和隐藏DOM元素。
2、HTML5 Canvas实现会跳舞的时间动画这款HTML5动画非常有意思，首先它的原型是一个时钟，但是canvas技术的使用，让这个时钟没走动一秒都会产生圆球散落的动画特效，非常的酷。
3、参数分解：properties：一个或多个css属性的键值对所构成的Object对象。要特别注意所有用于动画的属性必须是数字的，除非另有说明；这些属性如果不是数字的将不能使用基本的jQuery功能。
4、本文实例讲述了jQuery实现两款有动画功能的导航菜单代码。分享给大家供大家参考。
5、只有数字值可创建动画（比如 margin：30px）。字符串值无法创建动画（比如 background-color：red）。 PS：但是如果你引用了最新jquery ui框架的话backgroudColor，color之类的属性也可以实现渐变了。
6、jQuery 动画 - animate() 方法 jQuery animate() 方法用于创建自定义动画。语法：(selector).animate({params}，speed，callback)；必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。
