jQuery动画

时间:2020-05-09 17:32:46   收藏:0   阅读:43

隐藏/显示

$(‘div’).hide();$(‘div’).show();$(‘div’).toggle();

淡入淡出

$(div).fadeIn(speed,callback);淡入   callback回调函数

$(div).fadeOut(speed,callback);淡出

$(div).fadeToggle(speed,callback);淡入淡出切换;

$(div).fadeTo(speed,opacity,callback);渐变为给定的不透明度

滑动

$(div).slideDown(speed,callback);向下滑动

$(div).slideUp(speed,callback);向上滑动

$(div).slideToggle(speed,callback);滑动之间切换

动画

$(div).animate({params},speed,callback);

 

    <div id="aa" style="width: 200px;height: 200px ;cyan;"></div>
    <button id="a">按钮</button>
// $(‘#a‘).click(function(){
//     $(‘#aa‘).fadeToggle(2000,function(){
//         $(‘#a‘).click()
//     })
// })
$(‘#a‘).click(function(){
    $(‘#aa‘).animate({
        width:‘400px‘,
        height:‘400px‘,
    },2000)
})
// 冒泡
for (i=0;i<p.length;i++){
    for(j=i+1;j<p.length;j++){
        if(p[i]>p[j]){
            var mp=p[i]
            p[i]=p[j]
            p[j]=mp
        }
    }
}
// p.sort(function(a,b){
//     return b-a
// });
console.log(p)

原文:https://www.cnblogs.com/z242643/p/12858748.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!