【问题标题】:How to create a Toggle?如何创建切换?
【发布时间】:2012-10-27 16:33:41
【问题描述】:

我想创建这个“点击时”功能来进行切换。默认情况下,body 有一个“ma​​rgin: 0px;”,所以我想要一个链接到 Toggle Body 的边距从 0px 到 50px 到对。用滑动效果动画过渡会很好!

我有一个简单的代码...

   $("a").click(function () {
    $("body").css("margin","0px 0px 0px 50px");
    return false;
   });

【问题讨论】:

    标签: jquery css toggle


    【解决方案1】:

    你可以在css中创建一个类然后调用jQuery toggleClass

    .someClass
    {
     margin: 0 0 0 50px!important;
    }
    
    $("a").click(function () {
           $("body").toggleClass('someClass');
           return false;
     });
    

    【讨论】:

    • 虽然使用 jquery...如果它是 css 效果,我不希望浏览器出现问题。
    • 如果不使用 jqueryUi,您将无法为 jqueries toggleClass 设置动画,这是 jqueryUi 链接:jqueryui.com/toggleClass,其中有一个用于动画时间的附加参数。使用普通 jquery,您可以使用 .animate 但这仅适用于内联样式,因此没有“简单”的切换方式,您需要检查当前边距值(.css('margin')),然后基于条件语句执行你想要的不同效果。
    猜你喜欢
    • 1970-01-01
    • 2016-03-05
    • 1970-01-01
    • 2013-01-19
    • 2014-06-02
    • 2010-09-23
    • 2020-01-29
    • 1970-01-01
    • 2023-03-16
    相关资源
    最近更新 更多