一种方法就是，每个方块其实有2个，一个是你看到的，一个是高度为0在最底部的，鼠标移入的时候，原本能看到的高度慢慢减小，原本高度为0的高度慢慢增加，把这个变化的时间调整好就是图中看到的效果了。
创新互联建站专注为客户提供全方位的互联网综合服务，包含不限于网站制作、成都网站建设、长寿网络推广、成都微信小程序、长寿网络营销、长寿企业策划、长寿品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联建站为所有大学生创业者提供长寿建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com
在下认为三楼的有点小问题哦，小改了一下，楼主试试。
这个不光用到jquery的animate，还要有css基础才行，要不你光靠js是做不出的。
用jQuery实现div随鼠标移动而移动方法：让div随着鼠标走，需要知道几个关键点 如何获取鼠标的横纵坐标。如何让div在别的html代码上移动。
(6)：mouseout事件：mouseout事件于用户把鼠标移出一个元素时触发，这包括从父元素移动到子元素上，或者使用键盘跳到元素上。
mouseenter(进入)、mouseleave、mouseover(覆盖)和mouseout是常用来判断鼠标移出和移入的事件句柄，虽然功能上差不多，但是细节却有不同的地方。
//mousemove事件是mouse鼠标只要在按钮上面移动，就会触发的事件。
jquery中有2个对应的事件，那就是mouseover与mouseout。mouseover就是移动到元素触发的事件，mouseout就是离开元素触发事件。
如果是向下的移动的话，jQuery就有现成的效果。需要向上的这种效果的话，就需要稍微复杂点了。这种也可以用css3的动画制作，关键就是你要理解，这个效果是如何实现的。鼠标移入前和移入的时候，页面的代码是怎么变的。
1、网络用语中c是一个用来取缔一些不好的词汇的缩写，通常用来表达不适合在屏幕上或公共场合直接说出口的内容。
2、网络用语中c是什么意思：网络语言是由网民创造、常用于网上交流、不同于传统语言的新型语言——网络语言正在风行全球。网络语言是时代发展过程中一种特定的语言现象，更是网络时代的特别产物。
3、C表示圆的周长，C＝πd或C = 2πr。圆周长（c）公式推导：圆的直径（D），那圆的周长（c）除以圆的直径（D）等于π，那利用乘法的意义，就等于 π乘圆的直径（D）等于圆的周长（C），C=πd。
4、化学中C表示物质的量浓度（摩尔浓度），是一种常用的溶液浓度的表示方法，为溶液中溶质的物质的量除以混合物的体积。以上面公式中，C(B)代表溶质的物质的量浓度，n(B)代表溶质的物质的量，V代表溶液的体积。
5、在集合中，C 表示复数集；在不定积分中，C 表示任意常数；在组合数学中，C 表示组合，如 C=(4×3×2×1) / (3×2×1) = 4 。
参考以下代码，选中input标签时记录原值，输入字符或其它事件需要时返回原值。var jiu=//存储原值为以后改回原值用。
你好，我猜你要的效果是，但鼠标在元素上快速移入移出的时候不触发元素的mouseover事件，而当鼠标移入元素，并停留超过200毫秒，便触发某些方法。
在jquery中用hover(function(){}，function(){})比较好，因为处理鼠标进入离开事件的话，用mouseover 和 mouseout会有bug，用hover的话，参数，前一个是进入的时候触发的函数，后一个是离开的时候触发的函数。
