javascript - 如何使用幻灯片效果对宽度进行动画处理(jquery)?

标签 javascript jquery jquery-animate width slide

如何通过向右滑动效果来设置宽度动画?

这是我的代码:

$(".toggle").click(function(){
  $(".wrapper").animate({ width: "80%" });
});

谢谢!

最佳答案

你可以这样做:

$(".toggle").click(function () {
    $(".wrapper").animate({
        width: "80%"
    }, {
        duration: 1000,
        specialEasing: {
            width: 'linear'
        }
    });
});

FIDDLE DEMO

关于javascript - 如何使用幻灯片效果对宽度进行动画处理(jquery)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17121845/

相关文章:

javascript - Angular 服务返回对象?

javascript - 读取 JS 数组存在安全问题?

Jquery 动画。显示无 css 没有改变

JQuery 动画滚动到 div 顶部

jquery - 控制页面滚动时div的滚动速度

javascript - 内联此范围 'binding'

jquery - 让 Jquery 和 Bootstrap 与 Rails 6 配合使用

javascript - Knockoutjs 和 Jquery 可拖动 div

javascript - Jquery 动画动态宽度?

javascript - 如何更新 Mongoose 中的数组元素 - MongoDB