jQuery

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)

})});})


你可能感兴趣的:(jQuery)