jquery中animate列表滚动效果代码

最简单的animate例子

方式一:
以“属性名/值”对象的方式定义动画终止样式属性。例如:

$("div").animate( {width:"1000px"})

以上代码能够将div从原有的宽度调整到1000px。也可以一次性使用多组“属性名/值”对象。例如:

$("div").animate( {width:"1000px",fontSize:20})

以上代码能够将div从原有的宽度调整到1000px，从原有的字体大小调整到20px。需要特别注意以下三点:
1.如果尺寸没有单位，那么默认单位是px。

2.属性值需要用双引号包裹，如果属性值是数字的话可以省略。

3.类似font-szie或者background-color这样的属性需要去掉中间的中横线，并且第二个单词首字母要大写

例子，

用animate实现简单的列表数据滚动，可以通过按钮查看上一条和下一条数据！ 实现效果如下： 引用文件：jquery.js

html

代码
javascript