最新下载
热门教程
- 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
相关文章
- oppok11玩游戏怎么样介绍 03-22
- 字母站是什么平台 03-22
- 如何删除emmo日记中的心情日记 03-22
- 万王之王3D铁卫技能加点推荐(铁卫技能加点详解及优化方案,助你成为无敌的王者!) 03-22
- 探秘第五人格佣兵天赋加点技巧(打造最强佣兵,助你成为游戏巅峰) 03-22
- 2026有用的老年人脑力训练游戏有什么 有趣的脑力训练游戏合集推荐 03-22