一聚教程网:一个值得你收藏的教程网站

热门教程

jquery中animate列表滚动效果代码

时间:2022-06-25 17:38:15 编辑:袖梨 来源:一聚教程网

 

最简单的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




 

 

 

这是列表数据1


 

这是列表数据2


 

这是列表数据3


 

这是列表数据4


 

这是列表数据5


 

这是列表数据6


 

这是列表数据7


 

这是列表数据8


 

这是列表数据9


 

这是列表数据0


 

这是列表数据11


 

 



代码
javascript

热门栏目