0

如何将我的内容与其他内容一样推送?好的,我知道这个问题似乎有点含糊,但我想做的是像另一个脚本推送其内容一样推送我的内容。单击按钮时会做什么,它将从侧面推动内容,导致 div 收缩。我不是太远,所以也许有人可以帮忙。这是有效的脚本:

$(function(){
    var $trigger = $(".icon-menu-2");
    var $menu = $(".c_left");

$trigger.toggle(function show() {
    $menu.animate({ width: 185, marginLeft: 0, display: 'toggle'}, 'slow');
    $(".c_right").animate({ marginLeft:185, display:'toggle'}, 'slow');
}, function hide() {
    $menu.animate({ marginLeft: -185, display: 'toggle'}, 'slow');
    $(".c_right").animate({ marginLeft:0, display:'toggle'}, 'slow');
    });
})

http://jsfiddle.net/Ndvbn/2/

这是脚本,只需稍加修改,它就会像上面的脚本在单击测试时那样推送内容。这是脚本:

var timer;

$("#slideout").animate({right:'0px', queue: false, duration: "slow"}, function () {
    timer = setTimeout(function () {
        $("#slideout").animate({right:'-280px'}, {queue: false, duration: "slow"})
    }, 500);
});
$("#clickme2").click(function () {
    if ($("#slideout").css("right") == "-280px"){
        $("#slideout").animate({right:'0px'}, {queue: false, duration: 500}, function () {
        clearTimeout(timer);
        });
    } else {
        $("#slideout").animate({right:'-280px'}, {queue: false, duration: 500}, function () {
        clearTimeout(timer);
    });}
});

http://jsfiddle.net/5UpHk/4/

任何人都可以发布代码以便我的第二个脚本将内容推到左侧吗?

4

1 回答 1

0

下面的这个脚本会将内容推到左边。我也对 CSS 做了一些更改。在此处查看演示和代码:http: //jsfiddle.net/BdKhW/1/

var timer;

$("#slideout").animate({width:'275px'}, {queue: false, duration: "slow"}, function () {
    timer = setTimeout(function () {
        $("#slideout").animate({width:0}, {queue: false, duration: "slow"})
        $(".c_left").animate({marginRight:0}, {queue: false, duration: "slow"})
    }, 2000);
});
$(".c_left").animate({marginRight:'275px'}, {queue: false, duration: "slow"})

$("#clickme2").click(function () {
    $("#slideout").animate({width:0}, {queue: false, duration: "slow"})
    $(".c_left").animate({marginRight:0}, {queue: false, duration: "slow"})
});
于 2013-10-13T00:32:56.633 回答