首页 > Web开发 > 详细

总结5.9jquery动画

时间:2020-05-09 17:29:23      阅读:43      评论:0      收藏:0      [点我收藏+]
$(‘div‘).hide();//隐藏元素
    $(‘div‘).show();//显示元素
    $(‘div‘).toggle();//元素隐藏显示之间切换
    $(‘button‘).click = function(){
        $(‘div‘).fadeIn(3000,callback);//点击按钮,元素渐渐显示,括号内第一项为过程多少毫秒,第二项回调函数,指过程完成后执行的操作
    }
    $(‘button‘).click(function(){
        $(‘div‘).fadeOut;//元素淡出
    });
    $(‘button‘).click(function(){
        $(‘div‘).fadeToggle;//淡入淡出之间渐渐切换
    });
    $(‘button‘).click(function(){
        $(‘div‘).fadeTo(2000,1);//元素向指定透明度变化,括号内第二项设置透明度
    });

    $(‘button‘).click(function(){
        $(‘div‘).slideDown;//元素向下滑动,像div这种元素是从无到有
    });
    $(‘button‘).click(function(){
        $(‘div‘).slideUp;//元素向上滑动,从有到无
    });
    $(‘button‘).click(function(){
        $(‘div‘).slideToggle;//滑动之间的切换
    });

    $(‘button‘).click(function(){
        $(‘div‘).animate(
            {
                width:‘400px‘,
                height:‘400xpx‘
            },2000,callback
        )//动画,大括号内设置动画如何进行,后面是时间和过程完成后的操作
    });

总结5.9jquery动画

原文:https://www.cnblogs.com/HighKK/p/12858767.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!