jQuery效果-为操作添加艺术性
2011-03-03 00:01
218 查看
通过jQuery修改样式:
1.修改内联CSS
getter: .css('property')
setter: .css('property','value')
.css({property1:'value1','property2':'value2'})
2.基本的隐藏和显示
.hide() .show()
3.效果和速度
.show('slow||normal||faster') 或数值 .hide('slow||normal||faster')或数值
.fadeIn('slow||normal||faster')或数值 .fadeOut('slow||normal||faster')或数值
4.多重效果
show() hide()会同时修改宽度,高度和不透明度属性。
fadeIn() fadeOut() fadeTo() 只改变不透明度。
slideDown() slideUp()高度
animate() 可以创建包含多重效果的自定义动画。(可以接受四个参数:包含属性及值的映射,速度,缓动,回调函数。)
例:.animate({param1:'value1',param2:'value2'},speed,function(){
//code
});
5.并发与排队效果
处理一组元素:
当在一个.animate()方法中以多个属性的方式应用时,是同时发生的。
当以方法连缀的形式应用时,是按顺序发生的(排队效果)。
处理多组元素:
默认情况下是同是发生的。
当事件处理程序的回调函数中应用时,是按顺序发生的(排队效果)。
附:在需要多次使用某个jQuery对象时,最好把这个对象保存到一个变量中。
1.修改内联CSS
getter: .css('property')
setter: .css('property','value')
.css({property1:'value1','property2':'value2'})
2.基本的隐藏和显示
.hide() .show()
3.效果和速度
.show('slow||normal||faster') 或数值 .hide('slow||normal||faster')或数值
.fadeIn('slow||normal||faster')或数值 .fadeOut('slow||normal||faster')或数值
4.多重效果
show() hide()会同时修改宽度,高度和不透明度属性。
fadeIn() fadeOut() fadeTo() 只改变不透明度。
slideDown() slideUp()高度
animate() 可以创建包含多重效果的自定义动画。(可以接受四个参数:包含属性及值的映射,速度,缓动,回调函数。)
例:.animate({param1:'value1',param2:'value2'},speed,function(){
//code
});
5.并发与排队效果
处理一组元素:
当在一个.animate()方法中以多个属性的方式应用时,是同时发生的。
当以方法连缀的形式应用时,是按顺序发生的(排队效果)。
处理多组元素:
默认情况下是同是发生的。
当事件处理程序的回调函数中应用时,是按顺序发生的(排队效果)。
附:在需要多次使用某个jQuery对象时,最好把这个对象保存到一个变量中。
相关文章推荐
- jQuery 效果——为操作添加艺术性
- 效果-为操作添加艺术性
- jQuery的DOM操作之添加元素和删除元素
- jQuery操作表格元素,整体添加与删除
- Jquery操作Cookie|多个输入框同时输入效果|下拉列表经典例子
- jQuery动态添加.active 实现导航效果代码思路详解
- jQuery列表的收缩效果,变色,添加好友的智能效果
- jquery之效果操作
- jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
- jQuery实现动画效果基本操作
- Jquery 操作 select 【添加、清空】
- Html5添加三联切换仿3D效果旋转木马jQuery插件教程
- 两个select之间option的互相添加操作(jquery实现)
- jquery中文本域光标操作(选中、添加、删除、获取)
- jQuerydiv点击添加或者移除样式实现导航切换效果
- JQuery实现操作Checkbox,Table,鼠标放在图片上放大效果
- 关于JQuery中对Select(下拉选项框)的option项的添加、删除、取值的操作
- jQuery实现网站添加高亮突出显示效果的方法