最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery中animate列表滚动效果代码
时间:2015-08-10 编辑:简简单单 来源:一聚教程网
最简单的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
-
上一个: HTML5实现下载进度条效果代码
相关文章
- 基于jQuery实现一个marquee无缝滚动的插件 06-13
- 新闻上下滚动jquery,超简洁 02-27
- jQuery滚动条样式插件mCustomScrollbar用法介绍 07-26
- jQuery Scroll插件响应式单页全屏滚动介绍 01-30
- jQuery ScrollBar Plugin滚动条插件例子 04-12
- jquery 滚动条固定在某个位置详解 11-18