最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
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
相关文章
- 《原神》5.2卡池抽取建议 11-14
- 《原神》5.2版本新怪物介绍 11-14
- 《原神》希诺宁增伤触发方法 11-14
- 《原神》循音觅奇活动入口 11-14
- 《原神》循音觅奇兑换码获取方法 11-14
- 《原神》花羽会活动飞行技巧介绍 11-14