jQuery特殊效果
顺序是先写HTML代码片段 也就是css效果再将jQuery事件写在css样式下 由jQuery的click事件进行操作
举个栗子:
$btn.click(function(){
$('#div1').fedIn(1000,'swing',function(){alert('done!');
});
});
有这些属性值
fadeIn() 淡出
fadeOut() 淡出
fadeToggle() 切换淡入淡出
hide() 隐藏元素
show() 显示元素
Toggle() 依次展示或隐藏某个元素
slideDown() 向下展开
slideUp() 向上卷起
slideToggle() 依次展开或卷起某个元素
jQuery动画
可以无限嵌套 jQuery特殊效果其实是由jQuery动画提供的
参数:
1、什么属性做动画,属性设置{param1: value1, param2: value2}
2、动画执行的时间,单位毫秒
3、动画曲线:
swing(默认值)开始和结束慢,中间快
linear匀速
可省略不写
4、回调函数,动画完成之后要做的事情,可无限嵌套
举个例子
$('#div1').animate({width:2000,height:200,'swing'},1000,function(){
alrte('动画结束');
$(this).animate({marginLeft:500},1000,function(){$(this).animate({marginTop:1000},10000)
})});})